consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adds comments filter for debates and proposals

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2015-10-28 11:30:11 +01:00
committed by kikito
parent f917c21c2a
commit 82eb0bd902
3 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/layout.scss
View File

@@ -1937,6 +1937,25 @@ table {
opacity: 0.4; opacity: 0.4;
} }
.filter-comments {
float: none;
margin-top: 0;
@media (min-width: $small-breakpoint) {
float: right;
margin-top: rem-calc(-24);
}
label {
padding-right: rem-calc(12);
float: none;
@media (min-width: $small-breakpoint) {
float: right;
}
}
}
// 19. Flags // 19. Flags
// - - - - - - - - - - - - - - - - - - - - - - - - - // - - - - - - - - - - - - - - - - - - - - - - - - -

17
app/views/debates/_comments.html.erb
View File

@@ -7,6 +7,23 @@
<span class="js-comments-count">(<%= @debate.comments_count %>)</span> <span class="js-comments-count">(<%= @debate.comments_count %>)</span>
</h2> </h2>
<!-- Filter for comments -->
<div class="filter-comments small-12 medium-8">
<form>
<div class="small-12 medium-8 left">
<label for="order-selector-participation"><%= t("debates.index.select_order") %></label>
</div>
<div class="small-12 medium-4 left">
<select class="js-location-changer js-order-selector select-order" data-order="<%= @current_order %>" name="order-selector" id="order-selector-participation">
<option>Más votados</option>
<option>Más nuevos</option>
<option>Aleatorios</option>
</select>
</div>
</form>
</div>
<!-- /. Filter for comments -->
<% if user_signed_in? %> <% if user_signed_in? %>
<%= render 'comments/form', {commentable: @debate, parent_id: nil, toggeable: false} %> <%= render 'comments/form', {commentable: @debate, parent_id: nil, toggeable: false} %>
<% else %> <% else %>

18
app/views/proposals/_comments.html.erb
View File

@@ -2,11 +2,29 @@
<section class="row-full comments"> <section class="row-full comments">
<div class="row"> <div class="row">
<div id="comments" class="small-12 column"> <div id="comments" class="small-12 column">
<h2> <h2>
<%= t("proposals.show.comments_title") %> <%= t("proposals.show.comments_title") %>
<span class="js-comments-count">(<%= @proposal.comments_count %>)</span> <span class="js-comments-count">(<%= @proposal.comments_count %>)</span>
</h2> </h2>
<!-- Filter for comments -->
<div class="filter-comments small-12 medium-8">
<form>
<div class="small-12 medium-8 left">
<label for="order-selector-participation"><%= t("debates.index.select_order") %></label>
</div>
<div class="small-12 medium-4 left">
<select class="js-location-changer js-order-selector select-order" data-order="<%= @current_order %>" name="order-selector" id="order-selector-participation">
<option>Más votados</option>
<option>Más nuevos</option>
<option>Aleatorios</option>
</select>
</div>
</form>
</div>
<!-- /. Filter for comments -->
<% if user_signed_in? %> <% if user_signed_in? %>
<%= render 'comments/form', {commentable: @proposal, parent_id: nil, toggeable: false} %> <%= render 'comments/form', {commentable: @proposal, parent_id: nil, toggeable: false} %>
<% else %> <% else %>