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

Improves styles for districts map page

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2016-01-26 13:28:03 +01:00
parent bac19ffebd
commit e3ad813b4f
8 changed files with 60 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -623,19 +623,28 @@ footer {
} }
} }
.tag-cloud { .categories {
h3 { a {
border-top: 2px solid $brand; background: $highlight;
border-radius: rem-calc(6);
display: inline-block; display: inline-block;
font-family: $font-family-sans-serif; font-size: $small-font-size;
font-size: rem-calc(16); margin-bottom: $line-height/3;
margin: -1px 0 rem-calc(12); padding: $line-height/4 $line-height/3;
padding-top: $line-height/4; text-decoration: none;
text-transform: uppercase;
} }
} }
h3.sidebar-title {
border-top: 2px solid $brand;
display: inline-block;
font-size: rem-calc(16);
margin: -1px 0 rem-calc(12);
padding-top: $line-height/4;
text-transform: uppercase;
}
// 05. Auth pages // 05. Auth pages
// - - - - - - - - - - - - - - - - - - - - - - - - - // - - - - - - - - - - - - - - - - - - - - - - - - -

8
app/views/proposals/_categories.html.erb
View File

@@ -1,9 +1,9 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("shared.tags_cloud.categories") %></h3> <h3 class="sidebar-title"><%= t("shared.tags_cloud.categories") %></h3>
<br> <br>
<ul id="categories" style="list-style-type: none;"> <div id="categories" class="categories">
<% @categories.each do |category| %> <% @categories.each do |category| %>
<li><%= link_to category.name, proposals_path(search: category.name) %></li> <%= link_to category.name, proposals_path(search: category.name) %>
<% end %> <% end %>
</ul> </div>

2
app/views/proposals/_form.html.erb
View File

@@ -39,7 +39,7 @@
<%= f.text_field :external_url, placeholder: t("proposals.form.proposal_external_url"), label: false %> <%= f.text_field :external_url, placeholder: t("proposals.form.proposal_external_url"), label: false %>
</div> </div>
<div class="small-12 column"> <div class="small-12 medium-6 column">
<%= f.label :geozone_id, t("spending_proposals.form.geozone") %> <%= f.label :geozone_id, t("spending_proposals.form.geozone") %>
<%= f.select :geozone_id, geozone_select_options, {include_blank: t("geozones.none"), label: false} %> <%= f.select :geozone_id, geozone_select_options, {include_blank: t("geozones.none"), label: false} %>
</div> </div>

3
app/views/proposals/_geozones.html.erb
View File

@@ -1,7 +1,6 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("shared.tags_cloud.districts") %></h3> <h3 class="sidebar-title"><%= t("shared.tags_cloud.districts") %></h3>
<br> <br>
<%= link_to map_proposals_path, id: 'map' do %> <%= link_to map_proposals_path, id: 'map' do %>
<%= image_tag("map.jpg") %> <%= image_tag("map.jpg") %>
<% end %> <% end %>

2
app/views/proposals/map.html.erb
View File

@@ -1 +1 @@
<%= render 'shared/map', new_url_path: new_proposal_path %> <%= render 'shared/map', new_url_path: new_proposal_path %>

65
app/views/shared/_map.html.erb
View File

