Improves styles for moderation section

This commit is contained in:
Alberto Garcia Cabeza
2016-06-01 17:30:01 +02:00
parent fb6dbdf2f9
commit b71c61e405
4 changed files with 61 additions and 46 deletions

View File

@@ -13,7 +13,7 @@
</div>
<%= form_tag moderate_moderation_comments_path(request.query_parameters), method: :put do %>
<p class="float-right js-check">
<p class="js-check">
<%= t('shared.check') %>:
<%= link_to t('shared.check_all'), '#', data: {check_all: "comment_ids[]"} %>
|
@@ -55,19 +55,19 @@
<%= submit_tag t('moderation.comments.index.block_authors'),
name: "block_authors",
class: "button alert",
class: "button hollow alert",
data: {confirm: t('moderation.comments.index.confirm')}
%>
<div class="float-right">
<%= submit_tag t('moderation.comments.index.hide_comments'),
name: "hide_comments",
class: "button alert",
class: "button hollow alert",
data: {confirm: t('moderation.comments.index.confirm')}
%>
<%= submit_tag t('moderation.comments.index.ignore_flags'),
name: "ignore_flags",
class: "button success",
class: "button hollow",
data: {confirm: t('moderation.comments.index.confirm')}
%>
</div>

View File

@@ -1,33 +1,42 @@
<div class="dashboard">
<h2><%= t("moderation.dashboard.index.title") %></h2>
<%= link_to t("admin.dashboard.index.back") + " " + Setting['org_name'], root_path, class: "button float-right" %>
<p>Desde aquí puedes moderar el sistema, a través de las siguientes acciones:<p>
<h2 class="inline-block"><%= t("moderation.dashboard.index.title") %></h2>
<h3>Propuestas / Debates / Comentarios</h3>
<p>Desde aquí puedes moderar el sistema, a través de las siguientes acciones:<p>
<p>Cuando un usuario marca en una Propuesta/Debate/Comentario la opción de "denunciar como inapropiado", aparecerá en esta lista. Respecto a cada uno aparecerá el <em>título, fecha, número de denuncias</em> (cuántos usuarios diferentes han marcado la opción de denuncia) y el <em>texto de la Propuesta/Debate/Comentario</em>.</p>
<div class="small-12 medium-9">
<ul class="accordion" data-accordion data-multi-expand="true" data-allow-all-closed="true">
<p>A la derecha de cada elemento aparece una caja que podemos marcar para seleccionar todos los que queramos de la lista. Una vez seleccionados uno o varios, encontramos al final de la página <strong>tres botones para realizar acciones</strong> sobre ellos:</p>
<li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title">Propuestas / Debates / Comentarios</a>
<div class="accordion-content" data-tab-content>
<p>Cuando un usuario marca en una Propuesta/Debate/Comentario la opción de "denunciar como inapropiado", aparecerá en esta lista. Respecto a cada uno aparecerá el <em>título, fecha, número de denuncias</em> (cuántos usuarios diferentes han marcado la opción de denuncia) y el <em>texto de la Propuesta/Debate/Comentario</em>.</p>
<ul>
<li><strong>Ocultar</strong>: hará que esos elementos dejen de mostrarse en la web.</li>
<li><strong>Bloquear autores</strong>: hará que el autor de ese elemento deje de poder acceder a la web, y que además todos las Propuestas/Debates/Comentarios de ese usuario dejen de mostrarse en la web.</li>
<li><strong>Marcar como revisados</strong> cuando consideramos que esos elementos no deben ser moderados, que su contenido es correcto, y que por lo tanto deben dejar de ser mostrados en esta lista de elementos inapropiados.</li>
<p>A la derecha de cada elemento aparece una caja que podemos marcar para seleccionar todos los que queramos de la lista. Una vez seleccionados uno o varios, encontramos al final de la página <strong>tres botones para realizar acciones</strong> sobre ellos:</p>
<ul>
<li><strong>Ocultar</strong>: hará que esos elementos dejen de mostrarse en la web.</li>
<li><strong>Bloquear autores</strong>: hará que el autor de ese elemento deje de poder acceder a la web, y que además todos las Propuestas/Debates/Comentarios de ese usuario dejen de mostrarse en la web.</li>
<li><strong>Marcar como revisados</strong> cuando consideramos que esos elementos no deben ser moderados, que su contenido es correcto, y que por lo tanto deben dejar de ser mostrados en esta lista de elementos inapropiados.</li>
</ul>
<p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones:</p>
<ul>
<li><strong>Pendientes</strong>: las Propuestas/Debates/Comentarios sobre los que todavía no se ha pulsado "ocultar", "bloquear" o "marcar como revisados", y que por lo tanto deberían ser revisados todavía</li>
<li><strong>Todos</strong>: mostrando todos las Propuestas/Debates/Comentarios de la web, y no sólo los marcados como inapropiados.</li>
<li><strong>Marcados como revisados</strong>: los que algún moderador ha marcado como revisados y por lo tanto parecen correctos.</li>
</ul>
<p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
</div>
</li>
<li class="accordion-item" data-accordion-item>
<a href="#" class="accordion-title">Bloquear usuarios</a>
<div class="accordion-content" data-tab-content>
<p>Un buscador nos permite encontrar cualquier usuario introduciendo su <em>nombre de usuario o correo electrónico</em>, y bloquearlo una vez encontrado. Al bloquearlo, <strong>el usuario no podrá volver a acceder a la web</strong>, y todas sus Propuestas/Debates/Comentarios serán ocultados y dejarán de ser visibles en la web.</p>
</div>
</li>
</ul>
<p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones:</p>
<ul>
<li><strong>Pendientes</strong>: las Propuestas/Debates/Comentarios sobre los que todavía no se ha pulsado "ocultar", "bloquear" o "marcar como revisados", y que por lo tanto deberían ser revisados todavía</li>
<li><strong>Todos</strong>: mostrando todos las Propuestas/Debates/Comentarios de la web, y no sólo los marcados como inapropiados.</li>
<li><strong>Marcados como revisados</strong>: los que algún moderador ha marcado como revisados y por lo tanto parecen correctos.</li>
</ul>
<p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
<h3>Bloquear usuarios</h3>
<p>Un buscador nos permite encontrar cualquier usuario introduciendo su <em>nombre de usuario o correo electrónico</em>, y bloquearlo una vez encontrado. Al bloquearlo, <strong>el usuario no podrá volver a
acceder a la web</strong>, y todas sus Propuestas/Debates/Comentarios serán ocultados y dejarán de ser visibles en la web.</p>
</div>

