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

Course and category management secondary and tertiary navigation

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73462-master
    • Hide

      Confirm behat test passes

      Setup

      1. Create the following category Structure
        1. Miscellaneous
          1. SubCategory 1
          2. SubCategory 2
        2. Category 2
          1. SubCategory 1
      2. Create a course under one of the categories

      Testing

      1. Log in as an admin
      2. Go to Site Admin > Courses > Manage course categories and courses
      3. Confirm you see the following in the secondary navigation:
        1. Category
        2. Settings
        3. More
          1. Permissions
          2. Cohorts
          3. Filters
          4. Restore course
          5. Learning plan templates
          6. Competency frameworks
          7. Content bank
      4. Confirm you see a dropdown below the secondary navigation with the following options:
        1. Course categories and courses
        2. Course categories
        3. Courses
      5. Confirm you see the search field next to the dropdown
      6. Select each option from the dropdown and confirm ‘Category’ is the selected tab
      7. Select ‘Courses’ from the drop down.
      8. Confirm you see a Category selector between dropdown #4 and search box #5
      9. Select ‘Course categories and courses’
      10. Open the settings cog against a category
      11. Confirm you see a ‘View’ option
      12. Confirm you see a ‘Permissions’ option
      13. Confirm you do not see
        1. Locally assigned roles
        2. Check Permissions
      14. Click on the Permissions option
      15. Confirm you see a dropdown in the tertiary nav area below the secondary nav
      16. Confirm the options within it are:
        1. Permissions
        2. Locally assigned roles
        3. Check Permissions
      17. Select each option in the dropdown
      18. Repeat #15-#16
      19. Click on the View option in the menu
      20. Confirm you see the following in the tertiary nav area:
        1. A category selector
        2. Search box
        3. A ‘More’ dropdown with the following options in order:
          1. Add a new course
          2. Add a subcategory
          3. Manage courses
      21. For each option in the category selector, confirm the following:
        1. You can see a heading with the category name
        2. For sub categories, you see a heading in the format of “{Parent Category}/{Selected category}"
        3. Category description if provided
      Show
      Confirm behat test passes Setup Create the following category Structure Miscellaneous SubCategory 1 SubCategory 2 Category 2 SubCategory 1 Create a course under one of the categories Testing Log in as an admin Go to Site Admin > Courses > Manage course categories and courses Confirm you see the following in the secondary navigation: Category Settings More Permissions Cohorts Filters Restore course Learning plan templates Competency frameworks Content bank Confirm you see a dropdown below the secondary navigation with the following options: Course categories and courses Course categories Courses Confirm you see the search field next to the dropdown Select each option from the dropdown and confirm ‘Category’ is the selected tab Select ‘Courses’ from the drop down. Confirm you see a Category selector between dropdown #4 and search box #5 Select ‘Course categories and courses’ Open the settings cog against a category Confirm you see a ‘View’ option Confirm you see a ‘Permissions’ option Confirm you do not see Locally assigned roles Check Permissions Click on the Permissions option Confirm you see a dropdown in the tertiary nav area below the secondary nav Confirm the options within it are: Permissions Locally assigned roles Check Permissions Select each option in the dropdown Repeat #15-#16 Click on the View option in the menu Confirm you see the following in the tertiary nav area: A category selector Search box A ‘More’ dropdown with the following options in order: Add a new course Add a subcategory Manage courses For each option in the category selector, confirm the following: You can see a heading with the category name For sub categories, you see a heading in the format of “{Parent Category}/{Selected category}" Category description if provided
    • 3
    • Navigation push 14

    Description

      Steps to reproduce:

      1. Login as admin
      2. Go to "Site administration > Courses > Manage courses and categories".
      3. Create a new category with a super-long name (for instance, "Miscellaneous with a long long long long title to test if it's truncated. Etiam massa orci, vehicula sed ligula sit amet, lobortis eleifend magna")

       

      Expected behaviour

      The secondary navigation is displayed.

      Current behaviour

      Only the "More" button of the secondary navigation appears.

       

      After having a discussion regarding this issue, it was decided that we need to modify the secondary and tertiary navigation in the course categories management page. These proposed improvements should also resolve this problem in the course category context. The following changes need to be done:

      1. In the course category context the following items should be present in the secondary navigation menu:
        1. Category - link to the course category view page (originally 'Category: {categoryname}, the category name part needs to be removed)'
        2. Settings - link to the edit category settings page (originally 'Edit this category', needs to be renamed to Settings),
        3. Permissions
        4. Cohorts
        5. Filters
        6. Restore courses
        7. Learning plan templates
        8. Competency frameworks
        9. Content bank.
      2. The header text in the course category pages should correspond to the category name (ex. Miscellaneous)
      3. In the category view page (Category)
        1. The Category secondary navigation item should be highlighted
        2. Add the following items in the tertiary navigation:
          1. Navigation selector element containing a list (links) of the available course categories (aligned to the left)
          2. 'Search courses' input field (aligned to the left. right next to the category selector)
          3. 'More' dropdown element (aligned to the right), containing the following items:
            1. New course (link to the 'Add a new course' page)
            2. Manage courses (link to the 'Course and category management' page related to the given category)
          4. Remove the 'Manage courses' button from the page header
          5. Remove the 'Add a new course' and 'Courses pending approval' buttons (at the bottom of the page)
      4. In the 'Add a new course' page
        1. The Category secondary navigation item should be highlighted
      5. In the 'Course and category management' page (Note: the breadcrumbs displayed on the prototype should be ignored)
        1. The Category secondary navigation item should be highlighted
        2. Add the following items in the tertiary navigation:
          1. Navigation selector element containing (aligned to the left) the following items: 'Course categories and courses', 'Course categories' and 'Courses'. 
          2. Search courses input field (next to the the view selector)
        3. When 'Courses' view is selected, add another navigation selector element right next to the general navigation selector element which will contain the the available categories.
        4. Remove the 'Viewing' dropdown
        5. Update the heading to 'Manage courses and categories'
        6. In the settings cog dropdown menu for each category add 'View' item (link to the category view page)
      6. In the 'Permissions' page
        1. Add the following items in the tertiary navigation
        2. Navigation selector element containing (aligned to the left) the following items: 'Permissions', 'Check permissions' and 'Assign roles'. 

      These requirements are presented on the following figma design prototype https://www.figma.com/proto/gHd0sjZCeq2Dog2pGugldo/Navigation?page-id=7544%3A1&node-id=12594%3A261796&viewport=403%2C48%2C0.13&scaling=scale-down&starting-point-node-id=7544%3A8817

      Attachments

        Issue Links

          Activity

            People

              peterdias Peter Dias
              sarjona Sara Arjona (@sarjona)
              Sujith Haridasan Sujith Haridasan
              Jun Pataleta Jun Pataleta
              Gladys Basiana Gladys Basiana
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 4 days, 56 minutes
                  4d 56m