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

Bootstrap progress bar styling is broken.

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.1
    • Fix Version/s: 3.1
    • Component/s: Themes
    • Labels:
    • Testing Instructions:
      Hide
      Setup
      1. Login as admin.
      2. Create a few users.
      3. Create a course.
      4. Go to Site administration ► Competencies ► Competency frameworks and create a competency framework and create and add 4 competencies to it.
      Course competencies
      1. Navigate to the course.
      2. Under Course administration, click Competencies to go to the course competencies page.
      3. Add the created competencies to the course.
      4. Check the text description beside the progress bar.
        • Confirm that the text reflects the correct statistics. (i.e. if you have linked 3 competencies in the course, and you are not proficient to any of the competencies, then you should see the text You are proficient in 0 out of 3 competencies in this course. beside the progress bar.
      5. Check the progress bar's display.
        • For 0 % progress, confirm that the progress bar is rendered with a minimum width that contains the progress label.
      6. Click on a competency and rate a student as proficient for that competency.
      7. Using another browser or an incognito tab, as that student that received the rating.
      8. Navigate to the course and go to the course competencies page.
      9. Check the text description beside the progress bar.
        • Confirm that the text reflects the correct statistics.
      10. Check the progress bar's display.
        • Confirm that the progress bar's label reflects the correct percentage and and the shaded part of the progress bar reflects a reasonable width. (i.e. as a student that got proficient in 1 out of 4 competencies, then the label should show 25.0 % and that the shaded part of progress bar's is 1/4 of its width.
      Learning plan templates/User learning plan
      1. Go to Site administration ► Competencies ► Learning plan templates and create a learning plan template.
      2. Go to the template's page and add competencies to it.
      3. Go back to the list of learning plan templates.
      4. Click the link under the Learning plans column of the template's row.
      5. Under Select users to create learning plans for select two or more users then click Create learning plans to create user learning plans using the template.
      6. Click on a generated user learning plan to open the user's learning plan page.
      7. Check the Progress section of the user's learning plan.
      8. Check the text description beside the progress bar.
        • Confirm that the text reflects the correct statistics.
      9. Check the progress bar's display.
        • Confirm that the progress bar's label reflects the correct percentage and and the shaded part of the progress bar reflects a reasonable width (except for 0%).
      10. Click on a competency and give a proficient rating for the user for that competency.
      11. Check again the progress bar:
        • Confirm that it reflects the correct statistics and percentage.
      12. Under the Status section, click Complete this learning plan.
      13. Navigate back to the learning plan templates page and go to the created learning plan template.
      14. Check the progress bars.
        • Confirm that the statistics for the linked competencies to courses and its progress bar makes sense and is rendered appropriately.
        • Confirm that the statistics for the completed learning plans from the template and its progress bar makes sense and is rendered appropriately.
        • Confirm that the statistics for the average proficiency rate for completed learning plans based on the template and its progress bar makes sense and is rendered appropriately.
      Bonus:
      1. Check the progress bars on different browsers, such as IE, Chrome and Firefox.
      2. Check the progress bars in RTL.
      Show
      Setup Login as admin. Create a few users. Create a course. Go to Site administration ► Competencies ► Competency frameworks and create a competency framework and create and add 4 competencies to it. Course competencies Navigate to the course. Under Course administration, click Competencies to go to the course competencies page. Add the created competencies to the course. Check the text description beside the progress bar. Confirm that the text reflects the correct statistics. (i.e. if you have linked 3 competencies in the course, and you are not proficient to any of the competencies, then you should see the text You are proficient in 0 out of 3 competencies in this course. beside the progress bar. Check the progress bar's display. For 0 % progress, confirm that the progress bar is rendered with a minimum width that contains the progress label. Click on a competency and rate a student as proficient for that competency. Using another browser or an incognito tab, as that student that received the rating. Navigate to the course and go to the course competencies page. Check the text description beside the progress bar. Confirm that the text reflects the correct statistics. Check the progress bar's display. Confirm that the progress bar's label reflects the correct percentage and and the shaded part of the progress bar reflects a reasonable width. (i.e. as a student that got proficient in 1 out of 4 competencies, then the label should show 25.0 % and that the shaded part of progress bar's is 1/4 of its width. Learning plan templates/User learning plan Go to Site administration ► Competencies ► Learning plan templates and create a learning plan template. Go to the template's page and add competencies to it. Go back to the list of learning plan templates. Click the link under the Learning plans column of the template's row. Under Select users to create learning plans for select two or more users then click Create learning plans to create user learning plans using the template. Click on a generated user learning plan to open the user's learning plan page. Check the Progress section of the user's learning plan. Check the text description beside the progress bar. Confirm that the text reflects the correct statistics. Check the progress bar's display. Confirm that the progress bar's label reflects the correct percentage and and the shaded part of the progress bar reflects a reasonable width (except for 0%). Click on a competency and give a proficient rating for the user for that competency. Check again the progress bar: Confirm that it reflects the correct statistics and percentage. Under the Status section, click Complete this learning plan . Navigate back to the learning plan templates page and go to the created learning plan template. Check the progress bars. Confirm that the statistics for the linked competencies to courses and its progress bar makes sense and is rendered appropriately. Confirm that the statistics for the completed learning plans from the template and its progress bar makes sense and is rendered appropriately. Confirm that the statistics for the average proficiency rate for completed learning plans based on the template and its progress bar makes sense and is rendered appropriately. Bonus: Check the progress bars on different browsers, such as IE, Chrome and Firefox. Check the progress bars in RTL.
    • Affected Branches:
      MOODLE_31_STABLE
    • Fixed Branches:
      MOODLE_31_STABLE
    • Pull Master Branch:
      MDL-54119-master-with_progress_bar_template

      Description

      Something changed and now bootstrap progress bars (as used in CBE) look broken. I'll post a screenshot.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  23/May/16