Adds styles for management pages

app/assets/fonts/icons.svg

@@ -40,4 +40,5 @@
 <glyph unicode="&#70;" d="M402 247l0-92c0-22-8-42-24-58-16-16-35-24-58-24l-238 0c-22 0-42 8-58 24-16 16-24 36-24 58l0 238c0 23 8 42 24 58 16 16 36 24 58 24l201 0c3 0 5 0 7-2 2-2 3-4 3-7l0-18c0-3-1-5-3-7-2-1-4-2-7-2l-201 0c-12 0-23-5-32-14-9-9-13-19-13-32l0-238c0-12 4-23 13-32 9-9 20-13 32-13l238 0c13 0 23 4 32 13 9 9 14 20 14 32l0 92c0 3 1 5 2 6 2 2 4 3 7 3l18 0c3 0 5-1 7-3 1-1 2-3 2-6z m110 247l0-147c0-5-2-9-5-12-4-4-8-6-13-6-5 0-10 2-13 6l-50 50-187-186c-2-2-4-3-6-3-3 0-5 1-7 3l-32 32c-2 2-3 4-3 7 0 2 1 4 3 6l186 187-50 50c-4 3-6 8-6 13 0 5 2 9 6 13 3 3 7 5 12 5l147 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
 <glyph unicode="&#68;" d="M438 99c14 0 25 11 25 26l0 262c0 15-11 26-25 26l-364 0c-14 0-25-11-25-26l0-262c0-15 11-26 25-26z m-26 51l-312 0 0 212 312 0z m-80 105l-61-36-62-35 0 141 62-35z"/>
 <glyph unicode="&#71;" d="M411 448l0 0 0 21c0 4-4 8-9 8l-168 0-133-132 0-302c0-4 4-8 9-8l292 0c5 0 9 4 9 8l0 13 0 0z m-259-362l0 241 91 0c5 0 9 4 9 9l0 90 108 0 0-340z"/>
+<glyph unicode="&#72;" d="M463 332c0 5-4 9-9 9l-67 0 0 110c0 5-5 10-10 10l-242 0c-5 0-10-5-10-10l0-110-67 0c0 0 0 0 0 0-5 0-9-4-9-9l0 0 0-188c0-5 4-10 9-10l67 0 0 79 262 0 0-79 67 0c5 0 9 5 9 10l0 188z m-102-33l-210 0 0 127c0 5 4 9 9 9l192 0c5 0 9-4 9-9l0-127z m-209-238c0-5 4-10 9-10l190 0c5 0 9 5 9 10l0 126-208 0z"/>
 </font></defs></svg>

app/assets/stylesheets/admin.scss

@@ -307,3 +307,16 @@ body.admin {
     }
   }
 }
+
+.account-info, .login-as {
+  background-color: #e7e7e7;
+  border-radius: rem-calc(3);
+  font-size: rem-calc(16);
+  font-weight: normal;
+  margin-bottom: rem-calc(12);
+  padding: rem-calc(6) rem-calc(12);
+
+  strong {
+    font-size: rem-calc(18);
+  }
+}

app/assets/stylesheets/icons.scss

@@ -136,3 +136,6 @@
 .icon-document:before {
   content: "G";
 }
+.icon-print:before {
+  content: "H";
+}

app/assets/stylesheets/print.css

@@ -0,0 +1,44 @@
+/* Styles for print */
+
+/* Print proposals */
+
+.top-links, .tags a, .supports, .label-proposal,
+#print_link, .admin-sidebar, img.left, .proposal-info a,
+.icon-comments, .menu-icon, .icon-proposals, li.name span,
+p.proposal-info span:nth-child(3) {
+  display: none !important;
+}
+
+.select-order {
+  border: 0;
+  font-size: 24px;
+  font-weight: bold;
+  margin-left: -12px;
+}
+
+p.proposal-info {
+  margin-left: -6px;
+}
+
+a {
+  text-decoration: none !important;
+}
+
+a:after {
+  content: none !important;
+}
+
+.proposal .panel, .proposal .panel .proposal-content,
+.proposal .panel h3 {
+  min-height: auto !important;
+}
+
+.proposal .panel .proposal-description {
+  height: auto;
+}
+
+.proposal .panel {
+  border-left: 0 !important;
+  border-right: 0 !important;
+  border-top: 0 !important;
+}

app/views/layouts/management.html.erb

@@ -6,7 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title><%= content_for?(:title) ? yield(:title) : "Admin" %></title>
-    <%= stylesheet_link_tag    "application" %>
+    <%= stylesheet_link_tag  "application", media: "all" %>
+    <%= stylesheet_link_tag  "print", media: "print" %>
     <%= javascript_include_tag "vendor/modernizr" %>
     <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
     <%= content_for :head %>
