From 21fb3fcc02152763770b348fbd078dcc738f24fe Mon Sep 17 00:00:00 2001
From: Rodrigo Souto <rodrigo@colivre.coop.br>
Date: Fri, 18 Jul 2014 19:52:23 +0000
Subject: [PATCH] [media-panel-improvements] Show/Hide all uploads

---
 app/views/cms/_text_editor_sidebar.html.erb |  4 ++++
 public/javascripts/media-panel.js           | 18 ++++++++++++++++++
 public/stylesheets/application.css          |  4 ++++
 3 files changed, 26 insertions(+), 0 deletions(-)

diff --git a/app/views/cms/_text_editor_sidebar.html.erb b/app/views/cms/_text_editor_sidebar.html.erb
index 00dc506..d259c25 100644
--- a/app/views/cms/_text_editor_sidebar.html.erb
+++ b/app/views/cms/_text_editor_sidebar.html.erb
@@ -15,6 +15,10 @@
         <p><%= file_field_tag('file', :multiple => true) %></p>
       <% end %>
     </div>
+    <div class='hide-and-show-uploads'>
+      <%= link_to(_('Hide all uploads'), nil, :id => 'hide-uploads', :style => 'display: none;', 'data-bootstraped' => false) %>
+      <%= link_to(_('Show all uploads'), nil, :id => 'show-uploads', :style => 'display: none;') %>
+    </div>
   </div>
 
   <div id='published-media' class='text-editor-sidebar-box' data-url='<%= url_for({:controller => 'cms', :action => 'published_media_items', :profile => profile.identifier}) %>'>
diff --git a/public/javascripts/media-panel.js b/public/javascripts/media-panel.js
index 3a82f56..ab68503 100644
--- a/public/javascripts/media-panel.js
+++ b/public/javascripts/media-panel.js
@@ -5,6 +5,10 @@ jQuery('#file').fileupload({
     data.submit();
   },
   progress: function (e, data) {
+    if (jQuery('#hide-uploads').data('bootstraped') == false) {
+      jQuery('#hide-uploads').show();
+      jQuery('#hide-uploads').data('bootstraped', true);
+    }
     if (data.context) {
       progress = parseInt(data.loaded / data.total * 100, 10);
       data.context.find('.bar').css('width', progress + '%');
@@ -18,6 +22,20 @@ jQuery('#file').fileupload({
   }
 });
 
+jQuery('#hide-uploads').click(function(){
+  jQuery('#hide-uploads').hide();
+  jQuery('#show-uploads').show();
+  jQuery('.upload').slideUp();
+  return false;
+});
+
+jQuery('#show-uploads').click(function(){
+  jQuery('#hide-uploads').show();
+  jQuery('#show-uploads').hide();
+  jQuery('.upload').slideDown();
+  return false;
+});
+
 function loadPublishedMedia() {
   var parent_id = jQuery('#published-media #parent_id').val();
   var q = jQuery('#published-media #q').val();
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 7b45da2..84244f7 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -3415,6 +3415,10 @@ div.with_media_panel .formfield input[type="checkbox"] {
 
 }
 
+#media-upload-box .hide-and-show-uploads {
+  text-align: center;
+}
+
 .text-editor-sidebar {
   position: absolute;
   width: 280px;
--
libgit2 0.21.2