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

Improve scrolling in recently accessed courses block

XMLWordPrintable

    • MOODLE_36_STABLE, MOODLE_37_STABLE
    • MOODLE_37_STABLE
    • MDL-64376-master-2
    • 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

      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:

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

            ryanwyllie Ryan Wyllie
            ryanwyllie Ryan Wyllie
            Andrew Lyons Andrew Lyons
            Anna Carissa Sadia Anna Carissa Sadia
            Votes:
            0 Vote for this issue
            Watchers:
            9 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.