Edit uploaded package

app/views/admin/designs/_form.html.erb

@@ -1,60 +1,24 @@
-<% content_for :page_specific_css do %>
-	<%= stylesheet_link_tag "design"  %>
-<% end %>
-<% content_for :page_specific_javascript do %>
-	<%= javascript_include_tag "design"  %>
+<%= form_for @design, :url => admin_design_path(@design), :html => {:class => 'form-horizontal'}, :remote => true do |f| %>
+  <%= f.error_messages %>
+  <div class="control-group">
+		<%= f.label :title, t('admin.title'), :class => "control-label" %>
+    <div class="controls">
+			<%= f.text_field :title %>
+    </div>
+  </div>
+  <div class="control-group">
+		<%= f.label :author, t('admin.author'), :class => "control-label" %>
+    <div class="controls">
+			<%= f.text_field :author %>
+    </div>
+  </div>
+  <div class="control-group">
+		<%= f.label :intro, t('admin.intro'), :class => "control-label" %>
+    <div class="controls">
+			<%= f.text_field :intro %>
+    </div>
+  </div>
+    <%= f.submit t('update') %>
 <% end %>
 
-<p>
-	<%= f.label :title, t('admin.title') %>
-	<%= f.text_field :title, :class => 'text'   %>
-</p>
-<p>
-	<%= f.label :author, t('admin.author') %>
-	<%= f.text_field :author, :class => 'text' %>
-</p>
 
-<p>
-	<%= f.label :intro, t('admin.intro') %>
-	<%= f.text_field :intro, :class => 'text' %>
-</p>
-
-<p>
-	<%= f.label "layout", t('admin.layout') %>
-	<% if @design.layout.blank? %>
-		<%= fields_for 'design[layout]' do |f| %>
-			<%= f.file_field :file %>
-			<%#= f.hidden_field :to_save, :value => true %>
-		<% end %>
-	<% else %>
-	  <%= File.basename (@design.layout.file.url)  %>
-	<% end %> 
-</p>
-<p>
-	<%= f.label "default_css", t('admin.default_css') %>
-	<% if @design.default_css.blank? %>
-		<%= fields_for 'design[default_css]' do |f| %>
-	    <%= f.file_field :file %>
-			<%#= f.hidden_field :to_save, :value => true %>
-		<% end %>
-	<% else %>
-	  <%= File.basename (@design.default_css.file.url) rescue "" %>
-	<% end %> 
-</p>
-<p>
-	<%= f.label :themes, t('admin.themes') %>
-	<ul>
-		<% @design.themes.each do |theme| %>
-			<%= render :partial => 'design_file', :object => theme, :locals => { :field_name => "themes", :f => f, :classes => "r_destroy, r_edit" } %>
-		<% end %>
-	</ul>
-	<%= render :partial => 'new_design_file', :object => @design.themes.build, :locals => { :field_name => "themes", :f => f, :classes => "r_destroy" } %>
-</p>
-
-<p>
-	<%#= render :partial => 'design_file', :locals => { :object => @design, :field_name => "javascripts", :f => f, :classes => "r_destroy, r_edit" } %>
-</p>
-
-<p>
-	<%#= render :partial => 'design_file', :locals => { :object => @design, :field_name => "images", :f => f, :classes => "r_destroy, r_snapshot" } %>
-</p>

app/views/admin/designs/_image.html.erb

@@ -0,0 +1,6 @@
+<tr>
+  <td><%= image.name %></td>
+  <td><%= image_tag image.file.thumb %></td>
+  <td><%= number_to_human_size(image.file.file.file_length) %></td>
+  <td><%= image.file.url %></td>
+</tr>

app/views/admin/designs/_images.html.erb

@@ -0,0 +1,40 @@
+<table id='image_list' class="table table-striped">
+  <thead>
+    <tr>
+      <th class="span1"><%= t(:name) %></th>
+      <th class="span1"><%= t(:image) %></th>
+      <th class="span1"><%= t(:size) %></th>
+      <th class="span4"><%= t(:url) %></th>
+    </tr>
+  </thead>
+  <tbody id="tbody_assets" class="sort-holder">
+    <%= render :partial => 'image', :collection => @design.images %>
+  </tbody>
+</table>
+
+
+<div class="modal hide fade" id="imageModal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+    <h3 id="imageModalLabel">Add image</h3>
+  </div>
+  <%= form_for :image, :url => upload_image_admin_design_path, :html => {:id => 'ajaxForm', :class => 'form-horizontal'}, :method => :post do |f| %>
+    <div class="modal-body">
+      <div class="control-group">
+        <%= f.label :image, t('admin.image'), :class => "control-label" %>
+        <div class="controls">
+          <%= f.file_field :file %>
+        </div>
+      </div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+      <%= f.submit t(:add), :class => "btn btn-primary" %>
+    </div>
+  <% end %>
+</div>
+
+
+<div class="form-actions form-fixed pagination-right">
+  <button class="btn btn-primary" href="#imageModal" data-toggle="modal"><%= t(:add) %></button>
+</div>

