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

Mark the current section in the course index.

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 4.0
    • 4.0
    • Course
    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-72897-master
    • Hide

      Testing prerequisites:

      1. Create a course in topics format with 10 topics and more than 5 activities per topic (I recommend executing "mdk run makecourse.sh" or using the "Make test course" tool )
      2. Enrol a student into the course (it cannot be the admin)
      3. Access the course in edit mode and add a date access restriction to the last activity of the course with a future date (1/1/2023 for example)

      Test 1: multiple topics

      1. Access the course as admin in view mode (turn edition off if necessary)
      2. Open the course index
      3. Scroll the course content
        1. Check the course index has the element that appears on top of the content as current (has a darker text and a darker background)
      4. Continue scrolling until the end of the course
        1. Check the course index scrolls constantly to have the current element visible
      5. Collapse a section in the course index that has several activities. Then scroll the content from the previous section to the next one.
        1. Check that while passing through the collapsed topic's activities the page topic remains the collapsed one.
      6. Turn editing on
      7. Scroll the course content
        1. Check the course index has the element that appears on top of the content as current (has a darker text and a darker background)
      8. Continue scrolling until the end of the course
        1. Check that now the course index DOES NOT scroll to have the current element visible
      9. Access to an activity from the last topic and wait until the page is completely loaded
        1. Check the course index scrolls to the activity position
        2. Check the activity is marked as current in the course index
      10. While you are still inside the activity, click the last topic name in the course index and wait until the page is loaded
        1. Check the course index scrolls to the last section
        2. Check the section is marked as current in the course index
      11. Log out and log in as the student, then access the course
      12. Click on the last activity of the course (the one that has availability restrictions
        1. Check the activity es marked as current in the course content.
      13. Log out

      Test 2: single topic

      1. Go to the course settings and change the Course layout to "Show one section per page"
      2. Click Save and display to return to the course
      3. Scroll the content
        1. Check the first topic that appears on the window (the scroll top one) is the current one in the course index
      4. Click on the last topic to show only that topic
        1. Check the course index scrolls to the last topic
        2. Check the last topic is marked as current

       

      Show
      Testing prerequisites: Create a course in topics format with 10 topics and more than 5 activities per topic (I recommend executing "mdk run makecourse.sh" or using the "Make test course" tool ) Enrol a student into the course (it cannot be the admin) Access the course in edit mode and add a date access restriction to the last activity of the course with a future date (1/1/2023 for example) Test 1: multiple topics Access the course as admin in view mode (turn edition off if necessary) Open the course index Scroll the course content Check the course index has the element that appears on top of the content as current (has a darker text and a darker background) Continue scrolling until the end of the course Check the course index scrolls constantly to have the current element visible Collapse a section in the course index that has several activities. Then scroll the content from the previous section to the next one. Check that while passing through the collapsed topic's activities the page topic remains the collapsed one. Turn editing on Scroll the course content Check the course index has the element that appears on top of the content as current (has a darker text and a darker background) Continue scrolling until the end of the course Check  that now the course index DOES NOT scroll to have the current element visible Access to an activity from the last topic and wait until the page is completely loaded Check the course index scrolls to the activity position Check the activity is marked as current in the course index While you are still inside the activity, click the last topic name in the course index and wait until the page is loaded Check the course index scrolls to the last section Check the section is marked as current in the course index Log out and log in as the student, then access the course Click on the last activity of the course (the one that has availability restrictions Check the activity es marked as current in the course content. Log out Test 2: single topic Go to the course settings and change the Course layout to "Show one section per page" Click Save and display to return to the course Scroll the content Check the first topic that appears on the window (the scroll top one) is the current one in the course index Click on the last topic to show only that topic Check the course index scrolls to the last topic Check the last topic is marked as current  
    • Moppies Kanban

    Description

      In course formats with course index, the current section should be marked. The format should be the same as the activity name in the course index when the user is at an activity page (darker gray).

      About detecting the current section there are two scenarios:

      1. In multiple sections per page, the main region scroll should determine the active section. Something similar to what bootstrap scrollspy does.
      2. In a single section per page, the selected section is the displayed one.
      3. If the user clicks on an element of the course index, it will be marked as the active element until the user move the content scroll

      This issue is also about the course index scroll position. There are several possibilities here:

      1. If the user is on an activity page: the course index scrolls to the activity item. This way the next and previous activities are visible without scrolling.
      2. If the user is in the course page depends:
        1. In view mode: the course index scrolls to the current position so the content scroll position changes also the course index scroll and the current element is always visible.
        2. In edit mode: in edit mode the course index is important to drag and drop items from one section to another (even if they are several sections away from one another). For this reason, in edit mode, scrolling the content won't affect the course index.

      Attachments

        1. MDL-72897_multiple topics 1.webm
          1.85 MB
        2. MDL-72897_multiple topics 2.webm
          2.18 MB
        3. MDL-72897_multiple topics 3.png
          MDL-72897_multiple topics 3.png
          192 kB
        4. MDL-72897_single topic.webm
          1.07 MB
        5. MDL-72897.webm
          998 kB
        6. Screencast1.webm
          1.55 MB

        Issue Links

          Activity

            People

              tusefomal Ferran Recio
              tusefomal Ferran Recio
              Carlos Escobedo Carlos Escobedo
              Ilya Tregubov Ilya Tregubov
              Angelia Dela Cruz Angelia Dela Cruz
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              11 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

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