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

Category page breadcrumbs and other navigation related issues

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Minor Minor
    • 4.0
    • 4.0
    • Navigation
    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73169-integration-master
    • Hide

      Test 1

      1. Login as Admin
      2. Go to Site administration > Courses > Manage courses and categories
      3. In the manage course and categories (NOTE: assuming Category 1 is the name of the current category)
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      4. Click on the Category secondary navigation item
      5. In the Category view page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      6. Click on 'Add a new course' in the more dropdown
      7. In the Add a new course page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      8. Add a new course (Course 1) in Category 1
      9. Go back to the Category (Category 1) view page.
      10. Click on 'Add a subcategory' in the more dropdown
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      11. Add a new subcategory (Subcategory 1) in Category 1
      12. Go to the subcategory view page (if not on this page already)
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      13. Click on 'Add a new course' in the more dropdown
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Category secondary navigation item is highlighted
      14.  Go back to the Category 1 view page
      15. Click on the Settings secondary navigation item
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the Settings secondary navigation item is highlighted
      16. Click on the Permissions secondary navigation item (under more)
      17. In the Permissions page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      18. Select Assign roles from the tertiary navigation selector element
      19. In the Assign roles page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      20. Select Check permissions from the tertiary navigation selector element
      21. In the Check permissions page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      22. Click on the Cohorts secondary navigation item (under more)
      23. In the Cohorts page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      24. Click on the Add new cohort tab
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      25. Click on the Upload cohorts tab
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      26. Click on the Filters secondary navigation item (under more)
      27. In the Filters page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      28. Click on the Restore course secondary navigation item (under more)
      29. In the Restore course page
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      30. Click on one of the Manage backup files buttons
        1. confirm that the Home primary navigation item is highlighted{}
        2. confirm  that the More secondary navigation item is highlighted
      31. Click on the Learning plan templates secondary navigation item (under more)
      32. In the Learning plan templates page
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Learning plan templates"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      33. Click on the Add new learning plan template button
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Learning plan templates / Add new learning plan template"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      34. Click on the Competency frameworks secondary navigation item (under more)
      35. In the Competency frameworks page
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Competency frameworks"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      36. Click on the Add new competency framework button
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Competency frameworks / Add new competency framework"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      37. Click on the Content bank secondary navigation item (under more){}
      38. In the Content bank page
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Content bank"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      39. Upload a new h5p file in the content bank (you can use the attached file example-content-find-the-words-557697.h5p)
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Content bank / example-content-find-the-words-557697.h5p"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted
      40. Click on the Edit button
        1. confirm that the following breadcrumb trail is displayed: "Courses / Category 1 / Content bank / example-content-find-the-words-557697.h5p / Edit"
        2. confirm that the header text (above the secondary navigation) is Category 1
        3. confirm that the Home primary navigation item is highlighted{}
        4. confirm  that the More secondary navigation item is highlighted

      Test 2 (classic)

      1. As admin, change the theme to Classic (Site administration > Appearance > Themes > Theme selector)
      2. Repeat all the steps from Test 1 (starting from #2)
        1. confirm that in each page the breadcrumbs look almost identical as the ones in Boost
          (the only difference should be the existence of the "Dashboard" breadcrumb node in classic)

      Test 3 (change default home page)

      1. Login as Admin
      2. Change the default home page setting ('defaulthomepage') and set it to "My courses" (Site administration > Appearance > Navigation)
      3. Repeat all the steps from Test 1
        1. confirm that the item "My courses" is now prepended to the existing breadcrumbs
      Show
      Test 1 Login as Admin Go to Site administration > Courses > Manage courses and categories In the manage course and categories ( NOTE : assuming Category 1 is the name of the current category) confirm that the Home primary navigation item is   highlighted { } confirm  that the Category secondary navigation item is highlighted Click on the Category secondary navigation item In the Category view page confirm that the Home primary navigation item is highlighted { } confirm  that the Category secondary navigation item is highlighted Click on 'Add a new course' in the more dropdown In the Add a new course page confirm that the Home primary navigation item is highlighted { } confirm  that the Category secondary navigation item is highlighted Add a new course (Course 1) in Category 1 Go back to the Category (Category 1) view page. Click on 'Add a subcategory' in the more dropdown confirm that the Home primary navigation item is highlighted { } confirm  that the Category secondary navigation item is highlighted Add a new subcategory (Subcategory 1) in Category 1 Go to the subcategory view page (if not on this page already) confirm that the Home primary navigation item is highlighted { } confirm  that the Category secondary navigation item is highlighted Click on 'Add a new course' in the more dropdown confirm that the Home primary navigation item is highlighted { } confirm  that the Category secondary navigation item is highlighted  Go back to the Category 1 view page Click on the Settings secondary navigation item confirm that the Home primary navigation item is highlighted { } confirm  that the Settings secondary navigation item is highlighted Click on the Permissions secondary navigation item (under more) In the Permissions page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Select Assign roles from the tertiary navigation selector element In the Assign roles page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Select Check permissions from the tertiary navigation selector element In the Check permissions page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Cohorts secondary navigation item (under more) In the Cohorts page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Add new cohort tab confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Upload cohorts tab confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Filters secondary navigation item (under more) In the Filters page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Restore course secondary navigation item (under more) In the Restore course page confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on one of the Manage backup files buttons confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Learning plan templates secondary navigation item (under more) In the Learning plan templates page confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Learning plan templates" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Add new learning plan template button confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Learning plan templates / Add new learning plan template" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Competency frameworks secondary navigation item (under more) In the Competency frameworks page confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Competency frameworks" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Add new competency framework button confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Competency frameworks / Add new competency framework" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Content bank secondary navigation item (under more) { } In the Content bank page confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Content bank" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Upload a new h5p file in the content bank (you can use the attached file example-content-find-the-words-557697.h5p ) confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Content bank / example-content-find-the-words-557697.h5p" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Click on the Edit button confirm that the following breadcrumb trail is displayed: " Courses / Category 1 / Content bank / example-content-find-the-words-557697.h5p / Edit" confirm that the header text (above the secondary navigation) is Category 1 confirm that the Home primary navigation item is highlighted { } confirm  that the More secondary navigation item is highlighted Test 2 (classic) As admin, change the theme to Classic (Site administration > Appearance > Themes > Theme selector) Repeat all the steps from Test 1 (starting from #2) confirm that in each page the breadcrumbs look almost identical as the ones in Boost (the only difference should be the existence of the "Dashboard" breadcrumb node in classic) Test 3 (change default home page) Login as Admin Change the default home page setting ('defaulthomepage') and set it to "My courses" (Site administration > Appearance > Navigation) Repeat all the steps from Test 1 confirm that the item "My courses" is now prepended to the existing breadcrumbs
    • 1
    • Navigation push 14

      This is how the breadcrumb looks like on the current category page (/course/index.php?categoryid=X)

      There are multiple problems with this breadcrumb:

      • The first element in it is "Course", which is a page that now competes directly with "My courses". The user would be confused if both pages are available.
      • The course category page will now be mostly accessed from the "Site home" by default, so having the "Courses" page as the first element in this breadcrumb just adds to the confusion.

      After some thinking, we agreed on developing a mechanism that uses whichever option is selected in the setting 'defaulthomepage' as the first element in this breadcrumb.

       

      Examples:
      If "Site" is selected...

       

      ...the breadcrumb will look like this:

       

       

      If "Dashboard" is selected...

       

      ...the breadcrumb will look like this:

      UPDATE:

      We have agreed to take the following actions:

      1. Every page in the course category context should have the base breadcrumb trail "Courses / {Category name}". This means that in every course context page we will display breadcrumbs, due to the necessity to keep the link to the Courses page, which otherwise will be lost. On exception is when the defaulthomepage is changed to 'My courses', then the 'My courses' node is prepended to the breadcumbs (ex. "My courses / Courses / {Category name}")
      2. We should fix all the cases where the primary/secondary items are not properly highlighted
      3. We should update the header text wherever is necessary to properly reflect the current category context

      The figma prototype now covers in detail the required changes in the course category pages  (https://www.figma.com/proto/gHd0sjZCeq2Dog2pGugldo/Navigation?page-id=7544%3A1&node-id=12594%3A261796&viewport=332%2C473%2C0.021653009578585625&scaling=scale-down)

        1. example-content-find-the-words-557697.h5p
          617 kB
        2. prototypeheaderssize.png
          prototypeheaderssize.png
          23 kB
        3. Screenshot 2021-11-25 at 11.07.25.png
          Screenshot 2021-11-25 at 11.07.25.png
          84 kB
        4. Screenshot 2021-11-25 at 11.13.23.png
          Screenshot 2021-11-25 at 11.13.23.png
          45 kB
        5. Screenshot 2021-11-25 at 11.14.38.png
          Screenshot 2021-11-25 at 11.14.38.png
          42 kB
        6. Screenshot 2021-11-25 at 11.15.03.png
          Screenshot 2021-11-25 at 11.15.03.png
          88 kB
        7. Screenshot 2021-11-25 at 11.15.21.png
          Screenshot 2021-11-25 at 11.15.21.png
          95 kB
        8. TEST 1_Screenshot 1.png
          TEST 1_Screenshot 1.png
          321 kB
        9. TEST 1_Screenshot 2.png
          TEST 1_Screenshot 2.png
          202 kB
        10. TEST 1_Screenshot 3.png
          TEST 1_Screenshot 3.png
          149 kB
        11. TEST 2_Screenshot 1.png
          TEST 2_Screenshot 1.png
          399 kB
        12. TEST 2_Screenshot 2.png
          TEST 2_Screenshot 2.png
          280 kB
        13. TEST 2_Screenshot 3.png
          TEST 2_Screenshot 3.png
          393 kB
        14. TEST 3_Screenshot 1.png
          TEST 3_Screenshot 1.png
          313 kB
        15. TEST 3_Screenshot 2.png
          TEST 3_Screenshot 2.png
          197 kB
        16. TEST 3_Screenshot 3.png
          TEST 3_Screenshot 3.png
          278 kB

            Geshoski Mihail Geshoski
            rafaellechugo Rafael Lechugo
            Peter Dias Peter Dias
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Gladys Basiana Gladys Basiana
            Votes:
            0 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 20 minutes
                3d 20m

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