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

Improve scrolling in recently accessed courses block

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Requirements

      1. Please test on Chrome, Firefox, Safari, Edge, and IE11.
      2. Please test on both the Boost and Clean themes

      Test

      1. Create a site with 15 courses
      2. Enrol 2 users enrolled in all 15 courses
      3. Enrol 1 user in only 2 courses
      4. Log in as user 1 and view all 15 courses
      5. View the dashboard
      6. The recently accessed courses block should show you as many courses as can fit on the screen width, up to a maximum of 10 courses.
      7. Increase and decrease the width of the browser (dragging the edges)
      8. Open/close the nav drawer
        1. CONFIRM that the recently accessed courses block shows as many courses as can fit on the page
        2. CONFIRM that when the page can’t fit all courses that pagination buttons (left/right buttons) appear and can be used to view the courses not shown on screen
      9. Log in as user 2 and view 4 of the courses
      10. View the dashboard
      11. Repeat the testing above
        1. CONFIRM that the paging buttons (left/right arrows) show/hide depending on whether all of the courses can fit on the screen or not.
      12. Login as user 3 and view both courses
      13. View the dashboard
        1. CONFIRM that the two courses are shwon in the recently access courses block
        2. CONFIRM that they are left-aligned

      Regression checks

      1. On the dashboard
      2. Find a course in the course overview block that is visible in the recently accessed courses block and star it
      3. CONFIRM that the little star shows up on the course in the recently access courses without having to reload the page
      4. Reload the page
      5. CONFIRM that the star is still there in both cases
      6. Repeat the test but unstarring the course
      7. Find a course in the course overview block that is visible but on the second page of recently access courses (i.e. you can view it with the left/right arrows)
      8. Repeat the tests above and confirm that the course in the recently accessed courses updates based on the starred state in the course overview block
      Show
      Requirements Please test on Chrome, Firefox, Safari, Edge, and IE11. Please test on both the Boost and Clean themes Test Create a site with 15 courses Enrol 2 users enrolled in all 15 courses Enrol 1 user in only 2 courses Log in as user 1 and view all 15 courses View the dashboard The recently accessed courses block should show you as many courses as can fit on the screen width, up to a maximum of 10 courses. Increase and decrease the width of the browser (dragging the edges) Open/close the nav drawer CONFIRM that the recently accessed courses block shows as many courses as can fit on the page CONFIRM that when the page can’t fit all courses that pagination buttons (left/right buttons) appear and can be used to view the courses not shown on screen Log in as user 2 and view 4 of the courses View the dashboard Repeat the testing above CONFIRM that the paging buttons (left/right arrows) show/hide depending on whether all of the courses can fit on the screen or not. Login as user 3 and view both courses View the dashboard CONFIRM that the two courses are shwon in the recently access courses block CONFIRM that they are left-aligned Regression checks On the dashboard Find a course in the course overview block that is visible in the recently accessed courses block and star it CONFIRM that the little star shows up on the course in the recently access courses without having to reload the page Reload the page CONFIRM that the star is still there in both cases Repeat the test but unstarring the course Find a course in the course overview block that is visible but on the second page of recently access courses (i.e. you can view it with the left/right arrows) Repeat the tests above and confirm that the course in the recently accessed courses updates based on the starred state in the course overview block
    • Affected Branches:
      MOODLE_36_STABLE, MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_37_STABLE
    • Pull Master Branch:
      MDL-64376-master-2

      Description

      At the moment the recently accessed courses block shows up to 10 courses depending on the screen width available. Any additional courses that don't fit are hidden in the overflow and a horizontal scrollbar is given for the user to scroll to those courses.

      Rather than have a horizontal scroll bar we can have left/right buttons to provide clear indication that there are more courses to see as well as give a better experience for the user.

      The number of courses displayed will need to adjust to the available width (including opening/closing the nav drawer).

      Here's a mockup of what it might look like:

        Attachments

        1. 2 courses.jpg
          2 courses.jpg
          15 kB
        2. 3 courses.jpg
          3 courses.jpg
          28 kB
        3. MDL-64376_RegressionChecks_02282019.jpg
          MDL-64376_RegressionChecks_02282019.jpg
          34 kB
        4. MDL-64376_RegressionChecks_Clean.jpg
          MDL-64376_RegressionChecks_Clean.jpg
          40 kB
        5. MDL-64376_RegressionChecks.jpg
          MDL-64376_RegressionChecks.jpg
          38 kB
        6. MDL-64376_Test_02282019.jpg
          MDL-64376_Test_02282019.jpg
          58 kB
        7. MDL-64376_Test_Clean.jpg
          MDL-64376_Test_Clean.jpg
          22 kB
        8. MDL-64376_Test.jpg
          MDL-64376_Test.jpg
          39 kB
        9. netflix-ui.png
          netflix-ui.png
          204 kB
        10. recent_courses_mockup_1.png
          recent_courses_mockup_1.png
          25 kB
        11. recentlycourses_center.png
          recentlycourses_center.png
          70 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                9 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  20/May/19

                  Time Tracking

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