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

Replace timeline block pagination with "show more" lazy loading

    XMLWordPrintable

    Details

    • Affected Branches:
      MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_400_STABLE
    • Pull Master Branch:
      MDL-72603-master
    • Testing Instructions:
      Hide

      Initial setup

      1. Restore 2 course backups in the attachment (backup-moodle2-course-13-mdl-72603-1-20211101-0237-nu.mbz and backup-moodle2-course-14-mdl-72603-2-20211101-0238-nu.mbz).
      2. Access to these courses and reset (**):
        • Go to "Course administration > Reset".
        • Configure the following fields:
          • Course start date: 1 November 2021
          • Course close date: 1 November 2022.
      3. Enrol student s1 to the restored courses.

      (**) For some reason (due to MDL-66129), the start date and close date are not correct after the restore. We need to make sure the close event is created properly (and it will be achieved by resetting the course or editing the activities manually and saving them, without doing any change).

      Date view

      1. Log in as student s1.
      2. Go to the Dashboard.
      3. Switch to date view if necessary.
      4. Switch to All filter if necessary.
      5. Verify that you will see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5.
      6. Verify that you will not see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10, Choice 11.
      7. Verify that you will see a button called "Show more activities".
      8. Click on the "Show more activities" button.
      9. Verify that you will see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10, Choice 11.
      10. Verify that you still see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5.
      11. Verify that the "Show more activities" button will be hidden.

      Course View

      1. Log in as student s1.
      2. Go to the Dashboard.
      3. Switch to course view if necessary.
      4. Switch to All filter if necessary.
      5. Verify that you will see Choice 1, Choice 2, Choice 3, Choice 4, Choice 5 in the MDL-72603-1 section.
      6. Verify that you will not see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10 in the MDL-72603-1 section.
      7. Verify that you will see Choice 11 in the MDL-72603-2 section.
      8. Verify that you will see a button called "Show more activities" in the MDL-72603-1 section.
      9. Verify that you will not see a button called "Show more activities" in the MDL-72603-2 section.
      10. Click on the "Show more activities" button in the MDL-72603-1 section.
      11. Verify that you will see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10 in the MDL-72603-1 section.
      12. Verify that you still see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5.
      13. Verify that the "Show more activities" button will be hidden.
      14. Verify that you will see the "Show more courses" button.
      15. Verify that the button will be in primary colour (Default is blue).
      Show
      Initial setup Restore 2 course backups in the attachment ( backup-moodle2-course-13-mdl-72603-1-20211101-0237-nu.mbz and backup-moodle2-course-14-mdl-72603-2-20211101-0238-nu.mbz ). Access to these courses and reset (**): Go to "Course administration > Reset". Configure the following fields: Course start date: 1 November 2021 Course close date: 1 November 2022 . Enrol student s1 to the restored courses. (**) For some reason (due to MDL-66129 ), the start date and close date are not correct after the restore. We need to make sure the close event is created properly (and it will be achieved by resetting the course or editing the activities manually and saving them, without doing any change). Date view Log in as student s1. Go to the Dashboard. Switch to date view if necessary. Switch to All filter if necessary. Verify that you will see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5. Verify that you will not see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10, Choice 11. Verify that you will see a button called "Show more activities". Click on the "Show more activities" button. Verify that you will see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10, Choice 11. Verify that you still see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5. Verify that the "Show more activities" button will be hidden. Course View Log in as student s1. Go to the Dashboard. Switch to course view if necessary. Switch to All filter if necessary. Verify that you will see Choice 1, Choice 2, Choice 3, Choice 4, Choice 5 in the MDL-72603 -1 section. Verify that you will not see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10 in the MDL-72603 -1 section. Verify that you will see Choice 11 in the MDL-72603 -2 section. Verify that you will see a button called "Show more activities" in the MDL-72603 -1 section. Verify that you will not see a button called "Show more activities" in the MDL-72603 -2 section. Click on the "Show more activities" button in the MDL-72603 -1 section. Verify that you will see Choice 6, Choice 7, Choice 8, Choice 9, Choice 10 in the MDL-72603 -1 section. Verify that you still see Choice 1, Choice 2, Choice 3, Choice 4 and Choice 5. Verify that the "Show more activities" button will be hidden. Verify that you will see the "Show more courses" button. Verify that the button will be in primary colour (Default is blue).
    • Story Points:
      4
    • Sprint:
      HQ Team International Sprint 9, HQ Team International Sprin 10, HQ Team International CI H2-21

      Description

      Currently in the courses view of the timeline block, there are left/right arrows to paginate between events within each course, which can be confusing, because there can be other courses shown below the arrows.

      To make this more intuitive to navigate, we are going to replace the pagination functionality with a single button to allow "lazy loading" of additional activity events into the existing list, below the content that is already loaded.

      Functional requirements

      1. In courses view, the < > arrows for switching between pages under a course will be removed, and replaced by a "Show more activities" button.
      2. In the dates view, both the < > arrows and the "show x" dropdown will be removed and replaced by the "Show more activities" button.
      3. Instead of the user choosing how many results to load in dates view (which is removed in #2 above), dates view should load 5 items initially, and with each press of "Show more activities", it should load an additional 10 results (if there are that many available). In courses view, the button should also load an additional 10, and the default amount loaded initially can stay as it is currently set.
      4. The "Show more activities" button should be left aligned, be a button-secondary, use btn-sm (so it's similar size to the call to action buttons) and have padding such as "pt-1 pb-2", so that in courses view, the button is closer to the course listing it relates to, and has more whitespace before the next course heading.
      5. For consistency with the new button, the existing "More courses" button should be updated to read "Show more courses".
      6. To help differentiate the more courses button from the new activities button, and to help separate it from the course specific information, we should change it to be button-primary (instead of secondary) and also update the classes so it is centred in the block.

      Here are some mockups demonstrating the above requirements:

       

       

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              huongn@moodle.com Huong Nguyen
              Reporter:
              michaelh Michael Hawkins
              Peer reviewer:
              Michael Hawkins Michael Hawkins
              Integrator:
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Tester:
              Angelia Dela Cruz Angelia Dela Cruz
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Sujith Haridasan
              Votes:
              0 Vote for this issue
              Watchers:
              5 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 week, 2 days, 6 hours, 18 minutes
                  1w 2d 6h 18m