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

Create a new activity UI component

    XMLWordPrintable

    Details

    • Affected Branches:
      MOODLE_311_STABLE
    • Pull Master Branch:
      MDL-71691-master-9
    • Testing Instructions:
      Hide

      Setup

      In Site Administration > Advanced features enable "Allow stealth activities"
      Restore the attached feature's demo course as a new course
      Enable completion tracking for the course
      Create a student account and enrol the student in the restored courses

      Test the restrictions show more feature

      1. Login as admin and navigate to the restored course
      2. Click the 'show more' link for the 'Offline Activity' assignment
      3. Verify you now see all restrictions
      4. Turn editing on
      5. Hide the 'Offline Activity' assignment
      6. Verify the restriction information is no longer visible
      7. Show the 'Offline Activity' assignment
      8. Verify the restriction information is shown
      9. Click the 'show more' link
      10. Verify you see all the restriction information

      Test the new activity / section badges

      1. As admin on the restored course turn editing on
      2. Hide a section
      3. Verify the section and all activities within the section get a 'Hidden from students' badge
      4. For one of the activities in this hidden section click the 'Make available' link in the activity menu
      5. Verify the activity now shows the 'Available but not shown on course page' badge

      Test the activity description

      1. Go to the choices section in the course
      2. Check the activity info for open/close datas, the activity description and activity availability are shown in the grey box underneath the activity title

      Test moving / deleting / duplicating activities

      1. In edit mode scroll to the Databases Section
      2. Drag and hold the activities and reorder them
      3. Verify you can move the activities and there is a black line to indicate where the activities will be dropped on moving
      4. Verify you are able to duplicate activities
      5. Verify you are able to delete activities
      Show
      Setup In Site Administration > Advanced features enable "Allow stealth activities" Restore the attached feature's demo course as a new course Enable completion tracking for the course Create a student account and enrol the student in the restored courses Test the restrictions show more feature Login as admin and navigate to the restored course Click the 'show more' link for the 'Offline Activity' assignment Verify you now see all restrictions Turn editing on Hide the 'Offline Activity' assignment Verify the restriction information is no longer visible Show the 'Offline Activity' assignment Verify the restriction information is shown Click the 'show more' link Verify you see all the restriction information Test the new activity / section badges As admin on the restored course turn editing on Hide a section Verify the section and all activities within the section get a 'Hidden from students' badge For one of the activities in this hidden section click the 'Make available' link in the activity menu Verify the activity now shows the 'Available but not shown on course page' badge Test the activity description Go to the choices section in the course Check the activity info for open/close datas, the activity description and activity availability are shown in the grey box underneath the activity title Test moving / deleting / duplicating activities In edit mode scroll to the Databases Section Drag and hold the activities and reorder them Verify you can move the activities and there is a black line to indicate where the activities will be dropped on moving Verify you are able to duplicate activities Verify you are able to delete activities
    • 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

        1. MDL-71691_pr01_03.png
          MDL-71691_pr01_03.png
          5 kB
        2. MDL-71691_pr01_02.png
          MDL-71691_pr01_02.png
          33 kB
        3. MDL-71691_pr01_01.png
          MDL-71691_pr01_01.png
          8 kB
        4. centered.png
          centered.png
          27 kB
        5. Activity-LongPress_editMode.png
          Activity-LongPress_editMode.png
          392 kB
        6. Activity-hoverDropdown_editMode.png
          Activity-hoverDropdown_editMode.png
          398 kB
        7. Activity-hover_viewMode.png
          Activity-hover_viewMode.png
          378 kB
        8. Activity-hover_editMode.png
          Activity-hover_editMode.png
          388 kB

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              mdecerle marc decerle
              Peer reviewer:
              Ferran Recio Ferran Recio
              Integrator:
              Jun Pataleta Jun Pataleta
              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:
              7 Start watching this issue

                Dates

                Created:
                Updated:
                Fix Release Date:
                13/Dec/21

                  Time Tracking

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