Adds styles for admin

This commit is contained in:
Alberto Garcia Cabeza
2015-08-17 21:30:22 +02:00
parent 0df1524f0d
commit 0c2901c3fb
10 changed files with 133 additions and 85 deletions

View File

@@ -1,5 +1,28 @@
<ul id="admin_menu"> <nav class="admin-sidebar">
<li><%= link_to t('admin.menu.debate_topics'), admin_tags_path %></li> <ul id="admin_menu">
<li><%= link_to t('admin.menu.hidden_debates'), admin_debates_path %></li> <li>
<li><%= link_to t('admin.menu.hidden_comments'), admin_comments_path %></li> <%= t("admin.dashboard.index.title") %>
</ul> </li>
<li class="active">
<%= link_to admin_tags_path do %>
<i class="icon-comment-quotes"></i>
<%= t('admin.menu.debate_topics') %>
<% end %>
</li>
<li>
<%= link_to admin_debates_path do %>
<i class="icon-eye"></i>
<%= t('admin.menu.hidden_debates') %>
<% end %>
</li>
<li>
<%= link_to admin_comments_path do %>
<i class="icon-chat-bubble-two"></i>
<%= t('admin.menu.hidden_comments') %>
<% end %>
</li>
</ul>
</nav>

View File

@@ -1,14 +1,18 @@
<div class="left"> <h2><%= t("admin.comments.index.title") %></h2>
<h1><%= t("admin.comments.index.title") %></h1>
<ul> <ul class="admin-list">
<% @comments.each do |comment| %> <% @comments.each do |comment| %>
<li id="<%= dom_id(comment) %>"> <li id="<%= dom_id(comment) %>">
<%= comment.body %> <div class="row">
<div class="small-12 medium-10 column">
<%= link_to t("admin.actions.restore"), restore_admin_comment_path(comment), <%= comment.body %>
method: :put, data: { confirm: t("admin.actions.confirm") } %> </div>
</li> <div class="small-12 medium-2 column">
<% end %> <%= link_to t("admin.actions.restore"), restore_admin_comment_path(comment),
</ul> method: :put, data: { confirm: t("admin.actions.confirm") },
</div> class: "button radius tiny success right" %>
</div>
</div>
</li>
<% end %>
</ul>

View File

@@ -1 +1,5 @@
<h1><%= t("admin.dashboard.index.title") %></h1> <h2><%= t("admin.dashboard.index.title") %></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>

View File

@@ -1,13 +1,13 @@
<div class="left"> <h2><%= t("admin.debates.index.title") %></h2>
<h1><%= t("admin.debates.index.title") %></h1>
<ul> <ul class="admin-list">
<% @debates.each do |debate| %> <% @debates.each do |debate| %>
<%= link_to admin_debate_path(debate) do %> <li id="<%= dom_id(debate) %>">
<li id="<%= dom_id(debate) %>"> <%= link_to debate.title, admin_debate_path(debate) %>
<%= link_to debate.title, admin_debate_path(debate) %>
</li> <%= link_to t("admin.actions.restore"), restore_admin_debate_path(debate),
<% end %> method: :put, data: { confirm: t("admin.actions.confirm") },
<% end %> class: "button radius tiny success right" %>
</ul> </li>
</div> <% end %>
</ul>

View File

@@ -1,13 +1,12 @@
<div class="left"> <h2><%= t("admin.debates.index.title") %></h2>
<h1><%= t("admin.debates.index.title") %></h1>
<div> <h3><%= @debate.title %></h3>
<div><%= @debate.title %></div>
<div><%= @debate.description %></div>
<div> <div><%= @debate.description %></div>
<%= link_to t('admin.actions.restore'), restore_admin_debate_path(@debate),
method: :put, data: { confirm: t('admin.actions.confirm') } %> <%= link_to t("admin.debates.show.back"), admin_debates_path,
</div> class: "button radius small secondary" %>
</div>
</div> <%= link_to t("admin.actions.restore"), restore_admin_debate_path(@debate),
method: :put, data: { confirm: t("admin.actions.confirm") },
class: "button radius small success" %>

View File

