Added totals counter

Added totals counter to dashboard header

app/assets/stylesheets/proposal.scss

@@ -106,6 +106,56 @@
     }
   }
 
+  .proposal-totals {
+    padding: 0;
+
+    .column {
+      padding: 1.5rem;
+
+    }
+
+    .column:first-child {
+      border-right: 1px solid lightgray;
+      display: flex;
+      align-items: stretch;
+      justify-content: center;
+    }
+
+    .counter {
+      flex-grow: 1;
+      padding-left: 10pt;
+      padding-right: 10pt;
+
+      .counter-value {
+        font-size: 1.2rem;
+        font-weight: bold;
+        text-align: center;
+      }
+
+      .counter-label {
+        color: #c5c5c5;
+        font-weight: bold;
+        text-align: center;
+      }
+    }
+
+    .counter:first-child {
+      padding-left: 0;
+
+      .counter-value {
+        color: #ffac38;
+      }
+
+      .counter-label {
+        color: #ffac38;
+      }
+    }
+
+    .counter:not(:last-child) {
+      border-right: 1px solid lightgray;
+    } 
+  }  
+
   .proposal-title {
     display: flex;
     align-items: flex-start;

app/views/layouts/dashboard/_proposal_totals.html.erb

@@ -0,0 +1,26 @@
+<div class="callout proposal-totals">
+  <div class="row">
+    <div class="column large-4">
+      <div class="counter">
+        <div class="counter-value"><%= proposal.votes_for.size %></div>
+        <div class="counter-label"><%= t('.supports') %></div>
+      </div>
+
+      <div class="counter">
+        <div class="counter-value">
+          <%= ProposalDashboardAction.active.resources.active_for(proposal).count %>
+          /
+          <%= ProposalDashboardAction.active.resources.count %>
+        </div>
+        <div class="counter-label"><%= t('.active_resources') %></div>
+      </div>
+
+      <div class="counter">
+        <div class="counter-value">0</div>
+        <div class="counter-label"><%= t('.community') %></div>
+      </div> 
+    </div>
+    <div class="column large-8">
+    </div>
+  </div>
+</div>

app/views/layouts/proposals_dashboard.html.erb

@@ -57,6 +57,7 @@
             </div>
             <div class="admin-content small-12 medium-9 column" data-equalizer-watch>
               <%= render partial: 'layouts/flash' %>
+              <%= render partial: 'layouts/dashboard/proposal_totals' %>
               <%= render partial: 'layouts/dashboard/proposal_header' %>
               <%= yield %>
             </div>

config/locales/en/general.yml

@@ -207,6 +207,10 @@ en:
         published: Published
         draft: Draft
         retired: Retired
+      proposal_totals:
+        supports: Supports
+        active_resources: Active resources
+        community: Community
     footer:
       accessibility: Accessibility
       conditions: Terms and conditions of use

config/locales/es/general.yml

@@ -207,6 +207,10 @@ es:
         published: Publicada
         draft: Borrador
         retired: Retirada
+      proposal_totals:
+        supports: Apoyos
+        active_resources: Recursos activos
+        community: Comunidad
     footer:
       accessibility: Accesibilidad
       conditions: Condiciones de uso