Merge pull request #296 from AyuntamientoMadrid/styling_pages

Styling pages
This commit is contained in:
Juanjo Bazán
2015-08-31 22:01:36 +02:00
28 changed files with 373 additions and 81 deletions

Binary file not shown.

View File

@@ -35,4 +35,5 @@
<glyph unicode="&#122;" d="M183 203l0-20c0-8-4-14-11-17-3-1-5-1-7-1-6 0-10 1-13 5l-147 146c-3 4-5 8-5 13 0 5 2 9 5 13l147 146c5 6 12 8 20 4 7-3 11-9 11-17l0-19-114-114c-3-4-5-8-5-13 0-5 2-9 5-13z m329-11c0-11-2-24-5-38-3-15-7-28-11-40-4-11-9-23-14-35-5-12-8-21-11-26l-6-12c-1-3-4-4-8-4-1 0-2 0-2 0-5 1-7 5-7 10 8 76-2 130-30 161-12 14-29 24-49 32-20 7-46 12-76 15l0-72c0-8-4-14-12-17-2-1-4-1-7-1-5 0-9 1-13 5l-146 146c-3 4-5 8-5 13 0 5 2 9 5 13l146 146c6 6 13 8 20 4 8-3 12-9 12-17l0-74c78-6 135-27 171-64 32-33 48-81 48-145z"/>
<glyph unicode="&#65;" d="M292 353l74 0-9-81-65 0 0-235-97 0 0 235-49 0 0 81 49 0 0 49c0 35 8 61 24 79 17 18 44 26 81 26l65 0 0-81-40 0c-8 0-14 0-18-2-5-1-8-3-10-6-2-4-3-7-4-10 0-3-1-8-1-14z"/>
<glyph unicode="&#66;" d="M269 93c0 4-1 8-2 12-1 4-1 7-2 10-1 3-3 7-5 10-3 4-5 6-6 9-2 2-5 5-8 8-3 4-6 6-8 8-2 1-5 4-9 7-4 3-7 5-9 6-1 2-5 4-9 7-5 3-8 5-9 6-3 0-8 1-14 1-11 0-21-1-31-2-9-2-20-4-30-8-11-3-20-7-28-13-8-5-15-12-20-21-5-9-8-19-8-31 0-13 4-24 10-34 7-11 16-19 27-24 11-6 22-11 34-13 12-3 24-5 37-5 11 0 22 1 32 4 10 2 19 6 28 11 9 5 16 12 22 21 5 9 8 19 8 31z m-35 247c0 11-1 23-4 36-4 13-8 25-14 37-6 12-14 22-24 30-10 8-21 12-34 12-18 0-31-7-41-20-10-13-15-29-15-47 0-9 1-18 4-28 2-10 5-20 10-30 4-10 10-19 16-27 6-8 13-14 22-19 9-5 18-7 28-7 18 0 32 5 40 17 8 11 12 27 12 46z m-37 135l125 0-39-22-38 0c13-9 24-21 31-36 7-16 11-32 11-48 0-15-2-27-6-38-5-11-10-20-16-26-7-7-13-13-19-19-7-5-12-11-16-17-5-6-7-13-7-20 0-5 2-9 5-14 3-5 7-9 12-14 5-4 11-9 17-14 6-4 12-10 18-15 6-6 12-13 17-19 5-7 9-15 12-25 3-9 5-19 5-30 0-30-13-57-40-81-29-25-69-37-120-37-11 0-23 1-34 3-12 2-23 5-35 9-12 5-22 10-31 17-9 7-16 15-22 25-6 11-9 22-9 35 0 12 4 25 11 39 6 12 15 22 27 31 12 9 26 16 42 21 15 4 30 8 44 10 14 2 28 3 43 4-12 16-18 30-18 42 0 3 0 5 0 7 1 2 1 4 2 6 0 1 1 3 2 6 1 2 1 4 2 6-8-1-14-2-20-2-29 0-53 10-73 28-20 19-31 43-31 71 0 26 9 50 28 71 18 21 40 35 66 41 18 4 36 5 54 5z m297-73l0-36-73 0 0-73-37 0 0 73-73 0 0 36 73 0 0 73 37 0 0-73z"/>
<glyph unicode="&#67;" d="M256 475c40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110 0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29z m78-148c0-1-1-2-2-3-2-2-3-3-4-3 0 0 1 1 1 2 0 1 1 2 1 3 1 1 1 2 1 2 2 1 4 2 7 4 2 1 7 2 15 3 6 2 11 1 14-3 0 1 1 2 3 4 2 2 3 3 4 3 1 1 2 1 4 2 3 0 4 1 5 2l0 6c-2 0-4 1-5 2-1 2-2 4-2 6 0 0 0-1-1-2 0 1-1 2-2 2-1 0-2 0-3 0-1-1-2-1-3 0-1 0-3 1-4 2-1 1-2 2-2 4-1 3-1 4-1 5-1 1-2 2-3 3-1 1-2 2-3 3 0 0 0 1 0 1-1 1-1 2-1 2-1 1-1 1-1 2-1 0-1 0-2 0-1 0-1 0-2-1-1-1-1-2-2-3-1-1-1-1-1-1-1 0-2 0-2 0-1 0-1 0-1 0-1 0-1-1-2-1 0 0-1-1-1-1-1 0-2-1-3-1-1 0-1 0-2 0 3 1 3 2 0 3-2 0-4 1-5 1 2 0 3 1 2 3 0 2-1 3-2 4l1 0c0 1-1 2-2 2-2 1-3 2-5 3-2 1-3 1-4 2-1 1-5 1-10 2-5 1-8 1-9 0-1-1-1-2-1-3 0 0 0-2 1-4 1-1 1-3 1-3 0-1 0-3-2-4-1-1-2-2-2-3 0-2 2-3 4-5 3-1 4-3 3-6 0-1-2-3-4-4-3-2-4-3-5-4-1-1-1-3 0-5 0-2 1-4 3-5 0 0 0-1 0-1 0 0 0-1-1-1 0-1-1-1-1-1-1-1-2-1-2-1l-1-1c-2-1-4 0-6 2-2 2-3 4-4 7-1 5-3 8-4 9-5 1-8 1-9-1-1 3-5 5-11 8-5 2-11 2-17 1 1 0 1 2 0 4-1 3-3 4-5 4 0 1 1 3 1 5 0 2 0 3 0 4 1 2 2 4 3 6 1 0 1 1 2 3 2 1 2 2 3 3 1 2 1 2 0 2 7-1 12 0 15 3 1 1 2 3 3 5 1 2 2 4 3 5 2 1 3 2 4 2 1-1 2-1 4-2 2-1 3-1 4-1 3-1 4 0 5 3 0 2-1 4-3 5 3 0 3 2 1 5-1 2-1 2-2 3-2 1-5 0-8-2-1 0-1-1 1-2 0 0-1-1-3-3-1-2-3-4-5-5-1-1-3-1-4 2 0 0-1 1-2 3-1 3-1 4-2 4-2 0-3-1-5-4 1 2 0 3-3 4-3 2-5 2-7 3 4 2 3 4-2 7-2 1-4 2-6 2-3 0-5 0-6-1-1-2-1-3-1-4 0-1 0-1 1-2 1-1 2-1 3-2 1 0 2 0 3-1 2 0 2 0 3-1 3-1 3-3 2-4 0 0-1 0-2-1-2 0-3 0-4-1-1 0-1-1-1-1-1-1-1-2 0-4 0-2 0-3-1-4-1 1-2 3-2 5-1 2-2 4-2 5 1-2-1-3-8-2l-2 0c-1 0-3 0-5 0-2-1-4-1-6-1-1 1-3 1-4 3 0 1 0 3 0 5 0 1 1 1 1 1 0 1-1 1-3 3-1 1-2 2-3 2-8-3-17-7-26-12 1 0 2 0 3 1 1 0 2 1 4 2 1 0 2 1 3 1 6 3 10 3 12 2l1 2c3-3 5-6 6-8-2 1-4 1-9 1-4-1-6-3-6-4 1-2 2-4 1-5 0 1-2 2-3 3-1 1-3 2-4 3-1 1-3 1-4 2-3 0-6-1-7-1-28-15-50-36-67-63 1-1 3-2 4-2 0-1 1-1 1-3 0-2 0-3 1-3 0-1 1 0 3 1 2-2 2-4 1-6 0 0 4-2 12-7 4-4 6-6 6-6 1-3 0-4-2-6-1 1-1 2-3 3-2 1-2 2-3 1 0-1 0-3 1-5 0-3 1-4 3-4-2 0-3-1-3-4-1-3-1-7-1-10 0-4 0-6 0-7l0 0c0-3 0-6 2-10 2-5 4-6 6-6-2 0 0-5 6-12 1-2 2-3 2-3 1 0 2-1 4-2 1-1 3-2 4-3 1-1 2-2 3-3 0-1 1-3 3-6 1-3 2-6 4-7-1-1 0-3 2-6 2-2 3-4 3-6 0 0 0 0 0 0-1-1-1-1-1-1 0-1 2-2 4-4 3-1 4-2 5-3 0-1 0-2 0-3 0-2 1-3 1-3 1-1 1-1 2-1 1 4-1 10-6 18-3 4-5 7-5 8-1 1-1 2-2 4 0 2-1 4-1 5 0 0 1-1 2-1 0 0 1 0 2-1 1 0 2-1 2-1 1 0 1-1 1-1-1-1-1-3 0-5 1-2 2-4 4-5 1-2 3-3 5-6 1-2 3-3 3-3 1-1 2-3 4-6 2-2 2-4 0-4 2 0 4-1 6-3 2-1 3-3 5-5 1-2 1-4 2-8 0-3 1-5 1-7 1-1 1-2 3-3 1-2 2-3 3-3l5-2c0 0 1-1 4-2 1-1 2-2 5-3 2-2 4-3 6-4 2 0 3-1 5-1 1 0 2 0 4 1 1 0 3 1 4 1 2 0 5-1 8-4 3-4 5-6 6-6 7-4 12-5 16-4-1 0-1 0 0-2 0-1 1-2 2-4 1-2 2-3 3-4 0-1 1-2 1-3 1-1 3-2 5-4 3-2 4-3 5-4 2 0 2 1 2 2 0-1 1-3 2-5 2-3 4-4 6-3 2 0 4 3 4 9-6-3-11-1-14 5 0 0-1 1-1 2-1 0-1 1-1 2-1 1-1 2-1 2 0 1 0 2 0 3 0 0 1 0 1 0 2 0 3 1 3 1 0 1 0 2 0 4-1 2-1 3-1 4-1 1-2 3-4 5-1 3-3 4-3 5-1-2-2-3-5-3-2 1-3 1-4 3 0 0 0-1-1-2 0 0 0-1 0-1-2 0-4 0-4 0 0 0 0 2 0 5 1 3 1 5 1 6 1 1 1 2 2 4 1 1 2 3 2 4 1 1 1 2 1 3 0 2 0 2-1 3-1 1-3 1-5 1-4 0-6-2-7-6-1 0-1-1-1-3-1-1-1-2-2-3 0-1-1-2-2-2-2-1-4-1-7-1-3 0-6 1-7 2-2 1-5 4-6 8-2 4-3 8-3 11 0 1 0 4 1 7 0 3 0 6 0 7 1 2 0 4-1 7 0 1 1 2 2 3 2 1 3 2 3 3 1 0 1 0 2 0 0 1 0 1 1 0 0 0 1 0 1 1 0 0 1 1 1 2 0 0-1 0-1 0-1 1-1 1-1 1 1 0 4 0 8 1 4 1 6 0 8-1 2-2 5-2 6 1 0 0 0 1-1 3 0 1 0 2 0 3 1-5 4-6 8-2 1-1 2-1 5-2 2 0 4 0 5-1 0 0 1-1 2-2 0 0 1-1 1-1 1 0 1 0 2 0 0 1 1 1 2 2 2-3 3-5 4-7 2-7 3-12 5-12 1-1 2-1 3-1 1 0 1 1 1 3 1 1 1 3 0 4 0 1 0 2 0 3l0 3 0 5-1 2c-2 1-4 2-5 4-1 1 0 3 1 5 1 2 2 3 4 5 0 0 1 1 2 1 1 1 3 1 5 2 1 1 2 2 3 2 4 4 6 7 4 10 2 0 3 1 4 3-1 0-1 0-2 1-1 0-1 1-2 1-1 1-1 1-1 1 1 1 2 2 0 4 1 1 2 2 2 3 1 2 2 3 3 3 1-2 3-2 6 0 1 1 1 3 0 4 1 2 3 3 6 3 3 1 4 2 5 3 1 0 2 0 2 1 0 0 1 1 1 3 0 2 0 3 0 3 1 1 3 2 5 3 2 1 3 1 3 1l5 4c1 0 1 1 0 1 4-1 7 0 9 3 2 2 1 4-2 6 1 1 1 2 0 2-2 1-3 1-5 2 1 0 2 0 4 0 1 0 2 0 3 0 2 2 2 4-2 5-4 1-8 0-13-3z m-46-251c39 7 72 25 100 54-1 1-2 1-4 1-1 1-3 1-3 1-4 2-6 2-7 3 0 1 0 2-1 3 0 1-1 2-2 3-1 0-2 1-4 2-1 1-2 2-3 2 0 1-1 1-2 2-1 1-1 1-2 1 0 1-1 1-2 2-1 0-2 0-2 0-1 0-2 0-3 0l-1 0c-1 0-1-1-2-1 0 0-1-1-1-1-1 0-1 0-1-1 0 0 0 0 0 0-4 3-8 5-11 6-1 0-2 1-3 1-1 1-2 2-3 2-1 1-2 1-3 1-1 0-2-1-3-2-1-1-1-3-2-4 0-2 0-4 0-4-1 1-1 2 0 5 1 2 1 4 0 5 0 1-1 2-3 1-1 0-2 0-3-1-1 0-2-1-3-2-2-1-2-2-3-2 0 0-1-1-2-2-2-1-2-1-3-2 0-1-1-2-1-3-1-2-1-3-2-3 0 0-1 1-3 1-2 1-3 1-3 2 1-2 1-5 1-10 1-5 1-8 2-11 1-6 0-10-4-14-5-4-8-8-8-11-1-4 0-7 3-7 0-2 0-4-2-6-1-3-2-5-2-6 0-2 0-3 1-5z"/>
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Binary file not shown.

