[media-panel-improvements] Published media box

Rodrigo Souto
1 parent 231ad8a0
Showing 6 changed files with 49 additions and 11 deletions Show diff stats
app/controllers/my_profile/cms_controller.rb
app/views/cms/_text_editor_sidebar.html.erb
app/views/cms/media_panel/_generic.html.erb
app/views/cms/media_panel/_image.html.erb
app/views/cms/media_upload.js.erb
public/stylesheets/application.css
@@ -322,8 +322,8 @@ class CmsController &lt; MyProfileController
     if request.post?
       @file = UploadedFile.create(:uploaded_data => params[:file], :profile => profile, :parent => parent) unless params[:file] == ''
     end
+    @file = FilePresenter.for(@file)
     #render :text => article_list_to_json([file]), :content_type => 'text/plain'
-    render :text => ''
   end
   protected
@@ -19,13 +19,21 @@
         <p><%= file_field_tag('file', :multiple => true) %></p>
       <% end %>
     </div>
-    <div id='media-upload-results' style='display: none'>
-      <%= render :partial => 'drag_and_drop_note' %>
-      <div class='items'>
+  </div>
+
+  <div id='published-media' class='text-editor-sidebar-box'>
+    <div class='header'><strong><%= _('Published media') %></strong></div>
+    <%= render :partial => 'drag_and_drop_note' %>
+    <div class='items'>
+      <div class='images'>
+        <h3><%= _('Images') %></h3>
+      </div>
+      <div class='generics'>
+        <h3><%= _('Files') %></h3>
       </div>
-      <p><%= link_to(_('Upload more files ...'), '#', :id => 'media-upload-more-files')%></p>
     </div>
   </div>
+
   <div id='media-search-box' class='text-editor-sidebar-box'>
     <div class='header'><strong><%= _('Media search') %></strong></div>
     <p>
@@ -0,0 +1,5 @@
+<div class="item file <%= icon_for_article(@file) %>" data-item="div">
+  <div>
+    <a href="<%= url_for(@file.url) %>"><%= @file.title %></a>
+  </div>
+</div>
@@ -0,0 +1,9 @@
+<div class="item image" data-item="span">
+  <span>
+    <img src="<%= @file.public_filename(:uploaded) %>"/>
+  </span>
+  <div class="controls image-controls">
+    <a class="button icon-add add-to-text" href="#"><span><%= _('Add to the text') %></span></a>
+    <a class="button icon-zoom zoom" href="#" title="<%= _('Zoom in') %>"><span><%= _('Zoom in') %></span></a>
+  </div>
+</div>
@@ -0,0 +1,7 @@
+<% if @file.valid? %>
+  <% klass = @file.class.name.split('::').last.to_css_class %>
+  jQuery("#published-media .items .<%= klass.pluralize %>").append("<%= j render :partial => "cms/media_panel/#{klass}" %>");
+  jQuery("#published-media .items .<%= klass.pluralize %>").show();
+<% else %>
+  alert("Failed to upload file: <%= j @file.errors.full_messages.join(', ').html_safe %>");
+<% end %>
@@ -3384,21 +3384,25 @@ div.with_media_panel .formfield input[type=&quot;checkbox&quot;] {
   padding-bottom: 5px;
 }
-.upload {
+#media-upload-form .upload {
   border-top: solid 1px #CCC;
   width: 100%;
   padding-top: 5px;
   margin-top: 5px;
 }
-.percentage {
+#media-upload-form .percentage {
   float: right;
 }
-.bar {
-  height: 18px;
+#media-upload-form .bar {
+  height: 10px;
   background: #729fcf;
-  border-radius: 4px;
+  border-radius: 3px;
+}
+
+#media-upload-form input#file {
+  width: 100%;
 }
 .text-editor-sidebar {
@@ -3437,6 +3441,11 @@ div.with_media_panel .formfield input[type=&quot;checkbox&quot;] {
   margin-bottom: 10px;
 }
+#published-media .items .images,
+#published-media .items .generics {
+  display: none;
+}
+
 .text-editor-sidebar .items .file {
   background-repeat: no-repeat;
   background-position: 0px 0px;
@@ -3487,7 +3496,7 @@ div.with_media_panel .formfield input[type=&quot;checkbox&quot;] {
 }
 .text-editor-sidebar img {
  max-height: 70px;
- max-width: 110px;
+ max-width: 74px;
 }
 .text-editor-sidebar .media-upload-error {
   color: red;
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+<div class="item file <%= icon_for_article(@file) %>" data-item="div">
	2	+ <div>
	3	+ <a href="<%= url_for(@file.url) %>"><%= @file.title %></a>
	4	+ </div>
	5	+</div>
@@ -0,0 +1,9 @@		@@ -0,0 +1,9 @@
	1	+<div class="item image" data-item="span">
	2	+ <span>
	3	+ <img src="<%= @file.public_filename(:uploaded) %>"/>
	4	+ </span>
	5	+ <div class="controls image-controls">
	6	+ <a class="button icon-add add-to-text" href="#"><span><%= _('Add to the text') %></span></a>
	7	+ <a class="button icon-zoom zoom" href="#" title="<%= _('Zoom in') %>"><span><%= _('Zoom in') %></span></a>
	8	+ </div>
	9	+</div>
@@ -0,0 +1,7 @@		@@ -0,0 +1,7 @@
	1	+<% if @file.valid? %>
	2	+ <% klass = @file.class.name.split('::').last.to_css_class %>
	3	+ jQuery("#published-media .items .<%= klass.pluralize %>").append("<%= j render :partial => "cms/media_panel/#{klass}" %>");
	4	+ jQuery("#published-media .items .<%= klass.pluralize %>").show();
	5	+<% else %>
	6	+ alert("Failed to upload file: <%= j @file.errors.full_messages.join(', ').html_safe %>");
	7	+<% end %>