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

Improve question category management UI

    • MOODLE_400_STABLE, MOODLE_401_STABLE
    • MDL-72397_main
    • Hide
      1. Login into the Moodle site as an administrator
      2. Create a course called "Test course", and add a quiz called "Test quiz" to the course.
      3. Navigate to the new quiz, and select the "Question bank" tab
      4. Select "Categories" from the tertiary navigation.
        • Confirm That you have 4 defaults categories, that have no drag and drop handle.
        • Confirm That each category has an "Edit" action menu, containing only "Edit settings" and "Export as Moodle XML"
      5. Click in "Add category"
      6. Set the parent category to "Top for Test course", fill in the Name "New category 1", add some Category info and an ID Number
      7. Click Add category in the modal form
        • Confirm That the created category appears under the Test course heading.
        • Confirm That the id number is displayed next to the category name
        • Confirm That both the new category and the "Default for Test course" both have drag handles.
        • Confirm That the "Edit" action menu for both movable categories contains a "Move" and "Delete" option, as well as the options listed in step 4.
      8. Check the "Show descriptions" checkbox at the top of the page
        • Confirm that the description is down in your new category.
      9. Click on the drag handle for your new category.
      10. Drag "New category 1" just above "Default for test course"
        • Confirm that the top border of "Default for test course" is highlighted.
      11. Drop "New category 1"
        • Confirm that the two categories switch places.
      12. Drag "New category 1" just below "Default for Test course"
        1. Confirm that the bottom border of "Default for test course" is highlighted.
      13. Drop "New category 1"
        • Confirm that the two categories switch places, back to their original order.
      14. Drag "New category 1" below "Default for Test quiz"
        1. Confirm that the bottom border of "Default for Test quiz" is highlighted.
      15. Drop "New category 1"
        • Confirm that "New category 1" moves to the new context, below "Default for Test quiz"
        • Confirm that "Default for Test quiz" is now movable
        • Confirm that "Default for Test course" is no longer movable.
      16. Add an additional category as a child of "Top for Test quiz", called "New category 2"
        1. Confirm That the "Test quiz" heading now contains 3 categories, "Default for Test quiz", "New category 1" and "New category 2".
      17. Click the "Make child of Default for Test quiz" button (right arrow icon) in "New category 1".
        1. Confirm That "New category 1" is now positioned as a child item of "Default for Test quiz"
      18. Drag "New category 2" just below "New category 1"
        1. Confirm that the bottom border of "New category 1" is highlighted.
      19. Drop "New category 2"
        1. Confirm that "New category 2" moves after "New category 1", as a second child of "Default for Test quiz"
      20. Drag "New category 2" just below "Default for Test quiz"
        1. Confirm that the bottom border of "Default for Test quiz" is highlighted.
      21. Drop "New category 2"
        1. Confirm that "New category 2" is moved to the top level of the Test quiz list, outside of "Default for Test quiz".
      22. Drag "Default for Test quiz", moving the cursor over the bottom of "New category 1".
        1. Confirm that you cannot drag-and-drop the category inside itself.
      23. Drag "Default for Test quiz" just below "Default for test course" and drop it.
        1. Confirm that the category and its child move to the "Test course" context.
      24. Click the "Move to top level" button (left arrow) in "New category 1"
        1. Confirm that "New category 1" is moved to the top level of the "Test course" list, outside of "Default for Test quiz".
      25. Click on "Edit > Move" in the "Default for Test quiz" category
        1. Confirm that you see a modal listing all of the positions the category can move to.
        2. Confirm that you do not see "Default for Test quiz" on the list
      26. Click "Before New category 2"
        1. Confirm that the category is moved back to its original position, at the top of the "Test quiz" list.
      27. Click on "Edit > Edit settings" in the "New category 2" category
      28. Edit the name, description and ID number and click "Save changes"
        1. Confirm that the updated name, description and id number are shown on the page.
      29. Click on "Edit > Delete" in the "New category 2" category
        1. Confirm that the category is deleted.
      Show
      Login into the Moodle site as an administrator Create a course called "Test course", and add a quiz called "Test quiz" to the course. Navigate to the new quiz, and select the "Question bank" tab Select "Categories" from the tertiary navigation. Confirm That you have 4 defaults categories, that have no drag and drop handle. Confirm That each category has an "Edit" action menu, containing only "Edit settings" and "Export as Moodle XML" Click in "Add category" Set the parent category to "Top for Test course", fill in the Name "New category 1", add some Category info and an ID Number Click Add category in the modal form Confirm That the created category appears under the Test course heading. Confirm That the id number is displayed next to the category name Confirm That both the new category and the "Default for Test course" both have drag handles. Confirm That the "Edit" action menu for both movable categories contains a "Move" and "Delete" option, as well as the options listed in step 4. Check the "Show descriptions" checkbox at the top of the page Confirm that the description is down in your new category. Click on the drag handle for your new category. Drag "New category 1" just above "Default for test course" Confirm that the top border of "Default for test course" is highlighted. Drop "New category 1" Confirm that the two categories switch places. Drag "New category 1" just below "Default for Test course" Confirm that the bottom border of "Default for test course" is highlighted. Drop "New category 1" Confirm that the two categories switch places, back to their original order. Drag "New category 1" below "Default for Test quiz" Confirm that the bottom border of "Default for Test quiz" is highlighted. Drop "New category 1" Confirm that "New category 1" moves to the new context, below "Default for Test quiz" Confirm that "Default for Test quiz" is now movable Confirm that "Default for Test course" is no longer movable. Add an additional category as a child of "Top for Test quiz", called "New category 2" Confirm That the "Test quiz" heading now contains 3 categories, "Default for Test quiz", "New category 1" and "New category 2". Click the "Make child of Default for Test quiz" button (right arrow icon) in "New category 1". Confirm That "New category 1" is now positioned as a child item of "Default for Test quiz" Drag "New category 2" just below "New category 1" Confirm that the bottom border of "New category 1" is highlighted. Drop "New category 2" Confirm that "New category 2" moves after "New category 1", as a second child of "Default for Test quiz" Drag "New category 2" just below "Default for Test quiz" Confirm that the bottom border of "Default for Test quiz" is highlighted. Drop "New category 2" Confirm  that "New category 2" is moved to the top level of the Test quiz list, outside of "Default for Test quiz". Drag "Default for Test quiz", moving the cursor over the bottom of "New category 1". Confirm that you cannot drag-and-drop the category inside itself. Drag "Default for Test quiz" just below "Default for test course" and drop it. Confirm that the category and its child move to the "Test course" context. Click the "Move to top level" button (left arrow) in "New category 1" Confirm that "New category 1" is moved to the top level of the "Test course" list, outside of "Default for Test quiz". Click on "Edit > Move" in the "Default for Test quiz" category Confirm that you see a modal listing all of the positions the category can move to. Confirm that you do not see "Default for Test quiz" on the list Click "Before New category 2" Confirm that the category is moved back to its original position, at the top of the "Test quiz" list. Click on "Edit > Edit settings" in the "New category 2" category Edit the name, description and ID number and click "Save changes" Confirm that the updated name, description and id number are shown on the page. Click on "Edit > Delete" in the "New category 2" category Confirm that the category is deleted.

      As a part of the Quiz 4 project, the UI for managecagories will be upgraded according to the new wireframes. This tracker will address those changes.

      Some major UI changes will include:

      • Add category form in modal
      • Drag and drop to change the sort order of the categories
      • Drag and drop to move the category under another category
      • Clean UI to make it easier to manage the top and child categories in a context
      • Any other behat test related to the managecategory plugin that weren't done in MDL-71585

        1. 0001-MDL-72397-templates-Terminate-recursive-example-elem.patch
          4 kB
        2. 2024-06-07 , 11_47_51 - Edit categories _ MDL-72397 — Mozilla Firefox.png
          2024-06-07 , 11_47_51 - Edit categories _ MDL-72397 — Mozilla Firefox.png
          69 kB
        3. Add category - adding existing idnumber.png
          Add category - adding existing idnumber.png
          43 kB
        4. Add category view.png
          Add category view.png
          111 kB
        5. categories-2021-11-25_13.13.11.mp4
          893 kB
        6. Categories with same idnumber (after).png
          Categories with same idnumber (after).png
          94 kB
        7. Categories with same idnumber (during drag).png
          Categories with same idnumber (during drag).png
          104 kB
        8. Categories with same idnumber under different subcategories (before).png
          Categories with same idnumber under different subcategories (before).png
          88 kB
        9. dd-mobile.mp4
          476 kB
        10. Edit categories _ MDL-72397 - Google Chrome 2024-04-15 10-59-57.mp4
          9.12 MB
        11. Edit menu - Multiple subcategories.png
          Edit menu - Multiple subcategories.png
          55 kB
        12. Edit menu - Single subcategory.png
          Edit menu - Single subcategory.png
          54 kB
        13. image-2022-03-04-21-15-51-516.png
          image-2022-03-04-21-15-51-516.png
          110 kB
        14. image-2022-03-04-21-16-18-184.png
          image-2022-03-04-21-16-18-184.png
          105 kB
        15. image-2022-03-04-21-16-58-846.png
          image-2022-03-04-21-16-58-846.png
          50 kB
        16. image-2022-03-04-21-18-17-665.png
          image-2022-03-04-21-18-17-665.png
          110 kB
        17. image-2022-03-04-21-18-34-773.png
          image-2022-03-04-21-18-34-773.png
          105 kB
        18. image-2022-03-04-21-18-49-473.png
          image-2022-03-04-21-18-49-473.png
          50 kB
        19. image-2022-03-04-21-18-58-908.png
          image-2022-03-04-21-18-58-908.png
          105 kB
        20. image-2022-03-04-21-19-36-654.png
          image-2022-03-04-21-19-36-654.png
          45 kB
        21. image-2022-03-04-21-19-46-490.png
          image-2022-03-04-21-19-46-490.png
          36 kB
        22. image-2022-03-04-21-19-56-108.png
          image-2022-03-04-21-19-56-108.png
          27 kB
        23. image-2022-03-04-21-20-11-676.png
          image-2022-03-04-21-20-11-676.png
          27 kB
        24. image-2022-03-04-21-20-24-059.png
          image-2022-03-04-21-20-24-059.png
          36 kB
        25. image-2022-03-04-21-20-33-079.png
          image-2022-03-04-21-20-33-079.png
          43 kB
        26. image-2022-03-04-21-20-53-574.png
          image-2022-03-04-21-20-53-574.png
          4 kB
        27. image-2022-03-04-21-20-59-398.png
          image-2022-03-04-21-20-59-398.png
          14 kB
        28. image-2024-04-16-11-07-09-888.png
          image-2024-04-16-11-07-09-888.png
          350 kB
        29. Initial view.png
          Initial view.png
          75 kB
        30. New category added - Description hidden.png
          New category added - Description hidden.png
          77 kB
        31. New category added - Description shown.png
          New category added - Description shown.png
          103 kB

            Votes:
            48 Vote for this issue
            Watchers:
            39 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 2 hours, 23 minutes
                3d 2h 23m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.