Commit 21fb3fcc02152763770b348fbd078dcc738f24fe
1 parent
16b3ad01
Exists in
master
and in
27 other branches
[media-panel-improvements] Show/Hide all uploads
Showing
3 changed files
with
26 additions
and
0 deletions
Show diff stats
app/views/cms/_text_editor_sidebar.html.erb
| ... | ... | @@ -15,6 +15,10 @@ |
| 15 | 15 | <p><%= file_field_tag('file', :multiple => true) %></p> |
| 16 | 16 | <% end %> |
| 17 | 17 | </div> |
| 18 | + <div class='hide-and-show-uploads'> | |
| 19 | + <%= link_to(_('Hide all uploads'), nil, :id => 'hide-uploads', :style => 'display: none;', 'data-bootstraped' => false) %> | |
| 20 | + <%= link_to(_('Show all uploads'), nil, :id => 'show-uploads', :style => 'display: none;') %> | |
| 21 | + </div> | |
| 18 | 22 | </div> |
| 19 | 23 | |
| 20 | 24 | <div id='published-media' class='text-editor-sidebar-box' data-url='<%= url_for({:controller => 'cms', :action => 'published_media_items', :profile => profile.identifier}) %>'> | ... | ... |
public/javascripts/media-panel.js
| ... | ... | @@ -5,6 +5,10 @@ jQuery('#file').fileupload({ |
| 5 | 5 | data.submit(); |
| 6 | 6 | }, |
| 7 | 7 | progress: function (e, data) { |
| 8 | + if (jQuery('#hide-uploads').data('bootstraped') == false) { | |
| 9 | + jQuery('#hide-uploads').show(); | |
| 10 | + jQuery('#hide-uploads').data('bootstraped', true); | |
| 11 | + } | |
| 8 | 12 | if (data.context) { |
| 9 | 13 | progress = parseInt(data.loaded / data.total * 100, 10); |
| 10 | 14 | data.context.find('.bar').css('width', progress + '%'); |
| ... | ... | @@ -18,6 +22,20 @@ jQuery('#file').fileupload({ |
| 18 | 22 | } |
| 19 | 23 | }); |
| 20 | 24 | |
| 25 | +jQuery('#hide-uploads').click(function(){ | |
| 26 | + jQuery('#hide-uploads').hide(); | |
| 27 | + jQuery('#show-uploads').show(); | |
| 28 | + jQuery('.upload').slideUp(); | |
| 29 | + return false; | |
| 30 | +}); | |
| 31 | + | |
| 32 | +jQuery('#show-uploads').click(function(){ | |
| 33 | + jQuery('#hide-uploads').show(); | |
| 34 | + jQuery('#show-uploads').hide(); | |
| 35 | + jQuery('.upload').slideDown(); | |
| 36 | + return false; | |
| 37 | +}); | |
| 38 | + | |
| 21 | 39 | function loadPublishedMedia() { |
| 22 | 40 | var parent_id = jQuery('#published-media #parent_id').val(); |
| 23 | 41 | var q = jQuery('#published-media #q').val(); | ... | ... |
public/stylesheets/application.css
| ... | ... | @@ -3415,6 +3415,10 @@ div.with_media_panel .formfield input[type="checkbox"] { |
| 3415 | 3415 | |
| 3416 | 3416 | } |
| 3417 | 3417 | |
| 3418 | +#media-upload-box .hide-and-show-uploads { | |
| 3419 | + text-align: center; | |
| 3420 | +} | |
| 3421 | + | |
| 3418 | 3422 | .text-editor-sidebar { |
| 3419 | 3423 | position: absolute; |
| 3420 | 3424 | width: 280px; | ... | ... |