@@ -1,49 +1,52 @@
<div id="proposals" class="proposals-list small-12 medium-9 column"> <div class="row">
<div class="small-12 medium-9 column margin-top">
<h3><%= t("map.title") %></h3> <h1><%= t("map.title") %></h1>
<%= image_tag("map.jpg", usemap: "#map") %> <div class="row">
<div class="small-12 medium-3 column">
<ul id="geozones" class="no-bullet">
<% @geozones.each do |geozone| %>
<li><%= link_to geozone.name, proposals_path(search: geozone.name) %></li>
<% end %>
</ul>
</div>
<map name="map" id="html_map"> <div class="show-for-medium-up medium-9 column text-center">
<% @geozones.each do |geozone| %> <%= image_tag("map.jpg", usemap: "#map") %>
<area shape="poly" </div>
coords="<%= geozone.html_map_coordinates %>"
href="<%= polymorphic_url(@resource, search: geozone.name) %>"
title="<%= geozone.name %>"
alt="<%= geozone.name %>">
<% end %>
</map>
<br>
<div id="geozones"> <map name="map" id="html_map">
<% @geozones.each do |geozone| %> <% @geozones.each do |geozone| %>
<div><%= link_to geozone.name, proposals_path(search: geozone.name) %></div> <area shape="poly"
<% end %> coords="<%= geozone.html_map_coordinates %>"
</div> href="<%= polymorphic_url(@resource, search: geozone.name) %>"
</br> title="<%= geozone.name %>"
alt="<%= geozone.name %>">
<% end %>
</map>
</div>
<h3><%= t("map.proposal_for_district") %></h3> <h2><%= t("map.proposal_for_district") %></h2>
<div>
<%= form_for(@resource, url: new_url_path, method: :get ) do |f| %> <%= form_for(@resource, url: new_url_path, method: :get ) do |f| %>
<div class="small-12 column"> <div class="small-12 medium-4">
<%= f.label :geozone_id, t("map.select_district") %> <%= f.label :geozone_id, t("map.select_district") %>
<%= f.select :geozone_id, geozone_select_options, <%= f.select :geozone_id, geozone_select_options,
{include_blank: t("geozones.none"), label: false} %> {include_blank: t("geozones.none"), label: false} %>
</div> </div>
<div class="actions small-12 column"> <div class="actions small-12">
<%= f.submit(class: "button radius", value: t("map.start_proposal")) %> <%= f.submit(class: "button radius", value: t("map.start_proposal")) %>
</div> </div>
<% end %> <% end %>
</div> </div>
<div class="small-12 medium-3 column">
<aside class="sidebar" role="complementary">
<%= link_to t("map.start_proposal"),
new_proposal_path, class: 'button radius expand' %>
<%= render "shared/tag_cloud", taggable: 'proposal' %>
</aside>
</div>
</div> </div>
<div class="small-12 medium-3 column">
<aside class="sidebar" role="complementary">
<%= link_to t("map.start_proposal"),
new_proposal_path, class: 'button radius expand' %>
<%= render "shared/tag_cloud", taggable: 'proposal' %>
</aside>
</div>

2
app/views/shared/_tag_cloud.html.erb
View File

@@ -1,6 +1,6 @@
<div id="tag-cloud" class="tag-cloud"> <div id="tag-cloud" class="tag-cloud">
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("shared.tags_cloud.tags") %></h3> <h3 class="sidebar-title"><%= t("shared.tags_cloud.tags") %></h3>
<br> <br>
<% tag_cloud @tag_cloud, %w[s m l] do |tag, css_class| %> <% tag_cloud @tag_cloud, %w[s m l] do |tag, css_class| %>

2
config/locales/es.yml
View File

@@ -264,7 +264,7 @@ es:
proposal_title: Título de la propuesta proposal_title: Título de la propuesta
proposal_video_url: Enlace a vídeo externo proposal_video_url: Enlace a vídeo externo
proposal_video_url_note: Puedes añadir un enlace a YouTube o Vimeo proposal_video_url_note: Puedes añadir un enlace a YouTube o Vimeo
tags_instructions: "Etiqueta esta propuesta. Puedes elegir entre categorias propuestas o introducir las que desees" tags_instructions: "Etiqueta esta propuesta. Puedes elegir entre las categorías propuestas o introducir las que desees"
tags_label: Temas tags_label: Temas
tag_category_label: "Categorías" tag_category_label: "Categorías"
tags_placeholder: "Escribe las etiquetas que desees separadas por una coma (',')" tags_placeholder: "Escribe las etiquetas que desees separadas por una coma (',')"