make upload a dropdown, add consistent button divider

1 files changed, 16 insertions, 4 deletions

diff --git a/data/assets/js/admin/tabs/files.js b/data/assets/js/admin/tabs/files.js
index 1c01476..d378b46 100644
--- a/data/assets/js/admin/tabs/files.js
+++ b/data/assets/js/admin/tabs/files.js
@@ -96,8 +96,18 @@ jQuery(function($) {
         "</a>",
       "</li>",
     ],
+
+    divider: [
+      "<div class='btn-group btn-group-sm'>",
+        "<span>&nbsp;&nbsp;</span>",
+      "</div>",
+    ],
   });
 
+  // cache templates
+  var NO_FILES = TEMPLATES.run('no_files'),
+      DIVIDER  = TEMPLATES.run('divider');
+
   function get_selected_site() {
     var site_id = $('#files').data('site_id');
 
@@ -134,8 +144,6 @@ jQuery(function($) {
     return r;
   }
 
-  var NO_FILES = TEMPLATES.run('no_files');
-
   function reload() {
     var btns = $('#files-reload, #files-crumbs .btn'),
         list = $('#files');
@@ -159,7 +167,8 @@ jQuery(function($) {
       // draw crumbs
       var crumbs = get_crumbs($('#files').data('path'));
       $('#files-crumbs').html([
-        make_site_dropdown()
+        make_site_dropdown(),
+        // DIVIDER,
       ].concat($.map(crumbs, function(crumb) {
         return TEMPLATES.run('crumb', {
           path: crumb,
@@ -292,7 +301,10 @@ jQuery(function($) {
     return false;
   });
 
-  $('#files-upload').click(function() {
+  $('#files-upload').on('click', 'a', function() {
+    // hide dropdown
+    $('body').trigger('click');
+
     alert('TODO: upload');
 
     // stop event