diff --git a/.gitignore b/.gitignore
index 339f1eb5e..5dbf23b01 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,4 @@
# Mac finder artifacts
.DS_Store
+.ruby-gemset
diff --git a/Gemfile b/Gemfile
index de35b0b26..f1b251db4 100644
--- a/Gemfile
+++ b/Gemfile
@@ -52,7 +52,7 @@ group :development, :test do
gem 'fuubar'
gem 'launchy'
gem 'quiet_assets'
- gem 'letter_opener_web', '~> 1.2.0'
+ gem 'letter_opener_web', '~> 1.3.0'
gem 'i18n-tasks'
gem 'capistrano', '3.4.0', require: false
gem "capistrano-bundler", '1.1.4', require: false
diff --git a/Gemfile.lock b/Gemfile.lock
index 2753c16ba..deed6bc4f 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -62,8 +62,7 @@ GEM
debug_inspector (>= 0.0.1)
browser (0.9.1)
builder (3.2.2)
- byebug (5.0.0)
- columnize (= 0.9.0)
+ byebug (6.0.2)
cancancan (1.12.0)
capistrano (3.4.0)
i18n
@@ -100,7 +99,6 @@ GEM
execjs
coffee-script-source (1.9.1.1)
colorize (0.7.7)
- columnize (0.9.0)
coveralls (0.8.2)
json (~> 1.8)
rest-client (>= 1.6.8, < 2)
@@ -179,9 +177,10 @@ GEM
addressable (~> 2.3)
letter_opener (1.4.1)
launchy (~> 2.2)
- letter_opener_web (1.2.3)
+ letter_opener_web (1.3.0)
+ actionmailer (>= 3.2)
letter_opener (~> 1.0)
- rails (>= 3.2)
+ railties (>= 3.2)
loofah (2.0.2)
nokogiri (>= 1.5.9)
mail (2.6.3)
@@ -362,7 +361,7 @@ DEPENDENCIES
jquery-rails
kaminari
launchy
- letter_opener_web (~> 1.2.0)
+ letter_opener_web (~> 1.3.0)
paranoia
pg
poltergeist
diff --git a/README.md b/README.md
index 9fe47f6ad..ef9b015bd 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ Las herramientas utilizadas para el frontend no están cerradas aún. Los estilo
## Configuración para desarrollo y tests
-Prerequisitos: tener instalado git, ImageMagick, Ruby 2.2.2, la gema `bundler`, y PostgreSQL (9.4 o superior).
+Prerequisitos: tener instalado git, ImageMagick, Ruby 2.2.2, la gema `bundler`, ghostscript y PostgreSQL (9.4 o superior).
```
cd participacion
diff --git a/README_EN.md b/README_EN.md
index 40a39ae01..ee63eede4 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -21,7 +21,7 @@ Frontend tools used include [SCSS](http://sass-lang.com/) over [Foundation](http
## Configuration for development and test environments
-Prerequisites: install git, ImageMagick, Ruby 2.2.2, bundler gem and PostgreSQL (>=9.4).
+Prerequisites: install git, ImageMagick, Ruby 2.2.2, bundler gem, ghostscript and PostgreSQL (>=9.4).
```
cd participacion
diff --git a/app/assets/fonts/icons.eot b/app/assets/fonts/icons.eot
index eb4fafebe..2c00f1f5b 100644
Binary files a/app/assets/fonts/icons.eot and b/app/assets/fonts/icons.eot differ
diff --git a/app/assets/fonts/icons.svg b/app/assets/fonts/icons.svg
index e3cab14f4..2f04723b8 100644
--- a/app/assets/fonts/icons.svg
+++ b/app/assets/fonts/icons.svg
@@ -20,11 +20,13 @@
-
+
+
+
diff --git a/app/assets/fonts/icons.ttf b/app/assets/fonts/icons.ttf
index 98f7a4d84..808c75487 100644
Binary files a/app/assets/fonts/icons.ttf and b/app/assets/fonts/icons.ttf differ
diff --git a/app/assets/fonts/icons.woff b/app/assets/fonts/icons.woff
index 930c0a6dd..cc9c32cdf 100644
Binary files a/app/assets/fonts/icons.woff and b/app/assets/fonts/icons.woff differ
diff --git a/app/assets/images/collective_avatar.png b/app/assets/images/collective_avatar.png
new file mode 100644
index 000000000..d27809245
Binary files /dev/null and b/app/assets/images/collective_avatar.png differ
diff --git a/app/assets/images/language_select.png b/app/assets/images/language_select.png
new file mode 100644
index 000000000..e0c4e6411
Binary files /dev/null and b/app/assets/images/language_select.png differ
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index bf9d7dd22..7e6096bc3 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -149,6 +149,20 @@ body.admin {
}
}
+.verified {
+ color: $check;
+}
+
+.verified a {
+ border-bottom: 1px dotted $check;
+ color: $check;
+ font-size: rem-calc(12);
+}
+
+.rejected {
+ color: #F04124;
+}
+
.level {
font-size: rem-calc(12);
}
@@ -161,6 +175,10 @@ body.admin {
padding: rem-calc(6) rem-calc(12);
}
+.button.tiny.success {
+ margin-left: rem-calc(12);
+}
+
// 04. Stats
// - - - - - - - - - - - - - - - - - - - - - - - - -
diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss
index 2ee296f70..dd29774a5 100644
--- a/app/assets/stylesheets/debates.scss
+++ b/app/assets/stylesheets/debates.scss
@@ -163,7 +163,7 @@
padding-top: 0;
}
- .icon-comment-quotes {
+ .icon-debates {
color: $debates;
font-size: rem-calc(36);
line-height: $line-height;
@@ -191,7 +191,7 @@
font-weight: lighter;
margin-bottom: 0;
- .icon-chat-bubble-two {
+ .icon-comments {
font-size: rem-calc(16);
vertical-align: top;
}
@@ -280,7 +280,7 @@
}
}
- .icon-comment-quotes {
+ .icon-debates {
font-size: rem-calc(18);
left: rem-calc(60);
top: 0;
@@ -450,7 +450,7 @@
margin-bottom: rem-calc(24);
}
- .icon-comment-quotes {
+ .icon-debates {
color: $debates;
font-size: rem-calc(60);
line-height: $line-height;
@@ -552,6 +552,10 @@
background: $comment-level-5;
padding: rem-calc(6) rem-calc(12);
}
+ @elseif $n == "1" {
+ background: none;
+ padding: rem-calc(6) rem-calc(12);
+ }
@else {
background: $comment-official;
padding: rem-calc(6) rem-calc(12);
diff --git a/app/assets/stylesheets/icons.scss b/app/assets/stylesheets/icons.scss
index b462adac9..ac6bb9dab 100644
--- a/app/assets/stylesheets/icons.scss
+++ b/app/assets/stylesheets/icons.scss
@@ -49,7 +49,7 @@
.icon-angle-up:before {
content: "d";
}
-.icon-chat-bubble-two:before {
+.icon-comments:before {
content: "e";
}
.icon-twitter:before {
@@ -58,7 +58,7 @@
.icon-calendar:before {
content: "g";
}
-.icon-comment-quotes:before {
+.icon-debates:before {
content: "i";
}
.icon-unlike:before {
@@ -76,9 +76,6 @@
.icon-star:before {
content: "n";
}
-.icon-eye:before {
- content: "p";
-}
.icon-user:before {
content: "o";
}
@@ -97,3 +94,12 @@
.icon-deleted:before {
content: "t";
}
+.icon-tag:before {
+ content: "u";
+}
+.icon-eye:before {
+ content: "p";
+}
+.icon-x:before {
+ content: "v";
+}
diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss
index d4442e11c..e6aea4db2 100644
--- a/app/assets/stylesheets/participacion.scss
+++ b/app/assets/stylesheets/participacion.scss
@@ -13,6 +13,7 @@
// 11. Filters
// 12. Official levels
// 13. Pagination
+// 14. Tables
//
// 01. Variables
@@ -126,6 +127,29 @@ h1, h2, h3, h4, h5, h6 {
}
}
+.sub-nav {
+ background-color: #f2f2f2;
+ border-radius: rem-calc(3);
+ padding: rem-calc(10) rem-calc(10) rem-calc(10) 0;
+ margin: rem-calc(12) 0;
+}
+
+.sub-nav dt, .sub-nav dd, .sub-nav li {
+
+ &.active {
+ background: #008CBA;
+ border-radius: rem-calc(3);
+ color: white;
+ cursor: default;
+ font-weight: normal;
+ padding: 0.16667rem 0.88889rem;
+
+ a:hover {
+ color: #737373;
+ }
+ }
+}
+
// 04. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -136,7 +160,11 @@ header {
min-height: rem-calc(480);
&.results {
- min-height: rem-calc(216);
+ min-height: rem-calc(48);
+
+ @media (min-width: $small-breakpoint) {
+ min-height: rem-calc(216);
+ }
}
h1 {
@@ -181,7 +209,7 @@ header {
height: 0;
width: 0;
position: absolute;
- border-top-color: #fff;
+ border-top-color: white;
border-width: 8px;
margin-left: -8px;
}
@@ -189,6 +217,8 @@ header {
.locale {
float: none;
+ height: rem-calc(48);
+ padding-top: rem-calc(3);
text-align: center;
@media (min-width: 480px) {
@@ -197,7 +227,9 @@ header {
}
.external-links {
- @extend .locale;
+ float: none;
+ padding: rem-calc(12) 0;
+ text-align: center;
@media (min-width: 480px) {
float: right;
@@ -212,54 +244,100 @@ header {
.top-bar {
background: rgba(0,0,0,.5);
color: white;
- height: rem-calc(96);
+ height: rem-calc(48);
max-width: 1170px !important;
- .name a {
- color: white;
- font-family: 'Lato';
- font-size: rem-calc(36);
- font-weight: lighter;
- line-height: $line-height*4;
- padding-left: 0;
+ @media (min-width: $small-breakpoint) {
+ height: rem-calc(96);
+ }
- span {
- font-size: rem-calc(24);
- font-weight: normal;
- }
+ .name {
+ height: rem-calc(48);
- img {
- margin-right: rem-calc(12);
+ a {
+ color: white;
+ font-family: 'Lato';
+ font-size: rem-calc(18);
+ font-weight: lighter;
+ line-height: $line-height*2;
+ padding-left: 0;
+
+ span {
+ font-size: rem-calc(14);
+ font-weight: normal;
+ }
+
+ @media (min-width: $small-breakpoint) {
+ line-height: $line-height*4;
+ }
+
+ @media (min-width: $medium-breakpoint) {
+ font-size: rem-calc(30);
+
+ span {
+ font-size: rem-calc(20);
+ }
+ }
+
+ img {
+ height: 48px;
+ margin-right: rem-calc(6);
+ width: 48px;
+
+ @media (min-width: $small-breakpoint) {
+ height: 96px;
+ margin-right: rem-calc(12);
+ width: 96px;
+ }
+ }
}
}
}
.top-bar-section {
margin-right: rem-calc(24);
+ width: 100%;
ul li > a {
font-size: rem-calc(14);
}
- ul li, ul li:hover:not(.has-form) > a {
- background: none;
+ ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
+ background-color: #007095 !important;
}
- li:not(.has-form) a:not(.button) {
- background: none;
- color: white;
- line-height: $line-height*4;
+ ul li, ul li:hover:not(.has-form) > a:not(.button) {
+ line-height: $line-height;
- &:hover {
+ @media (min-width: $small-breakpoint) {
background: none;
- color: $link-hover;
+ border: 0;
+ line-height: $line-height*4;
}
}
- li.active:not(.has-form) a:not(.button) {
- background: none;
- height: rem-calc(96);
- line-height: $line-height*4;
+ ul {
+ margin-right: rem-calc(12);
+
+ li:not(.has-form) a:not(.button) {
+ background: none;
+ color: white;
+
+ @media (min-width: $small-breakpoint) {
+ line-height: $line-height*4;
+ }
+
+ &:hover {
+ background: none;
+ color: $link-hover;
+ }
+ }
+
+ li.active:not(.has-form) a:not(.button) {
+ background: none;
+ height: rem-calc(96);
+ line-height: $line-height*4;
+ }
}
}
@@ -267,7 +345,6 @@ header {
color: white;
font-size: rem-calc(14);
height: rem-calc(72);
- padding: rem-calc(12) 0;
@media (min-width: 480px) {
height: rem-calc(48);
@@ -279,27 +356,31 @@ header {
}
.subnavigation {
- background: white;
- border-bottom: 1px solid white;
+ background: rgba(255,255,255,.95);
clear: both;
+ text-transform: lowercase;
+
+ @media (min-width: 480px) {
+ text-align: center;
+ }
a {
color: $link;
font-size: rem-calc(14);
- font-weight: bold;
&.active {
color: $text;
+ font-weight: bold;
&:after {
- bottom: -17px;
+ bottom: -16px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
- border-top-color: #fff;
+ border-top-color: rgba(255,255,255,.95);
border-width: 8px;
margin-left: -8px;
}
@@ -431,11 +512,35 @@ footer {
font-weight: bolder;
}
}
+
+ form {
+ .button {
+ margin-top: rem-calc(24);
+ }
+ }
}
// 08. Forms
// - - - - - - - - - - - - - - - - - - - - - - - - -
+form.locale-form {
+ display: inline-block;
+ position: relative;
+
+ select {
+ background-image: url("language_select.png");
+
+ &.js-locale-switcher {
+ background-color: transparent;
+ border: 0;
+ color: white;
+ outline: none;
+ padding-left: rem-calc(3);
+ padding-right: rem-calc(24);
+ }
+ }
+}
+
form {
label {
@@ -486,10 +591,6 @@ form {
margin-bottom: 0 !important;
}
}
-
- .button {
- margin-top: rem-calc(24);
- }
}
// 09. Alerts
@@ -537,7 +638,7 @@ form {
margin-bottom: rem-calc(24);
}
- .icon-comment-quotes {
+ .icon-debates {
color: $debates;
font-size: rem-calc(60);
line-height: $line-height;
@@ -588,7 +689,7 @@ form {
}
}
-img.initialjs-avatar {
+img.initialjs-avatar, img.avatar {
border-radius: rem-calc(1000);
position: relative;
}
@@ -685,3 +786,30 @@ ul.pagination {
color: $text-medium;
}
}
+
+// 14. Tables
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ width: 100%;
+
+ tr {
+
+ td {
+ line-height: $line-height;
+ padding: rem-calc(12) rem-calc(6);
+ }
+
+ &:nth-child(odd) {
+ background: #F0F2F6;
+ }
+ }
+
+ .button {
+ margin: 0;
+ }
+}
+
+
diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
index 0c0942d99..93107e3d2 100644
--- a/app/assets/stylesheets/variables.scss
+++ b/app/assets/stylesheets/variables.scss
@@ -5,6 +5,7 @@
// 03. Forms
// 04. Alerts
// 05. Levels
+// 06. Responsive
//
// 01. Fonts
@@ -66,15 +67,29 @@ $alert-color: #A94442;
// 05. Levels
// - - - - - - - - - - - - - - - - - - - - - - - - -
-$level-1: #43AC6A;
+$level-1: #1ABC9C;
$level-2: #43AC6A;
$level-3: #43AC6A;
$level-4: #43AC6A;
$level-5: #F08A24;
$author: #008CCF;
-$association: #222222;
+$association: #C0392B;
$comment-author: rgba(45,144,248,.15);
$comment-official: rgba(70,219,145,.3);
$comment-level-5: rgba(255,241,204,1);
+
+// 06. Responsive
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+$small-breakpoint: em-calc(640);
+$medium-breakpoint: em-calc(1024);
+$large-breakpoint: em-calc(1440);
+$xlarge-breakpoint: em-calc(1920);
+
+$small-range: (0, $small-breakpoint);
+$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint);
+$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint);
+$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint);
+$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999));
diff --git a/app/controllers/account_controller.rb b/app/controllers/account_controller.rb
index 091a280e6..23af8c91b 100644
--- a/app/controllers/account_controller.rb
+++ b/app/controllers/account_controller.rb
@@ -26,7 +26,7 @@ class AccountController < ApplicationController
if @account.organization?
params.require(:account).permit(:phone_number, :email_on_debate_comment, :email_on_comment_reply, organization_attributes: [:name])
else
- params.require(:account).permit(:first_name, :last_name, :phone_number, :nickname, :use_nickname, :email_on_debate_comment, :email_on_comment_reply)
+ params.require(:account).permit(:username, :email_on_debate_comment, :email_on_comment_reply)
end
end
diff --git a/app/controllers/debates_controller.rb b/app/controllers/debates_controller.rb
index 7de7cad0e..f8e7b968a 100644
--- a/app/controllers/debates_controller.rb
+++ b/app/controllers/debates_controller.rb
@@ -5,13 +5,13 @@ class DebatesController < ApplicationController
respond_to :html, :js
def index
- @debates = Debate.includes(:tags).search(params).page(params[:page])
+ @debates = Debate.includes(:tags).includes(:inappropiate_flags).search(params).page(params[:page])
set_debate_votes(@debates)
end
def show
set_debate_votes(@debate)
- @comments = @debate.root_comments.with_hidden.recent.page(params[:page])
+ @comments = @debate.root_comments.with_hidden.includes(:inappropiate_flags).recent.page(params[:page])
end
def new
diff --git a/app/controllers/users/registrations_controller.rb b/app/controllers/users/registrations_controller.rb
index 65da7e1e0..0ef0ba638 100644
--- a/app/controllers/users/registrations_controller.rb
+++ b/app/controllers/users/registrations_controller.rb
@@ -12,7 +12,7 @@ class Users::RegistrationsController < Devise::RegistrationsController
private
def sign_up_params
- params.require(:user).permit(:first_name, :last_name, :email, :phone_number, :password, :password_confirmation, :use_nickname, :nickname, :captcha, :captcha_key)
+ params.require(:user).permit(:username, :email, :password, :password_confirmation, :captcha, :captcha_key)
end
end
diff --git a/app/controllers/welcome_controller.rb b/app/controllers/welcome_controller.rb
index b692ce32e..dbb31863e 100644
--- a/app/controllers/welcome_controller.rb
+++ b/app/controllers/welcome_controller.rb
@@ -2,7 +2,7 @@ class WelcomeController < ApplicationController
skip_authorization_check
def index
- @featured_debates = Debate.includes(:tags).limit(9)
+ @featured_debates = Debate.includes(:tags).limit(3)
set_debate_votes(@featured_debates)
end
diff --git a/app/mailers/mailer.rb b/app/mailers/mailer.rb
index fa53c7c1a..04160022e 100644
--- a/app/mailers/mailer.rb
+++ b/app/mailers/mailer.rb
@@ -10,7 +10,8 @@ class Mailer < ApplicationMailer
@reply = reply
@debate = @reply.debate
parent = Comment.find(@reply.parent_id)
- mail(to: parent.author.email, subject: t('mailer.reply.subject'))
+ @recipient = parent.author
+ mail(to: @recipient.email, subject: t('mailer.reply.subject'))
end
end
diff --git a/app/models/inappropiate_flag.rb b/app/models/inappropiate_flag.rb
index 10c7efc17..b60b98618 100644
--- a/app/models/inappropiate_flag.rb
+++ b/app/models/inappropiate_flag.rb
@@ -35,7 +35,7 @@ class InappropiateFlag < ActiveRecord::Base
end
def self.flagged?(user, flaggable)
- by_user_and_flaggable(user, flaggable).exists?
+ !! by_user_and_flaggable(user, flaggable).try(:first)
end
end
diff --git a/app/models/user.rb b/app/models/user.rb
index a81ea6ba5..544142c2f 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -12,9 +12,7 @@ class User < ActiveRecord::Base
has_one :organization
has_many :inappropiate_flags
- validates :first_name, presence: true, if: :use_first_name?
- validates :last_name, presence: true, if: :use_last_name?
- validates :nickname, presence: true, if: :use_nickname?
+ validates :username, presence: true, unless: :organization?
validates :official_level, inclusion: {in: 0..5}
validates_associated :organization, message: false
@@ -28,9 +26,7 @@ class User < ActiveRecord::Base
scope :officials, -> { where("official_level > 0") }
def name
- return nickname if use_nickname?
- return organization.name if organization?
- "#{first_name} #{last_name}"
+ organization? ? organization.name : username
end
def debate_votes(debates)
@@ -71,12 +67,4 @@ class User < ActiveRecord::Base
e.present? ? where(email: e) : none
end
- private
- def use_first_name?
- !organization? && !use_nickname?
- end
-
- def use_last_name?
- use_first_name?
- end
end
diff --git a/app/views/account/show.html.erb b/app/views/account/show.html.erb
index fb647ef1d..d24343ea5 100644
--- a/app/views/account/show.html.erb
+++ b/app/views/account/show.html.erb
@@ -16,19 +16,12 @@
<%= f.fields_for :organization do |fo| %>
<%= fo.text_field :name, autofocus: true, placeholder: t("account.show.organization_name_label") %>
<% end %>
+ <%= f.text_field :phone_number, placeholder: t("account.show.phone_number_label") %>
<% else %>
-
- <%= f.text_field :first_name, placeholder: t("account.show.first_name_label") %>
- <%= f.text_field :last_name, placeholder: t("account.show.last_name_label") %>
- <%= f.text_field :nickname, placeholder: t("account.show.nickname_label") %>
-
- <%= f.check_box :use_nickname, label: false %>
- <%= t("account.show.use_nickname_label") %>
-
+ <%= f.text_field :username, placeholder: t("account.show.username_label") %>
<% end %>
- <%= f.text_field :phone_number, placeholder: t("account.show.phone_number_label") %>
diff --git a/app/views/admin/_menu.html.erb b/app/views/admin/_menu.html.erb
index bc2d459e2..a76ecfe0f 100644
--- a/app/views/admin/_menu.html.erb
+++ b/app/views/admin/_menu.html.erb
@@ -4,59 +4,59 @@
<%= t("admin.dashboard.index.title") %>
-
>
+ >
<%= link_to admin_tags_path do %>
-
- <%= t('admin.menu.debate_topics') %>
+
+ <%= t("admin.menu.debate_topics") %>
<% end %>
-
>
+ >
<%= link_to admin_debates_path do %>
-
- <%= t('admin.menu.hidden_debates') %>
+
+ <%= t("admin.menu.hidden_debates") %>
<% end %>
-
>
+ >
<%= link_to admin_comments_path do %>
-
- <%= t('admin.menu.hidden_comments') %>
+
+ <%= t("admin.menu.hidden_comments") %>
<% end %>
-
>
+ >
<%= link_to admin_users_path do %>
-
- <%= t('admin.menu.hidden_users') %>
+
+ <%= t("admin.menu.hidden_users") %>
<% end %>
-
>
+ >
<%= link_to admin_organizations_path do %>
-
- <%= t('admin.menu.organizations') %>
+
+ <%= t("admin.menu.organizations") %>
<% end %>
-
>
+ >
<%= link_to admin_officials_path do %>
- <%= t('admin.menu.officials') %>
+ <%= t("admin.menu.officials") %>
<% end %>
-
>
+ >
<%= link_to admin_settings_path do %>
- <%= t('admin.menu.settings') %>
+ <%= t("admin.menu.settings") %>
<% end %>
-
>
+ >
<%= link_to stats_path do %>
- <%= t('admin.menu.stats') %>
+ <%= t("admin.menu.stats") %>
<% end %>
diff --git a/app/views/admin/comments/index.html.erb b/app/views/admin/comments/index.html.erb
index 5a0b8f967..87b25680d 100644
--- a/app/views/admin/comments/index.html.erb
+++ b/app/views/admin/comments/index.html.erb
@@ -1,18 +1,33 @@
<%= t("admin.comments.index.title") %>
+
+
+ - <%= t("admin.comments.index.filter") %>:
+ - <%= t("admin.comments.filters.all") %>
+ - <%= t("admin.comments.filters.pending") %>
+ - <%= t("admin.comments.filters.archived") %>
+
+
+
<%= page_entries_info @comments %>
<% @comments.each do |comment| %>