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

Update tertiary dropdown into a future generic component

    XMLWordPrintable

Details

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-75153-master-2
    • Hide
      1. Login as admin.
      2. Enable outcomes (Site administration > Advanced features)
      3. Create a course and go to the course
      4. Go to the course gradebook
      5. In the gradebook
        1. confirm that you can see a navigation selector element in the tertiary navigation area which closely resembles to the one on the attached image.
        2. confirm that the displayed text (selected item) corresponds to the current page.
      6. Click on the navigation selector element
        1. confirm that you can see a dropdown menu
        2. confirm that the dropdown menu contains the following grouped options:
          • View - Grader report, Grade history, Outcomes report, Overview report, Single view, User report
          • Setup - Gradebook setup, Course grade settings, Preferences: Grader report
          • More - Scales, Outcomes, Grade letters, Import, Export
        3. confirm that the text of the active item in the dropdown menu (which represents the current page) appears bold and has a check mark next to it.
      7. Hover over the items within the dropdown menu
        1. confirm that the hovered over item has a blue background.
      8. Click on every link within the gradebook tertiary navigation selector and each time once redirected:
        1. confirm that the tertiary navigation selector is available on the page. 
        2. confirm that the displayed text (selected item) corresponds to the current page.
        3. confirm that the correct item (which represents the current page) appears as active (bold with a check mark) in the dropdown menu.
      Show
      Login as admin. Enable outcomes (Site administration > Advanced features) Create a course and go to the course Go to the course gradebook In the gradebook confirm that you can see a navigation selector element in the tertiary navigation area which closely resembles to the one on the attached image. confirm that the displayed text (selected item) corresponds to the current page. Click on the navigation selector element confirm that you can see a dropdown menu confirm that the dropdown menu contains the following grouped options: View - Grader report, Grade history, Outcomes report, Overview report, Single view, User report Setup - Gradebook setup, Course grade settings, Preferences: Grader report More - Scales, Outcomes, Grade letters, Import, Export confirm that the text of the active item in the dropdown menu (which represents the current page) appears bold and has a check mark next to it. Hover over the items within the dropdown menu confirm that the hovered over item has a blue background. Click on every link within the gradebook tertiary navigation selector and each time once redirected: confirm that the tertiary navigation selector is available on the page.  confirm that the displayed text (selected item) corresponds to the current page. confirm that the correct item (which represents the current page) appears as active (bold with a check mark) in the dropdown menu.
    • 4
    • HQ Team Alpha - Sprint 0.1, HQ Team Alpha - Sprint 0.2, HQ Team Alpha - Sprint 0.3, HQ Team Alpha - Sprint 0.4

    Description

      Summary:

      During the 4.0 navigation work due to the nature of the project we did not create a base component that all plugins could easily implement.

      This creates a problem with both maintainability and extensibility as our displays may not be consistent.

      Whilst this MDL can be seen as not being a part of the core gradebook project, it'll be addressed here and we'll also be laying some foundation work for the 4.1 Gradebook changes to make our lives easier in the sprints to come.

      Scope:

      1. Review existing tertiary navigation implementations
      2. Either adopt / adapt or implement a new easily extendable tertiary component
      3. Implement the new tertiary component within the gradebook
      4. Ensure the navigation is ready for styling i.e. simple templates etc in MDL-75157
      5. Implement Reasonable automated testing
      6. Modify / alter existing behat steps to utilise the new component

      Out of scope:

      1. Implementing the new component across Moodle

      TODO before closing

      1. Document the new component within the component library
      2. Create meeting to cover the new component and decide if MDL-75157 is still required

      Attachments

        1. 1_MDL-75153.png
          1_MDL-75153.png
          26 kB
        2. 2_MDL-75153.png
          2_MDL-75153.png
          23 kB
        3. 3_MDL-75153.png
          3_MDL-75153.png
          31 kB
        4. tertiary-navigation-selector.jpg
          tertiary-navigation-selector.jpg
          299 kB
        5. tertiary-nav-selector.png
          tertiary-nav-selector.png
          30 kB

        Issue Links

          Activity

            People

              Geshoski Mihail Geshoski
              mathewmay Mathew May
              Mathew May Mathew May
              Ilya Tregubov Ilya Tregubov
              John Edward Pedregosa John Edward Pedregosa
              Adrian Greeve, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie, David Woloszyn, Huong Nguyen, Jake Dallimore, Michael Hawkins, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                28/Nov/22

                Time Tracking

                  Estimated:
                  Original Estimate - 2 days Original Estimate - 2 days
                  2d
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 weeks, 1 day, 5 hours, 32 minutes
                  2w 1d 5h 32m