Add hide button in the user interface

The little menu with the hide notification link and block user link
has been added to each proposal notification.

JS for adding the fade efect has also been added.

app/assets/javascripts/application.js

@@ -33,6 +33,7 @@
 //= require moderator_comment
 //= require moderator_debates
 //= require moderator_proposals
+//= require moderator_proposal_notifications
 //= require prevent_double_submission
 //= require gettext
 //= require annotator

app/assets/javascripts/moderator_proposal_notifications.js.coffee

@@ -0,0 +1,7 @@
+App.ModeratorProposalNotifications =
+
+  add_class_faded: (id) ->
+    $("##{id}").addClass("faded")
+
+  hide_moderator_actions: (id) ->
+    $("##{id} .js-moderator-proposal-notifications-actions:first").hide()

app/assets/stylesheets/layout.scss

@@ -1963,7 +1963,8 @@ table {
   }
 }
 
-.comment-body {
+.comment-body,
+.notification-body {
 
   img {
     margin-right: $line-height / 2;

app/views/proposal_notifications/_actions.html.erb

@@ -0,0 +1,14 @@
+<div class="reply">
+  <span class='js-moderation-actions'>
+    <% if can? :hide, notification %>
+      <%= link_to t("admin.actions.hide").capitalize, hide_moderation_proposal_notification_path(notification),
+                  method: :put, remote: true, data: { confirm: t('admin.actions.confirm') } %>
+    <% end %>
+
+    <% if can? :hide, notification.author %>
+      <span class="divider">&nbsp;&bull;&nbsp;</span>
+      <%= link_to t("admin.actions.hide_author").capitalize, hide_moderation_user_path(notification.author_id),
+                  method: :put, data: { confirm: t('admin.actions.confirm') } %>
+    <% end %>
+  </span>
+</div>

app/views/proposals/_notifications.html.erb

@@ -1,6 +1,6 @@
 <div class="tabs-panel" id="tab-notifications" role="tab">
   <div class="row">
-    <div class="small-12 column">
+    <div id="proposal_notifications" class="small-12 column notification-body">
       <% if @notifications.blank? %>
         <div class="callout primary text-center">
           <%= t('proposals.show.no_notifications') %>
@@ -8,9 +8,15 @@
       <% end %>
 
       <% @notifications.each do |notification| %>
+        <div id="<%= dom_id(notification) %>">
           <h3><%= notification.title %></h3>
           <p class="more-info"><%= notification.created_at.to_date %></p>
-        <p><%= notification.body %></p>
+          <%= simple_format text_with_links(notification.body), {}, sanitize: false %>
+
+          <span class="js-flag-actions">
+            <%= render 'proposal_notifications/actions', notification: notification %>
+          </span>
+        </div>
       <% end %>
     </div>
   </div>

config/locales/en/activerecord.yml

@@ -103,6 +103,9 @@ en:
       poll:
         one: "Poll"
         other: "Polls"
+      proposal_notification:
+        one: "Proposal notification"
+        other: "Proposal notifications"
     attributes:
       budget:
         name: "Name"

config/locales/es/activerecord.yml

@@ -103,6 +103,9 @@ es:
       poll:
         one: "Votación"
         other: "Votaciones"
+      proposal_notification:
+        one: "Notificación de propuesta"
+        other: "Notificaciones de propuestas"
     attributes:
       budget:
         name: "Nombre"