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

Create a new activity UI component

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Development in progress
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.11
    • Fix Version/s: None
    • Component/s: Course, UX
    • Sprint:
      Moppies Kanban

      Description

      EDIT: replaced by Moodle 4 activity design spec:

      https://docs.google.com/document/d/1gWHVF1yTvVcKl4HeSIy_VYUM0QPdLH5Uq-Afv8dl0NQ/edit#

       

      As a course creator / editor 
      I want to easily move activity, resources and sections within a course
      So I can quickly build & organise my course

      ––

      As a course viewer 
      I want to easily access activity, resources and sections within a course
      So I can easily complete my course

      Acceptance criteria:

      When editing mode is turned on

      • When Editor hover the card, it changes the background color+stroke colours of the card as per design (also reveal drag & drop icon)
      • Editor can drag & drop activities by doing a longpress anywhere on the activity card
      • Editor can open a dropdown menu when clicking on the kebab menu
      •  Editor can go the activity itself by clicking anywhere on the card except, the kebab icon or drag & drop icon **

      When editing mode is turned off

      • Student can only access to the activity by clicking on 
        • activity name link or activity icon
      • When student hover the card, nothing happens
      • When student hover the activity link, it shows an underline

      Out of scope:

      Figma Designs: 

      https://www.figma.com/file/OfCvqK069Oz6Fvqq2xcZWI/Create-a-course?node-id=1385%3A2837

       -- 

      View mode : No hover effect on card, just on the link

        

       -- 

      Edit mode : Hover on card 

      Edit mode: drag & drop when long press (from anywhere in the card)

       Edit mode: when hovering + clicking the more button (opens dropdown)

       

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              mdecerle marc decerle
              Participants:
              Component watchers:
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Huong Nguyen, Barbara Ramiro, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Dates

                Created:
                Updated: