Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-65938

Use the checkbox-toggleall component for the quiz activity

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      Editing quiz
      1. Create a quiz.
      2. Edit the quiz and add at least two questions.
      3. Click "Select multiple items"
      4. Confirm that you see a "Select all" button
      5. Confirm that without any item being selected on initial load, the "Delete selected" button is rendered as disabled.
      6. Check the behaviour of the "Select all" button.
      7. Confirm that:
        • When you click on it, all items become selected and its text becomes "Deselect all"
        • When everything's selected and you click on it, all items become deselected and its text becomes "Select all"
      8. Check the effect of clicking of one or more checkboxes beside each question.
      9. Confirm that:
        • When you tick all checkboxes, the "Select all" button's text becomes "Deselect all"
        • When all checkboxes are ticked and you untick at least one checkbox, the "Deselect all" button's text becomes "Select all"
      10. Check the behaviour of the "Delete selected" button.
      11. Confirm that:
        • When at least one checkbox is selected, the "Delete selected" button is enabled.
        • When there's no checkbox selected, the "Delete selected" button is disabled.
      Overview report
      1. Login as a student and make at least 2 attempts on the quiz. Do this again for at least one more student account.
      2. Login again as the teacher and go to the quiz.
      3. Click on the cog to open the quiz menu and select "Results" (or "Grades")
      4. Scroll down the bottom of the page, you will see the grade table
      5. Confirm that you see a checkbox on the column header of the table's first column. Let's call this the master checkbox.
      6. Confirm that without any item being selected on initial load, the "Regrade selected attempts" and "Delete selected attempts" buttons are rendered as disabled.
      7. Check the behaviour of the master checkbox.
      8. Confirm that:
        • When it's ticked, all items become selected and its hidden label becomes "Deselect all" (you might wanna inspect using the dev tools of your browser)
        • When everything's selected and you untick it, all items become deselected and its text becomes "Select all"
      9. Check the effect of clicking of one or more checkboxes beside each attempt.
      10. Confirm that:
        • When you tick all checkboxes, the master checkbox becomes ticked and its hidden label becomes "Deselect all"
        • When all checkboxes are ticked and you untick at least one checkbox, the master checkbox becomes unticked and its hidden label becomes "Select all"
      11. Check the behaviour of the "Regrade selected attempts" and "Delete selected attempts" buttons.
      12. Confirm that:
        • When at least one checkbox is selected, the buttons are enabled.
        • When there's no checkbox selected, the buttons are disabled.
      Responses report
      1. Go back to the quiz's main page.
      2. Click on the cog to open the quiz menu and select "Responses"
      3. Scroll down the bottom of the page, you will see the responses table
      4. Confirm that you see a checkbox on the column header of the table's first column. Let's call this the master checkbox.
      5. Confirm that without any item being selected on initial load, the "Delete selected attempts" button is rendered as disabled.
      6. Check the behaviour of the master checkbox.
      7. Confirm that:
        • When it's ticked, all items become selected and its hidden label becomes "Deselect all" (you might wanna inspect using the dev tools of your browser)
        • When everything's selected and you untick it, all items become deselected and its text becomes "Select all"
      8. Check the effect of clicking of one or more checkboxes beside each attempt.
      9. Confirm that:
        • When you tick all checkboxes, the master checkbox becomes ticked and its hidden label becomes "Deselect all"
        • When all checkboxes are ticked and you untick at least one checkbox, the master checkbox becomes unticked and its hidden label becomes "Select all"
      10. Check the behaviour of the "Delete selected attempts" button.
      11. Confirm that:
        • When at least one checkbox is selected, the button is enabled.
        • When there's no checkbox selected, the button is disabled.
      Show
      Editing quiz Create a quiz. Edit the quiz and add at least two questions. Click " Select multiple items " Confirm that you see a " Select all " button Confirm that without any item being selected on initial load, the " Delete selected " button is rendered as disabled. Check the behaviour of the " Select all " button. Confirm that: When you click on it, all items become selected and its text becomes " Deselect all " When everything's selected and you click on it, all items become deselected and its text becomes " Select all " Check the effect of clicking of one or more checkboxes beside each question. Confirm that: When you tick all checkboxes, the " Select all " button's text becomes " Deselect all " When all checkboxes are ticked and you untick at least one checkbox, the " Deselect all " button's text becomes " Select all " Check the behaviour of the " Delete selected " button. Confirm that: When at least one checkbox is selected, the " Delete selected " button is enabled. When there's no checkbox selected, the " Delete selected " button is disabled. Overview report Login as a student and make at least 2 attempts on the quiz. Do this again for at least one more student account. Login again as the teacher and go to the quiz. Click on the cog to open the quiz menu and select " Results " (or " Grades ") Scroll down the bottom of the page, you will see the grade table Confirm that you see a checkbox on the column header of the table's first column. Let's call this the master checkbox. Confirm that without any item being selected on initial load, the " Regrade selected attempts " and " Delete selected attempts " buttons are rendered as disabled. Check the behaviour of the master checkbox. Confirm that: When it's ticked, all items become selected and its hidden label becomes " Deselect all " (you might wanna inspect using the dev tools of your browser) When everything's selected and you untick it, all items become deselected and its text becomes " Select all " Check the effect of clicking of one or more checkboxes beside each attempt. Confirm that: When you tick all checkboxes, the master checkbox becomes ticked and its hidden label becomes " Deselect all " When all checkboxes are ticked and you untick at least one checkbox, the master checkbox becomes unticked and its hidden label becomes " Select all " Check the behaviour of the " Regrade selected attempts " and " Delete selected attempts " buttons. Confirm that: When at least one checkbox is selected, the buttons are enabled. When there's no checkbox selected, the buttons are disabled. Responses report Go back to the quiz's main page. Click on the cog to open the quiz menu and select " Responses " Scroll down the bottom of the page, you will see the responses table Confirm that you see a checkbox on the column header of the table's first column. Let's call this the master checkbox. Confirm that without any item being selected on initial load, the " Delete selected attempts " button is rendered as disabled. Check the behaviour of the master checkbox. Confirm that: When it's ticked, all items become selected and its hidden label becomes " Deselect all " (you might wanna inspect using the dev tools of your browser) When everything's selected and you untick it, all items become deselected and its text becomes " Select all " Check the effect of clicking of one or more checkboxes beside each attempt. Confirm that: When you tick all checkboxes, the master checkbox becomes ticked and its hidden label becomes " Deselect all " When all checkboxes are ticked and you untick at least one checkbox, the master checkbox becomes unticked and its hidden label becomes " Select all " Check the behaviour of the " Delete selected attempts " button. Confirm that: When at least one checkbox is selected, the button is enabled. When there's no checkbox selected, the button is disabled.
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull Master Branch:
      MDL-65938-master
    • Story Points:
      1
    • Sprint:
      Sprint 2 - Experimental

      Description

      Who is this for?
      • Moodle users who can manage quiz activities (e.g. teachers, course managers, etc)
      What is the problem that you're trying to solve?
      • The inconsistent way of checking items on a list throughout Moodle
      Why does it need solving?
      • A consistent way of checking items on a list would provide a better user experience
      How does this issue tackle the problem?
      • The patch for this issue will implement the usage of the checkbox-toggleall output component which aims to improve the UI and UX by:
        • having a master checkbox for toggling the checked states of the checkbox elements in the quiz items list when editing a quiz.
        • making the action button "Delete selected" button enabled only when there's at least one item selected.
        • having a master checkbox for toggling the checked states of the checkbox elements for the quiz attempts table.
        • making the action buttons "Regrade selected attempts" and "Delete selected attempts" enabled only when there's at least one item selected.

        Attachments

        1. quiz-edit-after-all-selected.png
          quiz-edit-after-all-selected.png
          29 kB
        2. quiz-edit-after-none-selected.png
          quiz-edit-after-none-selected.png
          29 kB
        3. quiz-edit-before.png
          quiz-edit-before.png
          29 kB
        4. quiz-report-overview-after.png
          quiz-report-overview-after.png
          34 kB
        5. quiz-report-overview-before.png
          quiz-report-overview-before.png
          34 kB
        6. quiz-report-responses-after.png
          quiz-report-responses-after.png
          25 kB
        7. quiz-report-responses-before.png
          quiz-report-responses-before.png
          27 kB
        8. Screenshot_1.png
          Screenshot_1.png
          121 kB
        9. Screenshot_2.png
          Screenshot_2.png
          440 kB
        10. Screenshot_3.png
          Screenshot_3.png
          327 kB

          Issue Links

            Activity

              People

              • Assignee:
                jpataleta Jun Pataleta
                Reporter:
                jpataleta Jun Pataleta
                Peer reviewer:
                Tim Hunt
                Integrator:
                Eloy Lafuente (stronk7)
                Tester:
                Janelle Barcega
                Participants:
                Component watchers:
                Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Barbara Ramiro, Jake Dallimore, Jun Pataleta
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/19

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 6 hours
                  6h