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

File upload should have a progress bar in the file manager

    • MOODLE_311_STABLE, MOODLE_400_STABLE, MOODLE_402_STABLE
    • MDL-70533-master
    • Hide

      Test 1

      1. Navigate to your profile page
      2. Go to Edit Profile page
      3. Press add button in the file manger of new picture field
      4. Select Upload a file
      5. Press "Choose file"
      6. Choose a non-image file from your computer.
      7. Click Upload this file.
      8. Verify that you will see an error: [filetype] cannot be accepted
      9. Press add button in the file manger of new picture field
      10. Select Upload a file
      11. Press "Choose file"
      12. Choose an image file from your computer.
      13. Select Upload a file
      14. Verify that you will see a progress bar like below
      15. Verify that the image will be uploaded without any errors.
      16. Verify that you can set the new avatar.
      Show
      Test 1 Navigate to your profile page Go to Edit Profile page Press add button in the file manger of new picture field Select Upload a file Press "Choose file" Choose a non-image file from your computer. Click Upload this file. Verify that you will see an error: [filetype] cannot be accepted Press add button in the file manger of new picture field Select Upload a file Press "Choose file" Choose an image file from your computer. Select Upload a file Verify that you will see a progress bar like below Verify that the image will be uploaded without any errors. Verify that you can set the new avatar.
    • Hide

      Code verified against automated checks with warnings.

      Checked MDL-70533 using repository: https://github.com/NashTechOpenUniversity/moodle

      Should these errors be fixed?

      Built on: Mon Jan 27 09:13:35 AM UTC 2025

      Show
      Code verified against automated checks with warnings. Checked MDL-70533 using repository: https://github.com/NashTechOpenUniversity/moodle main (0 errors / 1 warnings) [branch: MDL-70533-master | CI Job ] overview (0/1) , phplint (0/0) , phpcs (0/0) , js (0/0) , css (0/0) , phpdoc (0/0) , commit (0/0) , savepoint (0/0) , thirdparty (0/0) , externalbackup (0/0) , grunt (0/0) , shifter (0/0) , mustache (0/0) , gherkin (0/0) , Warn: The MDL-70533 -master branch at https://github.com/NashTechOpenUniversity/moodle has not been rebased recently (>20 days ago). Should these errors be fixed? Built on: Mon Jan 27 09:13:35 AM UTC 2025
    • 2
    • Team Alpha - Sprint 1 I1-2023

      Problem: 

      For the file picker, you browse and then select the file to upload, rather than dragging and dropping them into the upload area.

      As can be seen in the screenshot, you instead get a 'spinning wheel' with no indication of progress. If you are uploading a large file, this is a problem.

      A simple solution:

      There is no issue with the 'spinning wheel' while the system is checking the filesize etc., but once the file begins to upload, there should be some progress indicator, ideally the same sort of interface for Drag & Drop (progress bar) and/or a percentage.

            toanlam Toan Lam
            toanlam Toan Lam
            Meirza Meirza
            Huong Nguyen Huong Nguyen
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            2 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 4 minutes
                2d 4m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.