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

Render the calendar in the calendar block in month view

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-71817-master
    • Hide

      Setup

      1. You need few courses.
      2. Create events for each of those courses.

      Functional testing

      1. Add the calendar block to the main region of your Dashboard (if not there yet)
      2. Make sure all the functionality still works after this change. You should be able to:
        • Add an event
        • Add an event by clicking on the day container (not the number)
        • Drag'n'drop an event to a different month
        • Switch between months (Previous/Next)
        • Filter by course
        • View event summary by clicking on the name
        • Delete event should also refresh the month content
      3. Feel free to try other exploratory testing too
      4. Move the block to the side region.
      5. Repeat the test above, everything should work as before.
      6. Go to the Calendar page calendar/view.php
      7. Repeat the test above, everything should work as before.
      8. Go to Site home and add the Calendar block.
      9. Repeat the test above, everything should work as before.
      10. Log out and note the calendar block on the site home.
      11. The look should be the same as the month view, but you won't be able to do anything from there.

      Improvements testing

      1. Back to the dashboard, move the calendar back to the main region and ensure:
        • View selector is hidden on the block, but should still be present in the full calendar.
        • Only course filter is present on the block top left.
        • Previous/Next month links do not have the year any more
        • Previous/Next month do not update the url in the block, but should still in the full calendar.
        • Previous/Next should be inline in large/small blocks.
        • The New event button should be blue
        • The calendar block should have same look of the full calendar.
        • Clicking in the current month link (eg. July 2021) should redirect to full calendar.
        • Clicking in the day link should redirect the user to day view in the full calendar.
      2. Make sure everything matches our prototype for this project.
      Show
      Setup You need few courses . Create events for each of those courses. Functional testing Add the calendar block to the main region of your Dashboard (if not there yet) Make sure all the functionality still works after this change. You should be able to: Add an event Add an event by clicking on the day container (not the number) Drag'n'drop an event to a different month Switch between months (Previous/Next) Filter by course View event summary by clicking on the name Delete event should also refresh the month content Feel free to try other exploratory testing too Move the block to the side region . Repeat the test above, everything should work as before. Go to the Calendar page calendar/view.php Repeat the test above, everything should work as before. Go to Site home and add the Calendar block. Repeat the test above, everything should work as before. Log out and note the calendar block on the site home. The look should be the same as the month view, but you won't be able to do anything from there. Improvements testing Back to the dashboard, move the calendar back to the main region and ensure: View selector is hidden on the block, but should still be present in the full calendar. Only course filter is present on the block top left. Previous/Next month links do not have the year any more Previous/Next month do not update the url in the block, but should still in the full calendar. Previous/Next should be inline  in large/small blocks. The New event button should be blue The calendar block should have same look of the full calendar. Clicking in the current month link (eg. July 2021) should redirect to full calendar. Clicking in the day link should redirect the user to day view in the full calendar. Make sure everything matches our prototype for this project.
    • 2
    • HQ Team International Sprint 3, HQ Team International Sprint 4, HQ Team International Sprint 5

    Description

      Proposed improvement: Render the calendar in the calendar block in month view instead of the mini-calendar view.

      This will make the calendar responsive and provide more useful information when rendered in a larger block region (e.g. the main region in the Dashboard).

      We need to make sure that the calendar's month view works seamlessly when rendered in the calendar block.

      Things to consider:

      1. Decouple the calendar JS and functionalities from the calendar page so the large calendar month view will work seamlessly even when rendered in a block. It must support the whole functionality that is supported now:
        • Creating / updating events
        • Course filter
        • Month navigation & reloading
        • Loading events
      2. When multiple calendar block instances are rendered there should be no duplicate element IDs.

      Prototype:

      Link to prototype

      Attachments

        1. 2021-07-09_10-28-37.mp4
          893 kB
        2. calendar block full month view.png
          calendar block full month view.png
          40 kB
        3. MDL-71817_Screenshot1.png
          MDL-71817_Screenshot1.png
          918 kB
        4. MDL-71817_Screenshot2.png
          MDL-71817_Screenshot2.png
          804 kB
        5. MDL-71817_Screenshot3.png
          MDL-71817_Screenshot3.png
          531 kB

        Issue Links

          Activity

            People

              lameze Simey Lameze
              lameze Simey Lameze
              Huong Nguyen Huong Nguyen
              Jun Pataleta Jun Pataleta
              Ilya Tregubov Ilya Tregubov
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 1 day, 4 hours, 23 minutes
                  1w 1d 4h 23m