@@ -1,29 +1,46 @@
<div class="left"> <h2><%= t("admin.tags.index.add_tag") %></h2>
<h1><%= t("admin.tags.index.add_tag") %></h1>
<%= form_for(@tag, url: admin_tags_path, as: :tag) do |f| %> <%= form_for(@tag, url: admin_tags_path, as: :tag) do |f| %>
<%= f.text_field :name, placeholder: t("admin.tags.name.placeholder") %>
<%= f.check_box :featured, label: false %>
<%= t("admin.tags.mark_as_featured") %>
<%= f.submit(class: "button radius small") %>
<% end %>
<div class="row">
<div class="small-12 medium-6 column">
<%= f.label :name, t("admin.tags.name.placeholder") %>
<%= f.text_field :name, placeholder: t("admin.tags.name.placeholder"), label: false %>
</div>
<h1><%= t("admin.tags.index.title") %></h1> <div class="is-featured small-12 medium-6 column">
<%= f.label :featured do %>
<%= f.check_box :featured, label: false %>
<span class="checkbox"><%= t("admin.tags.mark_as_featured") %></span>
<% end %>
</div>
</div>
<ul> <%= f.submit(class: "button radius create") %>
<% @tags.each do |tag| %>
<li>
<strong><%= tag.name %></strong>
<%= form_for(tag, url: admin_tag_path(tag), as: :tag, html: { id: "edit_tag_#{tag.id}"}) do |f| %> <% end %>
<%= f.check_box :featured, label: false, id: "tag_featured_#{tag.id}" %>
<%= t("admin.tags.mark_as_featured") %> <h3><%= t("admin.tags.index.title") %></h3>
<%= f.submit(class: "button radius tiny") %>
<%= link_to t("admin.tags.destroy"), admin_tag_path(tag), method: :delete, class: 'button tiny alert' %> <ul class="admin-list">
<% @tags.each do |tag| %>
<li>
<span class="tag"><%= tag.name %></span>
<%= form_for(tag,
url: admin_tag_path(tag),
as: :tag,
html: { id: "edit_tag_#{tag.id}", class: "text-right"}) do |f| %>
<%= f.label :featured do %>
<%= f.check_box :featured, label: false, id: "tag_featured_#{tag.id}", class: "left" %>
<span class="checkbox left"><%= t("admin.tags.mark_as_featured") %></span>
<% end %> <% end %>
</li> <%= f.submit(class: "button radius tiny success") %>
<% end %> <br>
</ul> <%= link_to t("admin.tags.destroy"), admin_tag_path(tag), method: :delete, class: "delete" %>
</div> <% end %>
</li>
<% end %>
</ul>

View File

@@ -10,12 +10,6 @@
<% end %> <% end %>
] ]
</div> </div>
<div class="external-links">
<%= link_to t("layouts.header.participation"), root_path, class: "selected" %>&nbsp;|
<%= link_to t("layouts.header.external_link_transparency"), "#" %>&nbsp;|
<%= link_to t("layouts.header.external_link_opendata"), "#" %>&nbsp;|
<%= link_to t("layouts.header.external_link_blog"), "#" %>
</div>
</div> </div>
</section> </section>
@@ -25,7 +19,7 @@
<li class="name"> <li class="name">
<%= link_to root_path do %> <%= link_to root_path do %>
<%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %> <%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %>
<%= t("layouts.header.open_gov", open: "<strong>#{t('layouts.header.open')}</strong>").html_safe %> | <span><%= t("layouts.header.participation") %></span> <%= t("layouts.header.open_gov", open: "<strong>#{t('layouts.header.open')}</strong>").html_safe %> | <span><%= t("admin.dashboard.index.title") %></span>
<% end %> <% end %>
</li> </li>
<li class="toggle-topbar menu-icon"><a href="#"><span><%= t("layouts.header.menu") %></span></a></li> <li class="toggle-topbar menu-icon"><a href="#"><span><%= t("layouts.header.menu") %></span></a></li>

View File

@@ -12,22 +12,26 @@
<%= csrf_meta_tags %> <%= csrf_meta_tags %>
</head> </head>
<body> <body class="admin">
<%= render 'layouts/admin_header' %> <%= render 'layouts/admin_header' %>
<% if notice %> <div class="row">
<p class="alert-box success"><%= notice %></p>
<% end %>
<% if alert %> <div class="small-12 medium-3 column">
<p class="alert-box"><%= alert %></p> <%= side_menu %>
<% end %> </div>
<div class="left" style="padding:50px;"> <div class="admin-content small-12 medium-9 column">
<%= side_menu %> <% if notice %>
<div class="alert-box radius success"><%= notice %></div>
<% end %>
<% if alert %>
<div class="alert-box radius alert"><%= alert %></div>
<% end %>
<%= yield %>
</div>
</div> </div>
<%= yield %>
</body> </body>
</html>
</html>

View File

@@ -27,6 +27,7 @@ en:
debates: debates:
index: index:
title: Hidden debates title: Hidden debates
show:
back: Back
restore: restore:
success: The debate has been restored success: The debate has been restored

View File

@@ -27,5 +27,7 @@ es:
debates: debates:
index: index:
title: Debates ocultos title: Debates ocultos
show:
back: Volver
restore: restore:
success: El debate ha sido permitido success: El debate ha sido permitido