Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42523

GoogleDrive file picker: Improve picker UI using jsTree

    Details

    • Type: Feature Request
    • Status: RESOLVED
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 20.0
    • Fix Version/s: 20.0
    • Component/s: Content
    • Labels:
      None
    • Test Plan:
      Hide


      To test on experimental, where it is enabled: https://experimental.nightly.sakaiproject.org/portalSame plan of SAK-42423, play around with the google drive integration, navigate through folders, link and attach copies of those files.

      Show
      To test on experimental, where it is enabled: https://experimental.nightly.sakaiproject.org/portalSame plan of SAK-42423 , play around with the google drive integration, navigate through folders, link and attach copies of those files.

      Description

      When SAK-42423 was implemented, we reused the existing file picker, it works but the interface looks old and makes many refreshes. This feature adds a new UI to pick files that doesn't refresh the picker when navigating through GoogleDrive items. It's powered by jsTree https://www.jstree.com/.

       

      Before:

      After:

       

       

       

       

        Gliffy Diagrams

          Zeplin

            Attachments

            1. After.gif
              After.gif
              1.32 MB
            2. drive_testing.gif
              drive_testing.gif
              887 kB
            3. image-2019-09-25-09-33-24-246.png
              image-2019-09-25-09-33-24-246.png
              20 kB
            4. screenshot-1.png
              screenshot-1.png
              106 kB

              Issue Links

                Activity

                  People

                  Assignee:
                  Jordán Antonio Jordan
                  Reporter:
                  farreri Miguel Pellicer
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  5 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration