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

Add purpose color to activity icons in course activities overview and default activity completion form

XMLWordPrintable

    • MOODLE_500_STABLE
    • MOODLE_500_STABLE
    • MDL-84555-main
    • Hide

      Test 1: validate component

      1. Create an empty course with completion and at least one user
      2. Login as admin and go to the course
      3. Go to "Course reuse" in the course tabs. Then go to restore.
      4. Upload MDL-84555-course-activities_sample.mbz and click on restore
      5. Look at the "Course details" section I the restore summary page
        1. Check all activity icons are black except for H5P
      6. Restore the backup in the same course using "Delete the contents of this course and then restore"
      7. Once restored, go to the "activities" tab in the course page tabs
        1. Check the collapsed sections has the activity icons in colors.
      8. In the course tabs, go to "Course completion" (inside the more tab)
      9. Now go to the "Default activity completion" in the tertiary navigation (dropdown)
        1. Check the activity icons in the collapsable titles are displayed in colors
      10. Go to "Bulk edit activity completion" in the tertiary navigation
        1. Check the activity icons are displayed in colors.
      11. Go to "Reports" in the course more tab
      12. Go to the "Activity report"
        1. Check the activity icons are displayed in colors.
      13. Enrol one student to the course and go to the course participants
      14. Click the name of one student to access the course profile
      15. Click on "Outline report" link in the reports container
        1. Check the activity icons are displayed in colors.
      16. Go to the course and access three of four activities that have different colors (for example the assignment, book and choice)
      17. Go to the dashboard in edit mode and add a "Recently accessed items" (it could be already added in the block drawer)
        1. Check the activity icons in the recently accessed items are displayed in colors.

      Test 2: install activity with legacy module

      1. Extract mod_nosferatu.zipinto the "mod" folder and install the activity plugin
      2. Go to the course and create a "Nosferatu" activity
      3. Go back to the course page and open the "Activities" tab in the course page
        1. Check the "Nosferatu examples" has the activity icons is not in a single color
      Show
      Test 1: validate component Create an empty course with completion and at least one user Login as admin and go to the course Go to "Course reuse" in the course tabs. Then go to restore. Upload MDL-84555-course-activities_sample.mbz and click on restore Look at the "Course details" section I the restore summary page Check all activity icons are black except for H5P Restore the backup in the same course using "Delete the contents of this course and then restore" Once restored, go to the "activities" tab in the course page tabs Check the collapsed sections has the activity icons in colors. In the course tabs, go to "Course completion" (inside the more tab) Now go to the "Default activity completion" in the tertiary navigation (dropdown) Check the activity icons in the collapsable titles are displayed in colors Go to "Bulk edit activity completion" in the tertiary navigation Check the activity icons are displayed in colors. Go to "Reports" in the course more tab Go to the "Activity report" Check the activity icons are displayed in colors. Enrol one student to the course and go to the course participants Click the name of one student to access the course profile Click on "Outline report" link in the reports container Check the activity icons are displayed in colors. Go to the course and access three of four activities that have different colors (for example the assignment, book and choice) Go to the dashboard in edit mode and add a "Recently accessed items" (it could be already added in the block drawer) Check the activity icons in the recently accessed items are displayed in colors. Test 2: install activity with legacy module Extract mod_nosferatu.zip into the "mod" folder and install the activity plugin Go to the course and create a "Nosferatu" activity Go back to the course page and open the "Activities" tab in the course page Check the "Nosferatu examples" has the activity icons is not in a single color
    • Hide

      Fails against automated checks.

      Checked MDL-84555 using repository: https://github.com/ferranrecio/moodle.git

      Should these errors be fixed?

      Built on: Tue Mar 18 16:51:57 UTC 2025

      Show
      Fails against automated checks. Checked MDL-84555 using repository: https://github.com/ferranrecio/moodle.git main (1 errors / 5 warnings) [branch: MDL-84555-main | CI Job ] overview (0/0) , phplint (0/0) , phpcs (1/0) , js (0/0) , css (0/0) , phpdoc (0/0) , commit (0/1) , savepoint (0/0) , thirdparty (0/0) , externalbackup (0/0) , grunt (0/0) , shifter (0/0) , mustache (0/4) , gherkin (0/0) , Should these errors be fixed? Built on: Tue Mar 18 16:51:57 UTC 2025
    • Hide

      Launching automatic jobs for branch MDL-84555-main

      Built on: Mon Mar 24 16:09:07 UTC 2025

      Show
      Launching automatic jobs for branch MDL-84555 -main https://ci.moodle.org/view/Testing/job/DEV.02%20-%20Developer-requested%20PHPUnit/18771/ PHPUnit (sqlsrv / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/64300/ Behat (NonJS - boost and classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/64301/ Behat (Firefox - boost / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/64302/ Behat (Firefox - classic / complete) https://ci.moodle.org/view/Testing/job/DEV.01%20-%20Developer-requested%20Behat/64303/ App tests (stable app version) / complete) Built on: Mon Mar 24 16:09:07 UTC 2025
    • 2
    • HQ 2025 Sprint I1.3 Moppies

      According to the Activity overview prototype, the icon displayed int he collapsible sections must have the purpose color like in the course page.

       

      This situation happens in two different pages:

      • The course "activities" tab (also known as activities overview)
      • The default activity completion form (inside course completion)

      Both pages share a similar logic and should be consistent.

      This issue includes:

      • Review the current purpose of colourization classes so they can be easily reused outside the course page.
      • Create a centralized output class to render the activity icon with purpose color.
      • Use the output class in both pages.

        1. Screenshot from 2025-02-17 11-48-09.png
          38 kB
          Ferran Recio
        2. MDL-84555-course-activities_sample.mbz
          770 kB
          Ferran Recio
        3. MDL-84555-screenshot_20250314-165043.png
          79 kB
          Ferran Recio
        4. MDL-84555-screenshot_20250314-165321.png
          68 kB
          Ferran Recio
        5. MDL-84555-screenshot_20250314-165644.png
          66 kB
          Ferran Recio
        6. MDL-84555-screenshot_20250314-165818.png
          62 kB
          Ferran Recio
        7. MDL-84555-screenshot_20250314-170042.png
          83 kB
          Ferran Recio
        8. MDL-84555-screenshot_20250314-170247.png
          23 kB
          Ferran Recio
        9. MDL-84555-screenshot_20250314-181604.png
          91 kB
          Ferran Recio
        11. activities_nosferatu_sample.png
          32 kB
          Ferran Recio
        12. (1) 15 Passed -- (Main)MDL-84555.png
          119 kB
          Kim Jared Lucas
        13. (1) 9 Passed -- (Main)MDL-84555.png
          107 kB
          Kim Jared Lucas
        14. (2) 3 Passed -- (Main)MDL-84555.png
          51 kB
          Kim Jared Lucas
        15. (1) 10 Passed -- (Main)MDL-84555.png
          117 kB
          Kim Jared Lucas
        16. (1) 12 Passed -- (Main)MDL-84555.png
          95 kB
          Kim Jared Lucas
        17. (1) 17 Passed -- (Main)MDL-84555.png
          72 kB
          Kim Jared Lucas
        18. (1) 5 Passed -- (Main)MDL-84555.png
          92 kB
          Kim Jared Lucas
        19. (1) 7 Passed -- (Main)MDL-84555.png
          113 kB
          Kim Jared Lucas

            tusefomal Ferran Recio
            tusefomal Ferran Recio
            Carlos Escobedo Carlos Escobedo
            Mikel Martín Corrales Mikel Martín Corrales
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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