View File

@@ -13,7 +13,7 @@
</div>
<%= form_tag moderate_moderation_proposals_path(request.query_parameters), method: :put do %>
<p class="float-left js-check">
<p class="js-check">
<%= t('shared.check') %>:
<%= link_to t('shared.check_all'), '#', data: {check_all: "proposal_ids[]"} %>
|
@@ -53,19 +53,19 @@
<%= submit_tag t('moderation.proposals.index.block_authors'),
name: "block_authors",
class: "button alert",
class: "button hollow alert",
data: {confirm: t('moderation.proposals.index.confirm')}
%>
<div class="float-right">
<%= submit_tag t('moderation.proposals.index.hide_proposals'),
name: "hide_proposals",
class: "button alert",
class: "button hollow alert",
data: {confirm: t('moderation.proposals.index.confirm')}
%>
<%= submit_tag t('moderation.proposals.index.ignore_flags'),
name: "ignore_flags",
class: "button success",
class: "button hollow",
data: {confirm: t('moderation.proposals.index.confirm')}
%>
</div>

View File

@@ -15,18 +15,24 @@
<h3><%= page_entries_info @users %></h3>
<% end %>
<ul class="admin-list">
<% @users.each do |user| %>
<li>
<%= user.name %>
<span class="bullet">&nbsp;&bull;&nbsp;</span>
<% if user.hidden? %>
<%= t("moderation.users.index.hidden") %>
<% else %>
<%= link_to t("moderation.users.index.hide"), hide_in_moderation_screen_moderation_user_path(user, request.query_parameters), method: :put, class: "delete" %>
<table>
<tbody>
<% @users.each do |user| %>
<tr>
<td>
<%= user.name %>
</td>
<td class="text-right">
<% if user.hidden? %>
<%= t("moderation.users.index.hidden") %>
<% else %>
<%= link_to t("moderation.users.index.hide"), hide_in_moderation_screen_moderation_user_path(user, request.query_parameters),
method: :put, class: "button hollow alert" %>
</td>
<% end %>
</li>
<% end %>
</ul>
</tr>
<% end %>
</tbody>
</table>
<%= paginate @users %>