Adds styles to proposals summary

app/assets/stylesheets/participation.scss

@@ -794,6 +794,13 @@
   }
 }
 
+.proposals-summary {
+
+  .panel {
+    min-height: 0;
+  }
+}
+
 // 05. Featured
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 

app/views/proposals/_popular.html.erb

@@ -0,0 +1,4 @@
+<div class="sidebar-divider"></div>
+<h3 class="sidebar-title"><%= t("proposals.index.top") %></h3>
+<br>
+<%= link_to t("proposals.index.top_link"), "/proposals/summary", class: "small" %>

app/views/proposals/index.html.erb

@@ -56,6 +56,7 @@
         <%= render "shared/tag_cloud", taggable: 'proposal' %>
         <%= render 'categories' %>
         <%= render 'geozones' %>
+        <%= render 'popular' %>
       </aside>
     </div>
 

app/views/proposals/summary.html.erb

@@ -1,14 +1,57 @@
 <section role="main">
-  <div class="wrap row">
-    <div id="proposals" class="proposals-list small-12 medium-9 column">
+  <div class="wrap row proposals-summary">
+    <div id="proposals" class="proposals-list small-12 medium-9 column margin-top">
+
+      <%= link_to :back, class: 'back left' do %>
+        <i class="icon-angle-left left"></i>
+        <%= t("proposals.show.back_link") %>
+      <% end %>
+
       <% @proposals.each do |group_name, proposals| %>
-        <div><strong><%= group_name %></strong></div><br/>
+
+        <h2 class="margin-top"><%= group_name %></h2>
 
         <% proposals[0..2].each do |proposal| %>
-          <div><strong><%= proposal.title %></strong></div>
-          <div><%= proposal.description %></div>
+          <div class="proposal clear">
+            <div class="panel">
+              <div class="row">
+                <div class="small-12 medium-9 column">
+                  <div class="proposal-contenta">
+                    <h3><%= link_to proposal.title, namespaced_proposal_path(proposal) %></h3>
+
+                    <p class="proposal-info">
+                      <% if proposal.author.hidden? || proposal.author.erased? %>
+                        <span class="author"><%= t("proposals.show.author_deleted") %></span>
+                      <% else %>
+                        <span class="author"><%= proposal.author.name %></span>
+                        <% if proposal.author.official? %>
+                          <span class="label round level-<%= proposal.author.official_level %>">
+                            <%= proposal.author.official_position %>
+                          </span>
                         <% end %>
                       <% end %>
+                    </p>
+
+                    <div class="proposal-description">
+                      <%= link_to proposal.description, namespaced_proposal_path(proposal) %>
+                      <div class="truncate"></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        <% end %>
+      <% end %>
+    </div>
+
+    <div class="small-12 medium-3 column">
+      <aside class="sidebar" role="complementary">
+        <%= link_to t("proposals.index.start_proposal"), new_proposal_path, class: 'button radius expand' %>
+        <%#= render "shared/tag_cloud", taggable: 'proposal' %>
+        <%#= render 'categories' %>
+        <%= render 'geozones' %>
+      </aside>
     </div>
   </div>
 </section>

config/locales/en.yml

@@ -301,6 +301,8 @@ en:
       select_order_long: 'You are viewing proposals according to:'
       start_proposal: Create a proposal
       title: Proposals
+      top: Weekly selection
+      top_link: See the best proposals
     new:
       back_link: Go back
       form:

config/locales/es.yml

@@ -302,6 +302,8 @@ es:
       select_order_long: Estas viendo las propuestas
       start_proposal: Crea una propuesta
       title: Propuestas ciudadanas
+      top: Selección semanal
+      top_link: Ver las mejores propuestas
     new:
       back_link: Volver
       form: