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

Content bank navigation

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73370-master
    • Hide

      Confirm behat tests passes

      Setup:

      1. Create a course

      Testing instructions:

      1. Log in as an admin
      2. Go to Home > Content bank
      3. Confirm you see the site name in the context heading
      4. Confirm you see the heading 'Content bank' below the secondary navigation
      5. Confirm the "Content bank" OR "More" menu is selected in the secondary navigation
      6. Make sure you run 'Download available H5P content types from h5p.org' scheduled task to make some content available
      7. Click on the 'Add' button
      8. Select 'Accordion'
      9. On the new page, confirm you see the heading 'Adding a new H5P interactive content' below the secondary navigation
      10. Confirm you see the site name in the context heading
      11. Confirm you see only one set of 'Save' and 'Cancel' buttons
      12. Fill in the form and save
      13. Confirm you see the site name in the context heading
      14. Confirm you see activity title as the heading below the secondary navigation
      15. Confirm you see the 'Edit' button marked as primary on the left side
      16. Confirm you see the 'More' dropdown with the options:
        1. Make unlisted
        2. Rename
        3. Replace with file
        4. Download
        5. Delete
      17. Confirm you see the exit button on the right side of the screens
      18. Click on the 'Edit' button
      19. Confirm you see activity title as the heading below the secondary navigation
      20. Click on the 'Cancel' button
      21. Click on the 'Exit' button
      22. Open the 'Activity examples' dropdown
      23. Select an option from 'Course categories'
      24. Repeat #3-20
        1. The context heading is now the category name
      25. Open the 'Activity examples' dropdown
      26. Select the course
      27. Repeat #3-20
        1. The context heading is now the course name
      Show
      Confirm behat tests passes Setup: Create a course Testing instructions: Log in as an admin Go to Home > Content bank Confirm you see the site name in the context heading Confirm you see the heading 'Content bank' below the secondary navigation Confirm the "Content bank" OR "More" menu is selected in the secondary navigation Make sure you run 'Download available H5P content types from h5p.org' scheduled task to make some content available Click on the 'Add' button Select 'Accordion' On the new page, confirm you see the heading 'Adding a new H5P interactive content' below the secondary navigation Confirm you see the site name in the context heading Confirm you see only one set of 'Save' and 'Cancel' buttons Fill in the form and save Confirm you see the site name in the context heading Confirm you see activity title as the heading below the secondary navigation Confirm you see the 'Edit' button marked as primary on the left side Confirm you see the 'More' dropdown with the options: Make unlisted Rename Replace with file Download Delete Confirm you see the exit button on the right side of the screens Click on the 'Edit' button Confirm you see activity title as the heading below the secondary navigation Click on the 'Cancel' button Click on the 'Exit' button Open the 'Activity examples' dropdown Select an option from 'Course categories' Repeat #3-20 The context heading is now the category name Open the 'Activity examples' dropdown Select the course Repeat #3-20 The context heading is now the course name
    • 5

    Description

      The navigation when creating content in the content bank is not consistent. For instance, after creating and saving content, the "Course" element is selected in the secondary navigation menu.

      Apart from that, it's not intuitive to go back to the main page of the content bank (the "Close" button can be used, but that's not consistent at all).

      Based on the updated figma prototype (https://www.figma.com/proto/gHd0sjZCeq2Dog2pGugldo/Navigation?page-id=7078%3A38473&node-id=12366%3A258701&viewport=-350%2C2380%2C0.25&scaling=scale-down&hotspot-hints=0) in order to improve the navigation in the content bank, we need to:

      1. Update the header in the content bank pages. Currently the header text is inconsistent showing 'Content bank' or the name of the h5p activity, but we need to change it to be consistent and reflect the current context (ex. the course name in a given course context)
      2. In the content bank index page:
        1. Add 'Content back' as page heading in the content bank index page
      3. In the content bank view page:
        1. In the tertiary navigation we need to add:
          1. Edit' (primary) button aligned to the left
          2. 'More' dropdown menu (right next to the Edit button) containing the following options: 'Make unlisted', Rename, Replace with file, Download, Delete.
            These options are available in a settings menu displayed in the header of the content back view page. This settings menu should be removed.
          3. 'Exit' button (secondary) aligned to the right. Should behave as the 'Close' button and redirect back to the content bank index page
        2. The 'Edit' and 'Close' buttons should be removed from the bottom of the page.
        3. Add the file name as a page heading.
      4. In the content bank edit page:
        1. Remove the 'Save' and 'Cancel' buttons from the top of the page and only leave the ones at the bottom

      Attachments

        1. contentbank_nav.png
          contentbank_nav.png
          24 kB
        2. Step 13, 14, 15, 16 & 17_Screenshot.PNG
          Step 13, 14, 15, 16 & 17_Screenshot.PNG
          36 kB
        3. Step 3, 4 & 5.PNG
          Step 3, 4 & 5.PNG
          29 kB
        4. Step 3, 4 & 5-1.PNG
          Step 3, 4 & 5-1.PNG
          29 kB
        5. Step 9, 10 & 11_Screenshot.PNG
          Step 9, 10 & 11_Screenshot.PNG
          43 kB
        6. Step No. 24_Screenshot.png
          Step No. 24_Screenshot.png
          177 kB
        7. Step No. 27_Screenshot.png
          Step No. 27_Screenshot.png
          121 kB

        Activity

          People

            peterdias Peter Dias
            sarjona Sara Arjona (@sarjona)
            Amaia Anabitarte Amaia Anabitarte
            Ilya Tregubov Ilya Tregubov
            Gladys Basiana Gladys Basiana
            Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Laurent David, Raquel Ortega, Sara Arjona (@sarjona), Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              19/Apr/22

              Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 4 hours, 40 minutes
                2d 4h 40m