Edit uploaded package

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>