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

Adapts activity and section cards to course hierarchy prototype

    XMLWordPrintable

Details

    • MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-80219-main
    • Hide

      Setup

      1. Login as administrator
      2. Download and restore the backup file
      3. Click on Home in the navigation bar
      4. Enable Edit mode
      5. Edit the Home page section title and summary using the cog icon
      6. Add some activities to the Home page section

      Test Home page

      1. Click on Home in the navigation bar
      2. Confirm that the section summary is correctly displayed with a border and the activities with a line separator
      3. Confirm that activity move icons are correctly displayed and clickable

      Test course page

      1. Go to the course page
      2. Confirm that the "Expand all" and "Collapse all" is correctly working
      3. Confirm that the "+" icon between activities is correctly displayed and working
      4. Confirm that the sections are displayed with a border and the activities with a line separator
      5. Click on the Hide topic option in a section menu
      6. Confirm that the section is correctly hidden and all the card is displayed in gray colour

      Test section page

      1. Click on the View option in the section menu
      2. Confirm that the section page is correctly displayed and the sections is displayed without borders and on white background
      Show
      Setup Login as administrator Download and restore the  backup file Click on Home in the navigation bar Enable Edit mode Edit the Home page section title and summary using the cog icon Add some activities to the Home page section Test Home page Click on Home in the navigation bar Confirm that the section summary is correctly displayed with a border and the activities with a line separator Confirm that activity move icons are correctly displayed and clickable Test course page Go to the course page Confirm that the "Expand all" and "Collapse all" is correctly working Confirm that the "+" icon between activities is correctly displayed and working Confirm that the sections are displayed with a border and the activities with a line separator Click on the Hide topic option in a section menu Confirm that the section is correctly hidden and all the card is displayed in gray colour Test section page Click on the View option in the section menu Confirm that the section page is correctly displayed and the sections is displayed without borders and on white background
    • 2
    • HQ2024 Sprint I1.1 Moppies

    Description

      This issue is part of the course hierarchy project.

      Prototype walkthrough: https://docs.google.com/document/d/17UCHiyMTgvpl29_tigwYaXrFkVz1gae-lb_RO4Z_KS8/edit#heading=h.ckcxunk87mn9

      Issue goals

      • Match the activity and section aesthetics with the current project prototype.
        • Remove activity card borders and add a line between activities
        • Add borders to sections
        • Update the section chevrons style (they are bigger and with a rounded background): Will be done in MDL-80620
        • Remove the activity icon rounded background (this needs to be validated with UX team)

      Prototype screenshot:

      Future issues

      Moving the border from activity to section will allow users to differentiate between sections and subsections.

      Attachments

        1. (1) 2 Passed -- (Main)MDL-80219.png
          (1) 2 Passed -- (Main)MDL-80219.png
          44 kB
        2. (1) 3 Passed -- (Main)MDL-80219.png
          (1) 3 Passed -- (Main)MDL-80219.png
          41 kB
        3. (2) 2 Passed -- (Main)MDL-80219.png
          (2) 2 Passed -- (Main)MDL-80219.png
          77 kB
        4. (2) 3 Passed -- (Main)MDL-80219.png
          (2) 3 Passed -- (Main)MDL-80219.png
          121 kB
        5. (2) 4 Passed -- (Main)MDL-80219.png
          (2) 4 Passed -- (Main)MDL-80219.png
          587 kB
        6. (2) 6 Passed -- (Main)MDL-80219.png
          (2) 6 Passed -- (Main)MDL-80219.png
          126 kB
        7. (3) 2 Passed -- (Main)MDL-80219.png
          (3) 2 Passed -- (Main)MDL-80219.png
          105 kB
        8. backup-moodle2-course-49-mdl-80219-20240117-1307-nu.mbz
          5.06 MB
        9. Screenshot_172.png
          Screenshot_172.png
          87 kB
        10. screenshot-1.png
          screenshot-1.png
          84 kB
        11. screenshot-2.png
          screenshot-2.png
          84 kB
        12. screenshot-3.png
          screenshot-3.png
          127 kB
        13. screenshot-4.png
          screenshot-4.png
          118 kB
        14. screenshot-5.png
          screenshot-5.png
          128 kB
        15. screenshot-6.png
          screenshot-6.png
          136 kB

        Issue Links

          Activity

            People

              mikelmartíncorrales Mikel Martín Corrales
              tusefomal Ferran Recio
              Laurent David Laurent David
              Ferran Recio Ferran Recio
              Kim Jared Lucas Kim Jared Lucas
              Votes:
              0 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 3 hours, 54 minutes
                  1d 3h 54m

                  Clockify

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