2277070930 media browser sortable table view

css/s3-browser.css

@@ -70,12 +70,18 @@
     font-size: 18px;
     width: 3em;
 }
+.attachments-browser table .icon {
+    font-size: 5px;
+}
 .attachments-browser .icon.folder {
     display: inline-block;
     margin: 1em !important;
     background-color: transparent;
     overflow: hidden;
 }
+.attachments-browser table .icon.folder {
+    margin: 0.5em 1em 0 0 !important;
+}
 .attachments-browser .icon.folder:before {
     content: '';
     float: left;
@@ -113,6 +119,9 @@
     width: auto;
     height: auto;
 }
+.attachments-browser table .icon.thumb {
+    width: 1em;
+}
 .wp-core-ui .attachments-browser .icon.file {
     width: 2.5em;
     height: 3em;
@@ -125,6 +134,11 @@
     overflow: hidden;
     box-shadow: 1.74em -2.1em 0 0 #A4A7AC inset;
 }
+.wp-core-ui .attachments-browser table .icon.file {
+    margin: 0 1.5em 0 0;
+    float: left;
+}
+
 .attachments-browser .attachment-info .thumbnail-image::after {
     box-shadow: none;
 }
@@ -265,7 +279,6 @@
         top: -27.5px!important;
     }
     #__assets_browser .filemanager .data li {
-
         width:100%!important;
     }
     #__assets_browser .attachments-browser ul.data {
@@ -309,10 +322,19 @@
     padding: 16px;
 }
 
-#overlay-loader-li #fv-player-shortcode-editor-preview-spinner {
+#overlay-loader-item #fv-player-shortcode-editor-preview-spinner {
     top: 0;
 }
 
+#overlay-loader-item button {
+    margin: 1em;
+}
+
+#overlay-loader-item td {
+    text-align: center;
+    position: relative;
+}
+
 #__assets_browser .browser-progress-bar {
     width: 100%;
     min-width: 500px;
@@ -346,4 +368,28 @@
     right: 0;
     bottom: 0;
     z-index: 10;
+}
+
+#__assets_browser tbody tr {
+  cursor: pointer;
+}
+
+#__assets_browser tbody tr.is_folder {
+  cursor: auto;
+}
+
+#__assets_browser tbody tr.selected td {
+  background-color: #EBF2FA;
+}
+
+.media-toolbar-primary.display-mode {
+    margin: 14px;
+}
+
+.media-toolbar-primary.display-mode span {
+    cursor: pointer;
+}
+
+.media-toolbar-primary.display-mode span.inactive {
+    color: #CACED2;
 }

css/shortcode-editor.css

@@ -106,7 +106,7 @@
   width: 100%;
 }
 #fv-player-editor-loading-overlay {
-  background-image: url(../../../../wp-includes/images/wpspin-2x.gif); 
+  background-image: url(../../../../wp-includes/images/wpspin-2x.gif);
   background-repeat: no-repeat;
   background-position: center;
 }

js/digitalocean-spaces-browser.js

@@ -1,48 +1,50 @@
-jQuery( function($) {
-
-  function fv_flowplayer_dos_browser_load_assets(bucket, path) {
-    var
-      $this = jQuery(this),
-      $media_frame_content = jQuery('.media-frame-content:visible'),
-      $overlay_div = jQuery('#fv-player-shortcode-editor-preview-spinner').clone().css({
-        'height': '100%'
-      }),
-      ajax_data = {
-        action: "load_dos_assets",
-      };
-
-    $this.addClass('active').siblings().removeClass('active');
-
-    // replace content by the new DOS content
-    $media_frame_content.html($overlay_div);
-
-    if (typeof bucket === 'string' && bucket) {
-      ajax_data['bucket'] = bucket;
-    }
-    if (typeof path === 'string' && path) {
-      ajax_data['path'] = path;
-    }
-
-    jQuery.post(ajaxurl, ajax_data, function (ret) {
-      var renderOptions = {};
-
-      // add errors, if any
-      if (ret.err) {
-        renderOptions['errorMsg'] = ret.err;
-      }
-
-      $media_frame_content.html(renderBrowserPlaceholderHTML(renderOptions));
-
-      // hide search, as it's not supported for DOS
-      jQuery('#media-search-input').parent().hide();
-
-      fv_flowplayer_browser_browse(ret.items, { 'breadcrumbs' : 1 });
-    });
-
-    return false;
-  };
-
-  $(document).on("mediaBrowserOpen", function (event) {
-    fv_flowplayer_media_browser_add_tab('fv_flowplayer_dos_browser_media_tab', 'DigitalOcean Spaces', fv_flowplayer_dos_browser_load_assets);
-  });
+jQuery( function($) {
+
+  function fv_flowplayer_dos_browser_load_assets(bucket, path) {
+    var
+      $this = jQuery(this),
+      $media_frame_content = jQuery('.media-frame-content:visible'),
+      $overlay_div = jQuery('#fv-player-shortcode-editor-preview-spinner').clone().css({
+        'height': '100%'
+      }),
+      ajax_data = {
+        action: "load_dos_assets",
+      };
+
+    fv_flowplayer_browser_get_function[ 'fv_flowplayer_dos_browser_media_tab' ] = fv_flowplayer_dos_browser_load_assets;
+
+    $this.addClass('active').siblings().removeClass('active');
+
+    // replace content by the new DOS content
+    $media_frame_content.html($overlay_div);
+
+    if (typeof bucket === 'string' && bucket) {
+      ajax_data['bucket'] = bucket;
+    }
+    if (typeof path === 'string' && path) {
+      ajax_data['path'] = path;
+    }
+
+    jQuery.post(ajaxurl, ajax_data, function (ret) {
+      var renderOptions = {};
+
+      // add errors, if any
+      if (ret.err) {
+        renderOptions['errorMsg'] = ret.err;
+      }
+
+      $media_frame_content.html(renderBrowserPlaceholderHTML(renderOptions));
+
+      // hide search, as it's not supported for DOS
+      jQuery('#media-search-input').parent().hide();
+
+      fv_flowplayer_browser_browse(ret.items, { 'breadcrumbs' : 1 });
+    });
+
+    return false;
+  };
+
+  $(document).on("mediaBrowserOpen", function (event) {
+    fv_flowplayer_media_browser_add_tab('fv_flowplayer_dos_browser_media_tab', 'DigitalOcean Spaces', fv_flowplayer_dos_browser_load_assets);
+  });
 });