Added style show community.

app/assets/stylesheets/application.scss

@@ -9,6 +9,7 @@
 @import 'pages';
 @import 'legislation';
 @import 'legislation_process';
+@import 'community';
 @import 'custom';
 @import 'c3';
 @import 'annotator.min';

app/assets/stylesheets/community.scss

@@ -0,0 +1,50 @@
+.communities-show{
+  
+  .wide-order-selector{
+    margin-top: 0;
+  }
+
+  .panel{
+    background: #fff;
+    border: 1px solid;
+    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
+    border-radius: 0;
+    box-shadow: 0 1px 3px 0 #dee0e3;
+    margin-bottom: 0.75rem;
+    min-height:7rem;
+    padding: 0.75rem 0.75rem 0;
+  }
+
+  .panel {
+    h3{
+      font-weight: bold;
+      margin-top: $line-height / 2;
+    }
+
+    a {
+      color: $text;
+    }
+    .nopadding{
+      padding: 0;
+    }
+    .button{
+      margin-top: $line-height;
+    }
+
+    .topic-info{
+
+      color: #515151;
+      font-size: 0.875rem;
+      margin: 0.375rem 0 0;
+
+      .icon-comments {
+        font-size: rem-calc(16);
+        vertical-align: top;
+      }
+
+      a {
+        color: $text-medium;
+      }
+    }
+  }
+}

app/views/topics/_form.html.erb

@@ -4,14 +4,13 @@
 
   <div class="row">
     <div class="small-12 column">
-      <%= f.label :title, t("topic.form.topic_title") %>
+      <%= f.label :title, t("community.topic.form.topic_title") %>
-      <%= f.text_field :title %>
+      <%= f.text_field :title, label: false %>
-      <%= f.label :description_as_comment, t("topic.form.topic_description_as_comment") %>
-      <%= f.text_area :description_as_comment, maxlength: Comment.body_max_length %>
     </div>
 
     <div class="actions small-12 column">
-      <%= f.submit(class: "button", value: t("topic.#{action_name}.form.submit_button")) %>
+      <%= f.submit(class: "button", value: t("community.topic.form.submit_button")) %>
+      <%#= f.submit(class: "button", value: t("community.topic.#{action_name}.form.submit_button")) %>
     </div>
   </div>
 <% end %>

app/views/topics/_topics.html.erb

@@ -1,20 +1,43 @@
-<div class="order">
+<div class="row column">
-  Ordenar por:
+  <div class="order">
+    <div class="wide-order-selector small-12 medium-8">
+      <form>
+        <div class="small-12 medium-8 float-left">
+          <label for="order-selector-participation">
+            Ordenar por:
+          </label>
+        </div>
+
+        <div class="small-12 medium-4 float-left">
+          <select class="js-location-changer js-order-selector select-order">
+            <option>Value 1</option>
+            <option>Value 2</option>
+          </select>
+        </div>
+      </form>
+    </div>
+  </div>
 </div>
 
 <% if topics.any? %>
   <% topics.each do |topic| %>
-    <div id="<%= dom_id(topic) %>">
+    <div id="<%= dom_id(topic) %>" class="panel">
-      <%= link_to topic.title, community_topic_path(@community, topic) %>
+      <div class="small-12 medium-11 column">
-      <p class="topic-info">
+        <h3><%= link_to topic.title, community_topic_path(@community, topic) %></h3>
-        <%= link_to t("proposals.proposal.comments", count: topic.comments_count), community_topic_path(@community, topic, anchor: "comments") %>
+        <p class="topic-info">
-        <%= topic.author.name %>
+          <span class="icon-comments"></span>&nbsp;
-        <%= I18n.l topic.created_at %>
+          <%= link_to t("proposals.proposal.comments", count: topic.comments_count), community_topic_path(@community, topic, anchor: "comments") %>
-      </p>
+          <span class="bullet">&nbsp;&bull;&nbsp;</span>
-
+          <%= I18n.l topic.created_at.to_date %>
-      <% if topic.author == current_user %>
+          <span class="bullet">&nbsp;&bull;&nbsp;</span>
-        <%= link_to t("topic.edit"), edit_community_topic_path(@community.id, topic), class: 'button expanded' %>
+          <%= topic.author.name %>
-      <% end %>
+        </p>
+      </div>
+      <div class="small-12 medium-1 column text-center nopadding">
+        <% if topic.author == current_user %>
+          <%= link_to t("community.topic.edit_button"), edit_community_topic_path(@community.id, topic), class: 'button small hollow' %>
+        <% end %>
+      </div>
     </div>
   <% end %>
 <% else %>

app/views/topics/edit.html.erb

@@ -1,10 +1,18 @@
 <div class="topic-form row">
 
-  <div class="small-12 column">
+  <div class="small-12 medium-9 column">
     <%= render "shared/back_link" %>
-
     <h1><%= t("topic.edit.editing") %></h1>
-
     <%= render "form" %>
   </div>
+
+  <div class="small-12 medium-3 column">
+    <span class="icon-proposals float-right"></span>
+    <h2><%= t("community.sidebar.topic.recommendations_title") %></h2>
+    <ul class="recommendations">
+      <li><%= t("community.sidebar.topic.recommendation_one") %></li>
+      <li><%= t("community.sidebar.topic.recommendation_two") %></li>
+      <li><%= t("community.sidebar.topic..recommendation_three") %></li>
+    </ul>
+  </div>
 </div>

app/views/topics/new.html.erb

@@ -1,13 +1,20 @@
 <div class="topic-new row">
   <div class="small-12 medium-9 column">
     <%= render "shared/back_link" %>
-    <h1><%= t("topic.create") %></h1>
+    <h1><%= t("community.topic.create") %></h1>
 
     <%= render '/topics/form' %>
     <%#= render '/topics/form', form_url: budget_investments_path(@budget) %>
   </div>
-  <div class="small-12 medium-9 column">
+
-    Recomendaciones para crear un tema
+  <div class="small-12 medium-3 column">
+    <span class="icon-proposals float-right"></span>
+    <h2><%= t("community.sidebar.topic.recommendations_title") %></h2>
+    <ul class="recommendations">
+      <li><%= t("community.sidebar.topic.recommendation_one") %></li>
+      <li><%= t("community.sidebar.topic.recommendation_two") %></li>
+      <li><%= t("community.sidebar.topic..recommendation_three") %></li>
+    </ul>
   </div>
 
 </div>

config/locales/es/community.yml

@@ -4,7 +4,21 @@ es:
       title: Comunidad
       description: Partecipa a la comunidad de usuarios, da tu opinión.
       button_to_access: Acceder a la comunidad
+      topic:
+        title: Participa
+        new_topic: Crea un tema
+        recommendations_title: Recomendaciones para crear un tema
+        recommendation_one: No escribas el título del tema o frases enteras en mayúsculas. En internet eso se considera gritar. Y a nadie le gusta que le griten.
+        recommendation_two: Cualquier tema o comentario que implique una acción ilegal será eliminada, también las que tengan la intención de sabotear los espacios del tema, todo lo demás está permitido.
+        recommendation_three: Disfruta de este espacio, de las voces que lo llenan, también es tuyo
 
     show:
       title: Comunidad de usuarios
       description: Participa en la comunidad de esta propuesta
+
+    topic:
+      create: Crear un tema
+      edit_button: Editar
+      form:
+        topic_title: Titulo del tema
+        submit_button: Crear tema