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

Rename the icons for activities to allow support of multiple icons for multiple versions

XMLWordPrintable

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-74235-master-2
    • Hide
      1. View a course
      2. Create a few different activites on the course (e.g. forum, quiz, assign, choice, chat)
        1. Make a note of the icons that are visible
      3. Duplicate the tab in your browser
      4. Rename the icon for 'forum' to icon.svg, and icon.png: 

        mv mod/forum/pix/monologo.svg mod/forum/pix/icon.svg
        		 
        mv mod/forum/pix/monologo.png mod/forum/pix/icon.png

      5. Purge caches
      6. In the duplicate tab, refresh the page
        1. Confirm that the image did not change for forum
      7. Copy the images from mod/quiz to mod/forum: 

        cp mod/quiz/pix/monologo.* mod/forum/pix

      8. Purge caches
      9. In the duplicate tab, refresh the page
        1. Confirm that the image for forum has the same icon as quiz, but a different background colour
      10. Copy the SVG image mod/chat to theme_boost's mod_assign: 

        mkdir -p theme/boost/pix_plugins/mod/assign
        		 
        cp mod/chat/pix/monologo.svg theme/boost/pix_plugins/mod/assign

      11. Purge caches
      12. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for chat, but a different background colour
      13. Remove the SVG from theme_boost: 

        theme/boost/pix_plugins/mod/assign/monologo.svg

      14. Purge caches
      15. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment has returned to its former self
      16. Copy the PNG image mod/chat to theme_boost's mod_assign: 

        mkdir -p theme/boost/pix_plugins/mod/assign
        		 
        cp mod/chat/pix/monologo.png theme/boost/pix_plugins/mod/assign

      17. Purge caches
      18. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for chat again, but a different background colour
      19. Reset all of the icons back to normal
      20. Purge caches
        1. Confirm they are back to their originals
      21. Copy the monologo svg from mod_quiz to the mod_assign 'icon' in the theme: 

        mkdir -p theme/boost/pix_plugins/mod/assign
        		 
        cp mod/quiz/pix/monologo.svg theme/boost/pix_plugins/mod/assign/icon.svg

      22. Purge caches
      23. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment still has it's original icon and has not got the icon for quiz
      24. Move the assignment icon from monologo to icon: 

        mv mod/assign/pix/monologo.svg mod/assign/pix/icon.svg
        		 
        mv mod/assign/pix/monologo.png mod/assign/pix/icon.png

      25. Purge caches
      26. In the duplicate tab, refresh the page
        1. Confirm that the image for assignment now has the image for quiz, with the same background colour (since they both have the same purpose, which is assessment)
      Show
      View a course Create a few different activites on the course (e.g. forum, quiz, assign, choice, chat) Make a note of the icons that are visible Duplicate the tab in your browser Rename the icon for 'forum' to icon.svg, and icon.png: mv mod/forum/pix/monologo.svg mod/forum/pix/icon.svg mv mod/forum/pix/monologo.png mod/forum/pix/icon.png Purge caches In the duplicate tab, refresh the page Confirm that the image did not change for forum Copy the images from mod/quiz to mod/forum: cp mod/quiz/pix/monologo.* mod/forum/pix Purge caches In the duplicate tab, refresh the page Confirm that the image for forum has the same icon as quiz, but a different background colour Copy the SVG image mod/chat to theme_boost's mod_assign: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/chat/pix/monologo.svg theme/boost/pix_plugins/mod/assign Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for chat, but a different background colour Remove the SVG from theme_boost: theme/boost/pix_plugins/mod/assign/monologo.svg Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment has returned to its former self Copy the PNG image mod/chat to theme_boost's mod_assign: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/chat/pix/monologo.png theme/boost/pix_plugins/mod/assign Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for chat again, but a different background colour Reset all of the icons back to normal Purge caches Confirm they are back to their originals Copy the monologo svg from mod_quiz to the mod_assign 'icon' in the theme: mkdir -p theme/boost/pix_plugins/mod/assign cp mod/quiz/pix/monologo.svg theme/boost/pix_plugins/mod/assign/icon.svg Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment still has it's original icon and has not got the icon for quiz Move the assignment icon from monologo to icon: mv mod/assign/pix/monologo.svg mod/assign/pix/icon.svg mv mod/assign/pix/monologo.png mod/assign/pix/icon.png Purge caches In the duplicate tab, refresh the page Confirm that the image for assignment now has the image for quiz, with the same background colour (since they both have the same purpose, which is assessment)

      In 4.0 we updated our icons and included a dynamic background colour that is related to the purpose of the activity.
      For third party plugins they will need to create a new icon to match the feel of our new icons and work with the new background colours.
      Often third party plugins try and support as many versions as possible with the one branch.
      If we renamed our activity icons to something else (currently icon.png, icon.svg) then we could allow these third party plugins to carry and support both icons for multiple versions.

        1. iconsthemedesignermode.png
          43 kB
          Sara Arjona (@sarjona)
        2. themeimage.png
          42 kB
          Sara Arjona (@sarjona)
        3. MDL-74235_6.png
          59 kB
          Angelia Dela Cruz
        4. MDL-74235_7.png
          59 kB
          Angelia Dela Cruz
        5. MDL-74235_8.png
          60 kB
          Angelia Dela Cruz
        6. MDL-74235_9.png
          62 kB
          Angelia Dela Cruz
        7. MDL-74235_1.png
          61 kB
          Angelia Dela Cruz
        8. MDL-74235_2.png
          62 kB
          Angelia Dela Cruz
        9. MDL-74235_3.png
          62 kB
          Angelia Dela Cruz
        10. MDL-74235_4.png
          62 kB
          Angelia Dela Cruz
        11. MDL-74235_5.png
          61 kB
          Angelia Dela Cruz

            dobedobedoh Andrew Lyons
            abgreeve Adrian Greeve
            Jun Pataleta Jun Pataleta
            Ilya Tregubov Ilya Tregubov
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            5 Vote for this issue
            Watchers:
            21 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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