View File

@@ -28,6 +28,14 @@ body.admin {
}
}
.dashboard {
text-align: justify;
h3 {
font-weight: bold;
}
}
.button.secondary {
margin-right: rem-calc(12);
}

View File

@@ -120,4 +120,7 @@
}
.icon-google-plus:before {
content: "B";
}
}
.icon-language:before {
content: "C";
}

View File

@@ -15,6 +15,7 @@
// 13. Pagination
// 14. Tables
// 15. Social
// 16. Pages
//
// 01. Variables
@@ -97,6 +98,31 @@ a {
h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif;
font-weight: bold;
}
h1 {
font-size: rem-calc(30);
}
h2 {
font-size: rem-calc(24);
}
h3 {
font-size: rem-calc(20);
}
h4 {
font-size: rem-calc(18);
}
h5 {
font-size: rem-calc(16);
}
h6 {
font-size: rem-calc(14);
}
.button {
@@ -187,6 +213,14 @@ h1, h2, h3, h4, h5, h6 {
margin-bottom: $line-height;
}
.back, .icon-angle-left {
@include back;
& + h1 {
clear:both;
}
}
// 04. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -194,9 +228,8 @@ header {
background: url('header_bg.jpg');
background-position: 50% 50%;
background-size: cover;
box-shadow: 0 1px 3px #999;
color: $text;
min-height: rem-calc(480);
min-height: rem-calc(600);
&.results {
min-height: rem-calc(48);
@@ -227,6 +260,11 @@ header {
.home-page {
background-color: rgba(255,255,255,.85);
clear: both;
@media (min-width: $small-breakpoint) {
margin-top: rem-calc(66);
}
.button {
color: white;
@@ -261,6 +299,12 @@ header {
@media (min-width: $small-breakpoint) {
float: left;
}
.icon-language {
font-size: rem-calc(16);
line-height: rem-calc(24);
vertical-align: middle;
}
}
.external-links {
@@ -480,6 +524,7 @@ footer {
background: $brand;
color: white;
padding: rem-calc(24) 0 rem-calc(48) 0;
text-align: justify;
.logo {
@include logo;
@@ -750,14 +795,6 @@ form {
background: white;
padding-top: rem-calc(24);
h1 {
clear: both;
font-size: rem-calc(36);
font-weight: bold;
line-height: $line-height*2;
margin-bottom: rem-calc(24);
}
.icon-debates {
color: $debates;
font-size: rem-calc(60);
@@ -773,15 +810,6 @@ form {
margin-bottom: $line-height;
}
h2 {
clear: both;
font-size: rem-calc(30);
font-weight: bold;
line-height: $line-height;
margin: 0;
margin-bottom: rem-calc(12);
}
h3 {
clear: both;
font-size: rem-calc(20);
@@ -807,6 +835,29 @@ form {
}
}
}
select {
height: rem-calc(48);
margin-right: rem-calc(12);
}
.date {
select {
float: left;
width: 25%;
}
}
.verify-account {
padding-right: rem-calc(12);
.verified {
color: $check;
font-weight: bold;
line-height: rem-calc(42);
}
}
}
img.avatar, img.admin-avatar, img.moderator-avatar {
@@ -1059,3 +1110,38 @@ table {
color: #CE3E26;
}
}
// 16. Pages
// - - - - - - - - - - - - - - - - - - - - - - - - -
.page {
background: white;
min-height: 100%;
.menu {
margin-top: rem-calc(24);
a {
display: block;
margin-bottom: rem-calc(12);
}
}
.text {
margin-top: rem-calc(24);
text-align: justify;
ul {
li {
font-size: rem-calc(13);
margin-bottom: rem-calc(12);
}
}
}
}

View File

@@ -2,6 +2,9 @@ class PagesController < ApplicationController
skip_authorization_check
def help
end
def privacy
end

View File

@@ -2,13 +2,13 @@
<div class="small-12 column">
<%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: 'button radius small secondary right' %>
<span class="right" style="padding-right: 30px">
<span class="right verify-account">
<% if current_user.level_three_verified? %>
<%= t("account.show.level_three_user") %>
<p class="verified"><%= t("account.show.level_three_user") %></p>
<% elsif current_user.level_two_verified? %>
<%= t("account.show.level_two_user") %>
<p class="verified"><%= t("account.show.level_two_user") %></p>
<% else %>
<%= link_to t("account.show.verify_my_account"), new_residence_path, class: 'button radius small secondary right' %>
<%= link_to t("account.show.verify_my_account"), new_residence_path, class: 'button radius small success right' %>
<% end %>
</span>
@@ -18,25 +18,23 @@
<%= render 'shared/errors', resource: @account %>
<div class="row">
<div class="small-12 medium-6 column">
<div class="small-12 column">
<h2><%= t("account.show.avatar")%></h2>
<%= avatar_image(@account, seed: @account.id, size: 60) %>
<h2><%= t("account.show.personal")%></h2>
<div class="small-12 medium-4">
<% if @account.organization? %>
<%= 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 %>
<% else %>
<%= f.text_field :username, placeholder: t("account.show.username_label") %>
<% end %>
</div>
<div class="small-12 medium-6 column">
<h2><%= t("account.show.avatar")%></h2>
<%= avatar_image(@account, seed: @account.id, size: 100) %>
</div>
<h2><%= t("account.show.notifications")%></h2>

View File

@@ -1,7 +1,7 @@
<nav class="admin-sidebar">
<ul id="admin_menu">
<li>
<%= t("admin.dashboard.index.title") %>
<%= link_to t("admin.dashboard.index.title"), admin_root_path %>
</li>
<li <%= "class=active" if controller_name == "tags" %>>

View File

@@ -1,5 +1,30 @@
<h2><%= t("admin.dashboard.index.title") %></h2>
<div class="dashboard">
<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>Desde aquí puedes administrar el sistema, a través de las siguientes acciones:</p>
<h3>Temas de debate</h3>
<p>Los temas (también llamadas tags, o etiquetas) de debate son palabras que definen los usuarios al crear debates, para catalogarlos (ej: sanidad, movilidad, arganzuela, ...). Aquí se pueden eliminar temas inapropiados, o marcarlos para ser propuestos al crear debates (cada usuario puede definir los que quiera, pero se le sugieren algunos que nos parecen útiles como catalogación por defecto; aquí se puede cambiar cuáles se sugieren)</p>
<h3>Debates ocultos</h3>
<p>Cuando un moderador o un administrador oculta un debate aparecerá en esta lista. De esta forma los administradores pueden revisar que se ha ocultado el debate adecuado. Al pulsar "Confirmar" se acepta el que se haya ocultado, se considera que se ha hecho correctamente. Al pulsar "Volver a mostrar" se revierte la acción de ocultar y vuelve a ser un debate visible, en el caso de que se considere que ha sido una acción errónea el haberlo ocultado. Para facilitar la gestión, arriba encontramos un filtro con las secciones "pendientes" (los debates sobre los que todavía no se ha pulsado "confirmar" o "volver a mostrar", que deberían ser revisados todavía), "confirmados" y "todos". Es recomendable revisar regularmente la sección "pendientes".</p>
<h3>Comentarios ocultos</h3>
<p>Cuando un moderador o un administrador oculta un comentario aparecerá en esta lista. De esta forma los administradores pueden revisar que se ha ocultado el comentario adecuado. Al pulsar "Confirmar" se acepta el que se haya ocultado, se considera que se ha hecho correctamente. Al pulsar "Volver a mostrar" se revierte la acción de ocultar y vuelve a ser un comentario visible, en el caso de que se considere que ha sido una acción errónea el haberlo ocultado. Para facilitar la gestión, arriba encontramos un filtro con las secciones "pendientes" (los comentarios sobre los que todavía no se ha pulsado "confirmar" o "volver a mostrar", que deberían ser revisados todavía), "confirmados" y "todos". Es recomendable revisar regularmente la sección "pendientes".</p>
<h3>Usuarios bloqueados</h3>
<p>Cuando un moderador o un administrador bloquea a un usuario aparecerá en esta lista. Al bloquear a un usuario, éste deja de poder utilizarlo para ninguna acción de la web. Los administradores pueden desbloquearlos pulsando el botón al lado del nombre del usuario en la lista.</p>
<h3>Organizaciones</h3>
<p>En la web hay dos tipos de usuarios: individuales y organizaciones. Cualquier persona puede crear usuarios de un tipo o de otro en la propia web. Los usuarios de organizaciones pueden ser verificados por parte de los administradores, confirmando que quien gestiona el usuario efectivamente representa a esa organización. Una vez se haya realizado el proceso de verificación, por el proceso externo a la web que se haya definido para ello, se pulsa el botón "verificar" para confimarlo; lo que hará que al lado del nombre de la organización aparezca una etiqueta señalando que es una organización verificada. En caso de que el proceso de verificación haya sido negativo, se pulsa el botón "rechazar". Para editar alguno de los datos de la organización, se pulsa el botón "editar". Las organizaciones que no aparecen en la lista pueden ser encontradas para actuar sobre ellas por medio del buscador en la parte superior. Para facilitar la gestión, arriba encontramos un filtro con las secciones "pendientes" (las organizaciones que todavía no han sido verificadas o rechazadas), "verificadas", "rechazadas" y "todas". Es recomendable revisar regularmente la sección "pendientes".</p>
<h3>Cargos Públicos</h3>
<p>En la web, los usuarios individuales pueden ser usuarios normales, o cargos públicos. Estos últimos se diferencian de los primeros únicamente en que al lado de sus nombres aparece una etiqueta que les identifica, y cambia ligeramente el estilo de sus comentarios. Esto permite que los usuarios les identifiquen más fácilmente. Al lado de cada usuario vemos la identificación que aparece en su etiqueta, y su nivel (la manera que internamente usa la web para diferenciar entre un tipo de cargos y otros). Pulsando el botón "editar" al lado del usuario, se puede modificar su información. Los cargos públicos que no aparecen en la lista pueden ser encontrados para actuar sobre ellos por medio del buscador en la parte superior.</p>
<h3>Configuración Global</h3>
<p>Opciones generales de configuración del sistema.</p>
<h3>Estadísticas</h3>
<p>Estadísticas generales del sistema.</p>
</div>
<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

@@ -4,8 +4,8 @@
<%= render "shared/locale_switcher" %>
<div class="external-links">
<%= link_to t("layouts.header.participation"), root_path, class: "selected" %>&nbsp;|
<%= link_to t("layouts.header.external_link_transparency"), t("layouts.header.external_link_transparency_url"), target: "_blank" %>&nbsp;|
<%= link_to t("layouts.header.external_link_opendata"), t("layouts.header.external_link_opendata_url"), target: "_blank" %>
<%= link_to t("layouts.header.external_link_transparency"), "/transparency" %>&nbsp;|
<%= link_to t("layouts.header.external_link_opendata"), "/opendata" %>
</div>
</div>
</section>
@@ -28,20 +28,23 @@
</section>
<section class="subnavigation row">
<div class="small-12 medium-2 medium-offset-1 column end">
<%= link_to t("layouts.header.welcome"), root_path %>
</div>
<!-- <div class="small-12 medium-2 medium-offset-1 column end">
<%#= link_to t("layouts.header.welcome"), root_path %>
</div> -->
<div class="small-12 medium-2 column end">
<%= link_to t("layouts.header.debates"), debates_path, class: ("active" if current_page?(controller: "/debates")) %>
</div>
<!-- <div class="small-12 medium-2 column end">
<%#= link_to t("layouts.header.initiatives"), "#" %>
</div> -->
<div class="small-12 medium-2 column end">
<%= link_to t("layouts.header.initiatives"), "#" %>
<%= link_to t("layouts.header.how_it_works"), "/how_it_works" %>
</div>
<div class="small-12 medium-2 column end">
<%= link_to t("layouts.header.how_it_works"), "#" %>
<%= link_to t("layouts.header.help"), "/help" %>
</div>
<div class="small-12 medium-2 column end">
<%= link_to t("layouts.header.external_link_blog"), "#" %>
<%= link_to t("layouts.header.external_link_blog"), t("layouts.header.external_link_blog_url"), target: "_blank" %>
</div>
</section>
</nav>

View File

@@ -1,7 +1,7 @@
<nav class="admin-sidebar">
<ul id="moderation_menu">
<li>
<%= t("moderation.dashboard.index.title") %>
<%= link_to t("moderation.dashboard.index.title"), moderation_root_path %>
</li>
<li <%= "class=active" if controller_name == "debates" %>>

View File

@@ -1,5 +1,11 @@
<h2><%= t("moderation.dashboard.index.title") %></h2>
<div class="dashboard">
<h2><%= t("moderation.dashboard.index.title") %></h2>
<p>Lorem ipsum moderator 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>Desde aquí puedes moderar el sistema, a través de las siguientes acciones:</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>
<h3>Debates</h3>
<p>Cuando un usuario marca en un debate la opción de "denunciar como inapropiado", aparecerá en esta lista. Respecto a cada uno aparecerá el título, fecha y el texto del debate. A la derecha aparece el número de denuncias (cuántos usuarios diferentes han marcado la opción de denuncia), y las posibles acciones para el moderador: "Ocultar" (lo que hará que ese debate deje de mostrarse para los demás usuarios) e "Ignorar" (que implica que el moderador considera que no debe ser ocultado). Para facilitar la gestión, arriba encontramos un filtro con las secciones "pendientes" (los debates sobre los que todavía no se ha pulsado "ocultar" o "ignorar", que deberían ser revisados todavía), "ignorados" y "todos". Es recomendable revisar regularmente la sección "pendientes".</p>
<h3>Comentarios<h3>
<p>Cuando un usuario marca en un comentario la opción de "denunciar como inapropiado", aparecerá en esta lista. Respecto a cada uno aparecerá el debate al que pertenece, la fecha y el texto del comentario. A la derecha aparece el número de denuncias (cuántos usuarios diferentes han marcado la opción de denuncia), y las posibles acciones para el moderador: "Ocultar" (lo que hará que ese comentario deje de mostrarse para los demás usuarios) e "Ignorar" (que implica que el moderador considera que no debe ser ocultado). Para facilitar la gestión, arriba encontramos un filtro con las secciones "pendientes" (los comentarios sobre los que todavía no se ha pulsado "ocultar" o "ignorar", que deberían ser revisados todavía), "ignorados" y "todos". Es recomendable revisar regularmente la sección "pendientes".</p>
</div>

View File

@@ -1 +1,7 @@
<%= simple_format t('pages.census_terms') %>
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<%= simple_format t('pages.census_terms') %>
</div>
</div>
</div>

View File

@@ -1 +1,7 @@
<%= t('pages.general_terms') %>
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<h1><%= t('pages.general_terms') %></h1>
</div>
</div>
</div>

View File

@@ -0,0 +1,54 @@
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<div class="small-12 medium-3 column menu">
<h1>Ayuda</h1>
<a href="#2">Utilízala en tu municipio libremente o ayúdanos a mejorarla, es software libre</a>
<a href="#3">Próximas novedades</a>
<a href="#4">El Área de Gobierno de Participación Ciudadana, Transparencia y Gobierno Abierto</a>
</div>
<div class="small-12 medium-9 column text">
<h2 id="2">Utilízala en tu municipio libremente o ayúdanos a mejorarla, es software libre</h2>
<p>Este Portal de Gobierno Abierto es software libre, con licencia AGPLv3, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica, cuando se libera.</p>
<p>No sólo puedes utilizar libremente este portal en tu municipio, sino que desde el Ayuntamiento de Madrid vamos a ayudarte todo lo posible a que lo hagas, así que si estás interesado, escríbenos a ag.gobiernoabierto@madrid.es [imagen o algo así del e-mail para que no nos troléen demasiado los spammers]</p>
<p>Si eres programador, puedes ver el código y ayudarnos a mejorarlo en https://github.com/ayuntamientomadrid</p>
<h2 id="3">Próximas novedades</h2>
<p>En breve inauguraremos la sección de propuestas ciudadanas. Una sección que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</p>
<h2 id="4">El Área de Gobierno de Participación Ciudadana, Transparencia y Gobierno Abierto.</h2>
<p>El nuevo gobierno del Ayuntamiento de Madrid ha creado un nuevo área de gobierno: Participación Ciudadana, Transparencia y Gobierno Abierto. El objetivo de este área es claro: que los madrileños puedan decidir directamente la política de la ciudad, y que todo lo que ocurra en el Ayuntamiento, hasta el último rincón, esté a la vista de todos.</p>
<p>Iremos publicando nuestros avances, las novedades y cualquier otra cosa que queramos compartir con vosotros en nuestro blog: [URL todavía pendiente]</p>
<p>Y podéis escribirnos para cualquier cosa a: ag.gobiernoabierto@madrid.es [imagen o algo así del e-mail para que no nos troléen demasiado los spammers]</p>
<p>A continuación os presentamos algunas de los principales novedades que tenemos planeadas poner en marcha, aparte de las que vayamos diseñando o se nos vayan proponiendo durante la legislatura:</p>
<h3>Participación.</h3>
<ul>
<li>Presupuestos participativos. Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
<li> Legislacion colaborativa. A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia, hasta revisar el texto final.</li>
<li> Co-gobierno ciudadano. Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
<li>Participación sectorial. La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
<li>Inclusión, neutralidad y privacidad. Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
<li>Innovación social. Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
</ul>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,40 @@
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<div class="small-12 medium-3 column menu">
<h1>¿Cómo funciona esta página?</h1>
<a href="#1">¿Cómo funciona esta página?</a>
</div>
<div class="small-12 medium-9 column text">
<h2 id="1">¿Cómo funciona esta página?</h2>
<p>El nuevo Portal de Gobierno Abierto está dividido en tres partes: Participación, Transparencia y Datos Abiertos (verás los enlaces en la parte superior derecha).</p>
<p>Participación: Donde poder decidir qué ciudad queremos tener (a través de propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, y muchos otros procesos que iremos implementando)</p>
<p>Transparencia: El espacio para ejercer nuestro derecho de acceso a la información. El derecho a que cualquier persona pueda preguntar cualquier tipo de información sobre el Ayuntamiento, y se le deba responder, y de manera clara y satisfaciendo la pregunta.</p>
<p>Datos Abiertos: Aquí iremos colgando todas las bases de datos que tiene el Ayuntamiento, para que cualquiera pueda usar toda la información directamente, sin necesidad ni siquiera de preguntar.</p>
<p>Inauguramos el nuevo portal con la nueva sección de Participación, y en breve añadiremos las nuevas secciones de Transparencia y Datos Abiertos (así que mantenemos por el momento los enlaces a las páginas al respecto que ya existían).</p>
<h3>Participación</h3>
<p>El apartado de participación comprenderá diferentes mecanismos de participación: propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, entre muchos otros. Por el momento presentamos el espacio de debate, y muy pronto las propuestas ciudadanas.</p>
<h4>Espacio de debate</h4>
<p>En éste espacio, cualquier persona puede abrir un hilo de discusión sobre cualquier tema, creando un espacio independiente donde la gente podrá debatir sobre el tema propuesto. De esta manera, en este espacio digital convivirán cada día cientos de espacios de debate distintos entre los que la ciudadanía podrá pasearse, sumándose a los que más les interese.</p>
<p>Tanto los hilos, como los comentarios podrán ser valorados por cualquiera, de tal manera que será la propia ciudadanía, y nadie en su nombre, la que decida cuáles son los temas más importantes en cada momento. Estos serán presentados en la portada del espacio, pudiendo por supuesto accederse a todos los demás temas en páginas posteriores, o usando otros criterios de ordenación (los temas con más comentarios, los más nuevos, los más controvertidos, etc.).</p>
<p>Cada uno de los trabajadores del Ayuntamiento tiene un usuario propio, que será resaltado como tal, permitiendo que participen en los debates al mismo nivel que todos los demás ciudadanos. Esto permitirá crear espacios de comunicación directos entre unos y otros, evitando los inconvenientes que implica la comunicación medidada, y respondiendo a un planteamiento claro por parte del nuevo gobierno de Madrid por el cual el Ayuntamiento trabaja para sus ciudadanos, y ante ellos debe responder.</p>
<p>[Puedes obtener información más detallada de cómo interactuar en el espacio de debate en este enlace] [no sé si es mejor el tutorial llevarlo a una página siguiente o que esté también aquí] [esto lo hacemos una vez esté lista la página]</p>
</div>
</div>
</div>
</div>

View File

@@ -1 +1,7 @@
<%= t('pages.legal') %>
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<h1><%= t('pages.legal') %></h1>
</div>
</div>
</div>

View File

@@ -1 +1,13 @@
<%= t('pages.opendata') %>
<div class="row-full page">
<div class="row">
<div class="small-12 medium-10 column text-center">
<h1><%= t('pages.opendata') %></h1>
<p>Estamos trabajando en el nuevo Portal de Datos Abiertos de Ayuntamiento de Madrid, para que puedas reutilizar todos los datos de Ayuntamiento como quieras. Por ahora puedes visitar el portal qu existía hasta ahora:</p>
<%= link_to "Ir al Portal de Datos Abiertos existente anteriormente", t("layouts.header.external_link_opendata_url"), target: "_blank", class: "button radius" %>
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="http://diario.madrid.es/participa/" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>

View File

@@ -1 +1,7 @@
<%= t('pages.privacy') %>
<div class="row-full page">
<div class="row">
<div class="small-12 column">
<h1><%= t('pages.privacy') %></h1>
</div>
</div>
</div>

View File

@@ -1 +1,13 @@
<%= t('pages.transparency') %>
<div class="row-full page">
<div class="row">
<div class="small-12 medium-10 column text-center">
<h1><%= t('pages.transparency') %></h1>
<p>Estamos trabajando en el nuevo Portal de Transparencia del Ayuntamiento de Madrid, para que no quede ni una esquina del Ayuntamiento que no puedas ver. Por ahora puedes visitar el portal que existía hasta ahora:</p>
<%= link_to "Ir al Portal de Transparencia existente anteriormente", t("layouts.header.external_link_transparency_url"), target: "_blank", class: "button radius" %>
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="http://diario.madrid.es/participa/" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>

View File

@@ -1,5 +1,8 @@
<div class="locale">
<span class="inline-block"><%= t("layouts.header.locale") %></span>
<span class="inline-block">
<i class="icon-language"></i>
<%= t("layouts.header.locale") %>
</span>
<form class="locale-form">
<select class="js-location-changer locale-switcher" name="locale-switcher">
<% I18n.available_locales.map do |loc| %>

View File

@@ -3,14 +3,14 @@
<i class="icon-angle-left left"></i>&nbsp;<%= link_to t("devise_views.users.registrations.edit.back_link"), :back, class: "left back" %>
<h1><%= t("devise_views.users.registrations.edit.edit") %> <%= resource_name.to_s.humanize %></h1>
<h1><%= t("devise_views.users.registrations.edit.edit") %></h1>
<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
<%= devise_error_messages! %>
<div class="row">
<div class="small-12 column">
<%= f.label :email, t("devise_views.users.registrations.edit.email_label") %>
<%= f.email_field :email, autofocus: true, placeholder: t("devise_views.users.registrations.edit.email_label") %>
<%= f.email_field :email, label: false, autofocus: true, placeholder: t("devise_views.users.registrations.edit.email_label") %>
</div>
<div class="small-12 column">
@@ -27,13 +27,13 @@
<div class="small-12 column">
<%= f.label :password_confirmation, t("devise_views.users.registrations.edit.password_confirmation_label") %>
<%= f.password_field :password_confirmation, autocomplete: "off", placeholder: t("devise_views.users.registrations.edit.password_confirmation_label") %>
<%= f.password_field :password_confirmation, label: false, autocomplete: "off", placeholder: t("devise_views.users.registrations.edit.password_confirmation_label") %>
</div>
<div class="small-12 column">
<%= f.label :current_password, t("devise_views.users.registrations.edit.current_password_label") %>
<span class="note"><%= t("devise_views.users.registrations.edit.need_current") %></span>
<%= f.password_field :current_password, autocomplete: "off", placeholder: t("devise_views.users.registrations.edit.current_password_label") %>
<%= f.password_field :current_password, label: false, autocomplete: "off", placeholder: t("devise_views.users.registrations.edit.current_password_label") %>
</div>
<div class="small-12 column">

View File

@@ -6,23 +6,33 @@
<%= form_for @residence, as: "residence", url: residence_path do |f| %>
<%= render 'errors' %>
<%= f.select :document_type, document_types, prompt: "" %>
<%= f.text_field :document_number %>
<div class="small-12 medium-6">
<div class="small-6 medium-3">
<%= f.select :document_type, document_types, prompt: "" %>
</div>
<div class="small-6 medium-8">
<%= f.text_field :document_number %>
</div>
</div>
<div class="date small-12 medium-6">
<%= f.date_select :date_of_birth,
prompt: true,
start_year: 1900, end_year: 16.years.ago.year %>
<%= f.text_field :postal_code %>
<div class="small-12 column">
<span class="left">
<%= f.check_box :terms_of_service, label: t("verification.residence.new.accept_terms_text") %>
</span>
<span class="left" style="padding-left: 20px">
<%= link_to t("verification.residence.new.accept_terms_link"), '/census_terms', target: "_blank" %>
</span>
</div>
<%= f.submit "Verify" %>
<div class="small-12 medium-4 clear">
<%= f.text_field :postal_code %>
</div>
<div class="small-12">
<%= f.check_box :terms_of_service, label: t("verification.residence.new.accept_terms_text") %>
<%= link_to t("verification.residence.new.accept_terms_link"), '/census_terms', target: "_blank" %>
</div>
<div class="small-12 clear">
<%= f.submit "Verify" %>
</div>
<% end %>
</div>
</div>

View File

@@ -7,6 +7,7 @@ en:
external_link_opendata: Open data
external_link_opendata_url: "http://datos.madrid.es"
external_link_blog: Blog
external_link_blog_url: "http://diario.madrid.es/participa/"
open_gov: "%{open} government"
open: "Open"
participation: Participation
@@ -23,13 +24,14 @@ en:
open_city_soon: "And soon... we opened the section of citizen proposals."
see_all_debates: See all debates
my_account_link: My account
locale: "Site language:"
locale: "Language:"
administration: Administration
moderation: Moderation
welcome: Welcome
# welcome: Welcome
how_it_works: How it works
help: Help
debates: Debates
initiatives: Initiatives
# initiatives: Initiatives
footer:
description:
"The city you want, it will be the city you want. Get more information here on this page.

View File

@@ -7,6 +7,7 @@ es:
external_link_opendata: Datos abiertos
external_link_opendata_url: "http://datos.madrid.es"
external_link_blog: Blog
external_link_blog_url: "http://diario.madrid.es/participa/"
open_gov: "Gobierno %{open}"
open: "abierto"
participation: Participación
@@ -23,13 +24,14 @@ es:
open_city_soon: "Y muy pronto... abrimos la sección de propuestas ciudadanas."
see_all_debates: Ver todos los debates
my_account_link: Mi cuenta
locale: "Idioma de la página:"
locale: "Idioma:"
administration: Administrar
moderation: Moderar
welcome: Portada
# welcome: Portada
how_it_works: "Cómo funciona"
help: Ayuda
debates: Debates
initiatives: Iniciativas
# initiatives: Iniciativas
footer:
description:
"La ciudad que quieres, será la ciudad que quieras. Obtén aquí más información sobre esta página.

View File

@@ -25,11 +25,11 @@ feature 'Localization' do
scenario 'Changing the locale', :js do
visit '/'
expect(page).to have_content('Site language')
expect(page).to have_content('Language')
select('Español', from: 'locale-switcher')
expect(page).to have_content('Idioma de la página')
expect(page).to_not have_content('Site language')
expect(page).to have_content('Idioma')
expect(page).to_not have_content('Language')
expect(page).to have_select('locale-switcher', selected: 'Español')
end
end