From 1681e6671b1e3a165e6c1b787d8430b00fa5cd9a Mon Sep 17 00:00:00 2001
From: rulingcom <rulingcom@tp.rulingcom.com>
Date: Thu, 31 Jul 2014 20:50:06 +0800
Subject: [PATCH] update design for authorization module

---
 app/assets/stylesheets/lib/checkbox-card.css  | 17 ++++++++-
 app/views/admin/authorizations/index.html.erb | 35 ++++++++++++-------
 2 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/lib/checkbox-card.css b/app/assets/stylesheets/lib/checkbox-card.css
index 74e3ca5..5b4857f 100644
--- a/app/assets/stylesheets/lib/checkbox-card.css
+++ b/app/assets/stylesheets/lib/checkbox-card.css
@@ -17,8 +17,23 @@
 .mini-layout .mini-layout-sidebar .pane {
 	right: 0px;
 }
+.mini-layout .nav-tabs {
+	margin-bottom: 0;
+}
+.mini-layout .tab-pane {
+	padding: 20px 10px;
+	background-color: #fff;
+	border: 1px solid #ddd;
+	border-top: none;
+}
+.mini-layout .tab-pane-head {
+	border-bottom: 1px solid #ddd;
+}
+.mini-layout .tab-pane-head select {
+	margin: 5px;
+}
 .checkbox-card {
-	margin: 0;
+	margin: 1em 0 0;
 }
 .checkbox-card li {
 	position: relative;
diff --git a/app/views/admin/authorizations/index.html.erb b/app/views/admin/authorizations/index.html.erb
index 055c78b..94abdd8 100644
--- a/app/views/admin/authorizations/index.html.erb
+++ b/app/views/admin/authorizations/index.html.erb
@@ -16,18 +16,29 @@
   </div>
 
   <div class="mini-layout-body span10">
-   <%= link_to t(:module_authorization), admin_authorizations_path(@module_app.key) if @module_app.authorizable %>
-    <% @module_app.authorizable_models.each do |authorizable_model| %>
-      <%= link_to (authorizable_model.eql?('Category') ? t(:category_auth) : "#{authorizable_model.underscore.humanize.capitalize} #{t(:authorization_)}"), admin_authorizations_path(@module_app.key, type: "#{authorizable_model.underscore}_authorization") %>
-    <% end %>
-    <% if @error %>
-      <%= @error %>
-    <% else %>
-      <%= select_tag @type.underscore.humanize, options_from_collection_for_select(@objects, "id", "title", @object.id), :onchange => "window.location.href = '/admin/authorizations/'+'#{@module_app.key}/#{@type}/'+$(this).val();" if @objects %>
-      <ul id="card-list" class="checkbox-card clearfix">
-        <%= render partial: 'user', collection: @authorizations %>
-      </ul>
-    <% end %>
+    <ul class="nav nav-tabs">
+      <li class="active">
+        <%= link_to t(:module_authorization), admin_authorizations_path(@module_app.key), :class => "active" if @module_app.authorizable %>
+      </li>
+      <li>
+        <% @module_app.authorizable_models.each do |authorizable_model| %>
+          <%= link_to (authorizable_model.eql?('Category') ? t(:category_auth) : "#{authorizable_model.underscore.humanize.capitalize} #{t(:authorization_)}"), admin_authorizations_path(@module_app.key, type: "#{authorizable_model.underscore}_authorization") %>
+        <% end %>
+      </li>
+    </ul>
+    <div class="tab-pane">
+      <% if @error %>
+        <%= @error %>
+      <% else %>
+        <div class="tab-pane-head clearfix">
+          <h4 class="pull-left">Title</h4>
+          <%= select_tag @type.underscore.humanize, options_from_collection_for_select(@objects, "id", "title", @object.id), :class => "pull-right", :onchange => "window.location.href = '/admin/authorizations/'+'#{@module_app.key}/#{@type}/'+$(this).val();" if @objects %>
+        </div>
+        <ul id="card-list" class="checkbox-card clearfix">
+          <%= render partial: 'user', collection: @authorizations %>
+        </ul>
+      <% end %>
+    </div>
   </div>
 </div>