@@ -42,9 +43,7 @@
         <%= render "/management/menu" %>
       </div>
 
-      <section class="top-bar-section">
+      <%= render "management/account_info" %>
-        <%= render "management/account_info" %>
-      </section>
 
       <div class="admin-content small-12 medium-9 column">
         <% if notice %>

app/views/management/_account_info.html.erb

@@ -1,25 +1,29 @@
 <% if managed_user.document_number.present? %>
-  <span class="account-info right">
+  <section class="small-12 medium-9 column margin-top">
-    <% if managed_user.level_two_or_three_verified? %>
+    <div class="account-info">
-      <%= t("management.account_info.identified_label") %>
-    <% end %>
 
-    <% if managed_user.username.present? %>
+      <%= link_to(t("management.account_info.logout"), logout_management_users_path, method: :delete, class: 'right') %>
-      <%= t("management.account_info.username_label") %>
-      <strong><%= managed_user.username %></strong>
-    <% end %>
 
-    <% if managed_user.email.present? %>
+      <% if managed_user.level_two_or_three_verified? %>
-      <%= t("management.account_info.email_label") %>
+        <p><%= t("management.account_info.identified_label") %></p>
-      <strong><%= managed_user.email %></strong>
+      <% end %>
-    <% end %>
 
-    <%= t("management.account_info.document_type_label") %>
+      <% if managed_user.username.present? %>
-    <strong><%= humanize_document_type(managed_user.document_type) %></strong>
+        <p><%= t("management.account_info.username_label") %>
+        <strong><%= managed_user.username %></strong></p>
+      <% end %>
 
-    <%= t("management.account_info.document_number_label") %>
+      <% if managed_user.email.present? %>
-    <strong><%= managed_user.document_number %></strong>
+        <p><%= t("management.account_info.email_label") %>
+        <strong><%= managed_user.email %></strong></p>
+      <% end %>
 
-      <%= link_to(t("management.account_info.logout"), logout_management_users_path, method: :delete) %>
+      <p><%= t("management.account_info.document_type_label") %>
-  </span>
+      <strong><%= humanize_document_type(managed_user.document_type) %></strong>
+
+      <p><%= t("management.account_info.document_number_label") %>
+      <strong><%= managed_user.document_number %></strong></p>
+    </span>
+  </section>
 <% end %>
+

app/views/management/_menu.html.erb

@@ -8,7 +8,7 @@
                               controller_name == "email_verifications" ||
                               controller_name == "users" %>>
       <%= link_to management_document_verifications_path do %>
-        <i class="icon-tag"></i>
+        <i class="icon-user"></i>
         <%= t("management.menu.users") %>
       <% end %>
     </li>

app/views/management/proposals/print.html.erb

@@ -1,19 +1,15 @@
 <section id="printme" role="main">
-  <a id="print_link" onclick="print();" class="button warning radius">
+  <div class="row">
-    <%= t('management.proposals.print.print_button') %>
+    <div id="proposals" class="proposals-list small-12 column">
-  </a>
+      <a id="print_link" href="javascript:window.print(); void 0;" class="button warning radius right">
-  <div class="wrap row">
+        <%= t('management.proposals.print.print_button') %>
-    <div id="proposals" class="proposals-list small-12 medium-9 column">
+      </a>
 
       <div class="filters">
-        <div class="small-12 medium-7 left">
+        <h2 class="inline-block">
-          <div class="small-12 inline-block">
+          <%= t("proposals.index.select_order_long") %>
-            <h2 class="inline-block">
+        </h2>
-              <%= t("proposals.index.select_order_long") %>
+        <%= render 'shared/order_selector', i18n_namespace: "proposals.index" %>
-            </h2>
-            <%= render 'shared/order_selector', i18n_namespace: "proposals.index" %>
-          </div>
-        </div>
       </div>
 
       <%= render @proposals %>
@@ -21,15 +17,3 @@
     </div>
   </div>
 </section>
-
-
-<script type="text/javascript">
-  function print(){
-    var object=document.getElementById('printme');
-    var browser=window.open('','_blank');
-    browser.document.write(object.innerHTML);
-    browser.document.close();
-    browser.print();
-    browser.close();
-  }
-</script>

config/initializers/assets.rb

@@ -11,4 +11,5 @@ Rails.application.config.assets.version = '1.0'
 # Rails.application.config.assets.precompile += %w( search.js )
 Rails.application.config.assets.precompile += %w( ckeditor/* )
 Rails.application.config.assets.precompile += %w( rem.min.js, respond.min.js )
-Rails.application.config.assets.precompile += %w( stat_graphs.js )
+Rails.application.config.assets.precompile += %w( stat_graphs.js )
+Rails.application.config.assets.precompile += %w( print.css )