app/views/admin/designs/_tab_form.html.erb

@@ -0,0 +1,8 @@
+<%= form_for :file, :url => update_file_admin_design_path(:type => type, :object_id => object.id), :remote => true, :method => :post do |f| %>
+  <div id='post-body-content'>
+    <%= f.text_area :content, :class => 'middle', :value => object.file.read.force_encoding('UTF-8') %>
+  </div>
+  <div class="form-actions form-fixed pagination-right">
+    <button class="btn btn-primary"><%= t(:save) %></button>
+  </div>
+<% end %>

app/views/admin/designs/edit.html.erb

@@ -4,10 +4,40 @@
 
 <h1><%= t('admin.editing_design') %></h1>
 
-<%= form_for @design, :url => admin_design_path(@design),:html => {:multipart => true} do |f| %>
-  <%= f.error_messages %>
-  <%= render :partial => "form", :locals => { :f => f } %>
-  <p>
-    <%= f.submit t('update') %> <%= link_back %>
-  </p>
-<% end %>
+<ul class="nav nav-tabs" id="myTab">
+  <li class="active"><a href="#info" data-toggle="tab"><%= t('design.info') %></a></li>
+  <li><a href="#layout" data-toggle="tab"><%= @design.layout.name %></a></li>
+  <li><a href="#css_default" data-toggle="tab"><%= @design.css_default.name %></a></li>
+  <li><a href="#css_reset" data-toggle="tab"><%= @design.css_reset.name %></a></li>
+  <li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= t('design.themes') %> <b class="caret"></b></a>
+    <ul class="dropdown-menu">
+      <% @design.themes.each do |theme| %>
+        <li><a href="#<%= dom_id theme %>" data-toggle="tab"><%= theme.name %></a></li>
+      <% end %>
+    </ul>
+  </li>
+  <li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><%= t('design.javascripts') %> <b class="caret"></b></a>
+    <ul class="dropdown-menu">
+      <% @design.javascripts.each do |js| %>
+        <li><a href="#<%= dom_id js %>" data-toggle="tab"><%= js.name %></a></li>
+      <% end %>
+    </ul>
+  </li>
+  <li><a href="#images" data-toggle="tab"><%= t('design.images') %></a></li>
+</ul>
+ 
+<div class="tab-content">
+  <div class="tab-pane active" id="info"><%= render :partial => 'form' %></div>
+  <div class="tab-pane" id="layout"><%= render :partial => 'tab_form', :locals => {:type => :layout, :object => @design.layout} %></div>
+  <div class="tab-pane" id="css_default"><%= render :partial => 'tab_form', :locals => {:type => :css_default, :object => @design.css_default} %></div>
+  <div class="tab-pane" id="css_reset"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => @design.css_reset} %></div>
+  <% @design.themes.each do |theme| %>
+    <div class="tab-pane" id="<%= dom_id theme %>"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => theme} %></div>
+  <% end %>
+  <% @design.javascripts.each do |js| %>
+    <div class="tab-pane" id="<%= dom_id js %>"><%= render :partial => 'tab_form', :locals => {:type => :css_reset, :object => js} %></div>
+  <% end %>
+  <div class="tab-pane" id="images"><%= render :partial => 'images' %></div>
+</div>

app/views/admin/designs/update_file.js.erb

@@ -0,0 +1 @@
+// $('.modal').modal('hide')

app/views/admin/designs/upload_image.html.erb

@@ -0,0 +1,9 @@
+<% if !request.xhr? %>
+<textarea>
+<% end %>
+$('#image_list').append("<%= j render :partial => 'image', :object => @image %>");
+$('#imageModal').modal('hide');
+$('#ajaxForm').resetForm();
+<% if !request.xhr? %>
+</textarea>
+<% end %>