From 54f8549c43ea9c7ce10ea036ebe94ea0b371824a Mon Sep 17 00:00:00 2001 From: Amaia Castro Date: Wed, 30 Nov 2016 13:39:58 +0100 Subject: [PATCH 1/7] Set up sandbox --- app/controllers/sandbox_controller.rb | 27 +++++++++++ app/views/sandbox/index.html.erb | 13 ++++++ app/views/sandbox/test_sandbox.html.erb | 61 +++++++++++++++++++++++++ config/routes.rb | 5 ++ 4 files changed, 106 insertions(+) create mode 100644 app/controllers/sandbox_controller.rb create mode 100644 app/views/sandbox/index.html.erb create mode 100644 app/views/sandbox/test_sandbox.html.erb diff --git a/app/controllers/sandbox_controller.rb b/app/controllers/sandbox_controller.rb new file mode 100644 index 000000000..ea5a3e96b --- /dev/null +++ b/app/controllers/sandbox_controller.rb @@ -0,0 +1,27 @@ +class SandboxController < ApplicationController + skip_authorization_check + + def index + @templates = Dir.glob(Rails.root.join('app/views/sandbox/*.html.erb').to_s).map do |filename| + filename = File.basename(filename, File.extname(filename)) + filename unless filename.starts_with?('_') || filename == 'index.html' + end.compact + end + + def show + if params[:template].index('.') # CVE-2014-0130 + render :action => "index" + elsif lookup_context.exists?("sandbox/#{params[:template]}") + if params[:template] == "index" + render :action => "index" + else + render "sandbox/#{params[:template]}" + end + + elsif lookup_context.exists?("sandbox/#{params[:template]}/index") + render "sandbox/#{params[:template]}/index" + else + render :action => "index" + end + end +end diff --git a/app/views/sandbox/index.html.erb b/app/views/sandbox/index.html.erb new file mode 100644 index 000000000..9d6303698 --- /dev/null +++ b/app/views/sandbox/index.html.erb @@ -0,0 +1,13 @@ +
+
+
+

Welcome to sandbox

+ +
    + <% @templates.each do |template| %> +
  • <%= link_to template, "/sandbox/" + template %>
    • + <% end %> +
+
+
+
diff --git a/app/views/sandbox/test_sandbox.html.erb b/app/views/sandbox/test_sandbox.html.erb new file mode 100644 index 000000000..5d61aab9d --- /dev/null +++ b/app/views/sandbox/test_sandbox.html.erb @@ -0,0 +1,61 @@ +
+
+

Más información

+ +
+
diff --git a/config/routes.rb b/config/routes.rb index 07200f76c..6d6e23686 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -1,5 +1,10 @@ Rails.application.routes.draw do + if Rails.env.development? || Rails.env.staging? + get '/sandbox' => 'sandbox#index' + get '/sandbox/*template' => 'sandbox#show' + end + devise_for :users, controllers: { registrations: 'users/registrations', sessions: 'users/sessions', From bbacd4546bc750ea9c7255d40c6d1e78c5d38cab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Thu, 1 Dec 2016 13:37:40 +0100 Subject: [PATCH 2/7] Legislation process markup and styles --- app/assets/stylesheets/application.scss | 2 + app/assets/stylesheets/legislation.scss | 131 +++++++++++ .../stylesheets/legislation_process.scss | 205 ++++++++++++++++++ app/assets/stylesheets/participation.scss | 2 +- app/views/sandbox/legislation_debate.html.erb | 159 ++++++++++++++ app/views/sandbox/legislation_draft.html.erb | 93 ++++++++ app/views/sandbox/legislation_home.html.erb | 67 ++++++ 7 files changed, 658 insertions(+), 1 deletion(-) create mode 100644 app/assets/stylesheets/legislation.scss create mode 100644 app/assets/stylesheets/legislation_process.scss create mode 100644 app/views/sandbox/legislation_debate.html.erb create mode 100644 app/views/sandbox/legislation_draft.html.erb create mode 100644 app/views/sandbox/legislation_home.html.erb diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 36e055a4e..6a773e38f 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -6,6 +6,8 @@ @import "admin"; @import "layout"; @import "participation"; +@import "legislation"; +@import "legislation_process"; @import "custom"; @import "c3"; @import "annotator.min"; diff --git a/app/assets/stylesheets/legislation.scss b/app/assets/stylesheets/legislation.scss new file mode 100644 index 000000000..389d92e03 --- /dev/null +++ b/app/assets/stylesheets/legislation.scss @@ -0,0 +1,131 @@ +// Table of Contents +// +// 01. Hero +// 02. Sidebar menu +// 03. Legislation cards +// + +// 01. Hero +// ----------------- +.legislation-hero { + margin-bottom: 4rem; +} + +.brand-heading { + background: $brand; + + .column { + padding-top: 10rem; + padding-bottom: 10rem; + + h4 { + font-weight: 400; + text-align: center; + color: white; + } + } +} + +// 02. Sidebar menu +// ----------------- +.legislation-categories { + ul { + list-style: none; + padding-left: 0; + margin-left: 0; + + li { + cursor: pointer; + + @include breakpoint(medium) { + max-width: 80%; + } + + h4 { + font-weight: 400; + color: $text-medium; + margin-bottom: 3rem; + transition: color 0.25s ease-out, color 0.25s ease-out; + } + + &:hover h4, &:active h4 { + color: $brand; + } + } + + .active h4 { + font-weight: 700; + color: $brand; + padding-bottom: 0.5rem; + border-bottom: 2px solid $brand; + } + } +} + +// 03. Legislation cards +// ----------------- +.legislation { + margin: 0 0 4rem 0; +} + +.legislation { + background: white; + border: 1px solid; + border-color: #e5e6e9 #dfe0e4 #d0d1d5; + border-radius: 0; + box-shadow: 0px 1px 3px 0 #DEE0E3; + min-height: 12rem; + padding: 2rem 0 0 0; +} + +.button-legislation { + background: white; + border: 1px solid #2C9BE5; + color: #2C9BE5; + display: inline-block; + font-weight: 700; + margin-top: rem-calc(12); + + .icon-comments { + margin-right: 0.5rem; + color: $text-medium; + transition: color 0.25s ease-out, color 0.25s ease-out; + } + + &:hover, &:active { + border: 1px solid lighten(#2C9BE5, 25%); + cursor: pointer; + } + + &:hover .icon-comments, &:active .icon-comments { + color: white; + } +} + +.legislation-text { + margin-bottom: 1rem; + + h3 a { + color: $black; + } +} + +.legislation-calendar-info p { + font-size: $small-font-size; + color: $text-medium; + margin-bottom: 0; +} + +.legislation-calendar { + background: #E5ECF2; + padding-top: 1rem; + + h5 { + margin-bottom: 0; + color: #61686E; + } + + p { + font-size: $small-font-size; + } +} diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss new file mode 100644 index 000000000..31045f649 --- /dev/null +++ b/app/assets/stylesheets/legislation_process.scss @@ -0,0 +1,205 @@ +// Table of Contents +// +// 01. Utils +// 02. Hero +// 03. Legislation process +// 04. Debate list +// 05. Legislation draft +// + +// 01. Utils +// ----------------- +.grey { + color: #878787; +} + +.grey-heading { + background: #E6E6E6; +} + +.center { + text-align: center; +} + +.right { + text-align: right; +} + +.strong { + font-weight: 700; +} + +// 02. Hero +// ----------------- +.legislation-hero { + padding-top: 1.5rem; + + @include breakpoint(medium) { + padding-top: 3.5rem; + } + + h4 { + color: #878787; + text-transform: uppercase; + font-weight: 400; + } + + ul { + list-style: none; + margin-left: 0; + + li:before { + vertical-align: text-bottom; + padding-right: 0.5rem; + content: "■"; + color: #8AA8BE; + } + } + + .half-gradient { + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */ + background: #e6e6e6; /* Old browsers */ + background: -moz-linear-gradient(top, #e6e6e6 0%, #e6e6e6 50%, #ffffff 50%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #e6e6e6 0%,#e6e6e6 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #e6e6e6 0%,#e6e6e6 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ + } + + .center .button { + background: #004A83; + margin-bottom: 0; + } + + .headline { + margin-bottom: 1rem; + } + + .description { + margin-bottom: 1rem; + } + + .button-subscribe { + margin-top: 1.5rem; + + h3 { + margin-bottom: 0; + } + + p { + margin-bottom: 0; + font-size: $small-font-size; + } + + &:hover h3 { + color: white; + } + + @include breakpoint(medium) { + padding: 0.5em 1em; + margin-top: 3rem; + } + } + + @include breakpoint(medium) { + .headline { + margin-bottom: 4rem; + } + + .description { + margin-bottom: 0; + } + } +} + +// 03. Legislation process +// ----------------- +.legislation-process-categories { + list-style: none; + margin-left: 0; + padding-left: 0; + border-bottom: 1px solid $medium-gray; + + li { + cursor: pointer; + margin-left: 3rem; + display: inline-block; + + a, + h4 { + color: #6D6D6D; + margin-bottom: 0; + } + a:hover { + text-decoration: none; + } + } + + .active { + border-bottom: 2px solid $brand; + } + + .active h4 { + // padding-bottom: 0.4rem; + } +} + +// 04. Debate list +// ----------------- +.debate-chooser { + padding: 2rem 3rem; + + .debate-block { + margin-bottom: 2.5rem; + + .debate-type { + text-transform: uppercase; + color: #178DCC; + font-weight: 700; + font-size: $small-font-size; + + .icon-debates { + margin-left: 0.2rem; + } + } + + .debate-title a { + color: $brand; + } + + .debate-meta, + .debate-meta a { + font-size: $small-font-size; + color: #6D6D6D; + + .icon-comments { + margin-right: 0.2rem; + } + } + } + + .debate-info { + padding: 1rem; + background: #F4F4F4; + } +} + +// 05. Legislation draft +// ----------------- +.debate-draft { + padding: 10rem 2rem 15rem 2rem; + display: block; + background: #F2F2F2; + + button { + height: 90px; + + h3 { + margin-bottom: 0; + } + + p { + margin-bottom: 0; + font-size: $small-font-size; + } + } +} diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index a5e1d7df2..79702b138 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -492,7 +492,7 @@ } } -.debate, .proposal, .investment-project { +.debate, .proposal, .investment-project, .legislation { margin: $line-height/4 0; .panel { diff --git a/app/views/sandbox/legislation_debate.html.erb b/app/views/sandbox/legislation_debate.html.erb new file mode 100644 index 000000000..92d018965 --- /dev/null +++ b/app/views/sandbox/legislation_debate.html.erb @@ -0,0 +1,159 @@ +
+
+
+

Colabora en la elaboración de la normativa sobre

+

+ Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

+
+
+ +

Suscríbete al proceso

+

Recibe notificaciones clave sobre el proceso

+ +
+
+ +
+
+

En qué consiste

+

Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites.

+
+
+

A quién va dirigido

+
    +
  • Ciudadanos con vivienda en propiedad
    • +
  • Profesionales de la construcción y reformas
    • +
  • Empresarios con locales comerciales
    • +
+
+
+

Cómo puedes participar

+
    +
  • Participa en el debate previo para identificar los problemas a solucionar, la necesidad de esta normativa, sus objetivos y posibles soluciones alternativas.
    • +
  • Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar comentarios y alegaciones.
    • +
+
+
+ +
+ + Más información y contexto + +
+
+ +
+ + +
+
+
+
+ +
+
+ Debate +
+
+

¿Qué medidas podría adoptar el Ayuntamiento de Madrid para facilitar y agilizar la autorización para la realización de obras y la apertura de locales comerciales o empresariales?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+ Debate +
+
+

¿En el ámbito de las autorizaciones urbanísticas, es partidario de que se modifique el papel que juegan las empresas privadas acreditadas (ECU) para que también puedan facilitar las gestiones en las obras que realicen los particulares en sus viviendas u otras actuaciones similares?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+ Debate +
+
+

¿Qué medidas podría adoptar el Ayuntamiento de Madrid para facilitar y agilizar la autorización para la realización de obras y la apertura de locales comerciales o empresariales?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+ Debate +
+
+

¿En el ámbito de las autorizaciones urbanísticas, es partidario de que se modifique el papel que juegan las empresas privadas acreditadas (ECU) para que también puedan facilitar las gestiones en las obras que realicen los particulares en sus viviendas u otras actuaciones similares?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+ Debate +
+
+

¿Qué medidas podría adoptar el Ayuntamiento de Madrid para facilitar y agilizar la autorización para la realización de obras y la apertura de locales comerciales o empresariales?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+ Debate +
+
+

¿En el ámbito de las autorizaciones urbanísticas, es partidario de que se modifique el papel que juegan las empresas privadas acreditadas (ECU) para que también puedan facilitar las gestiones en las obras que realicen los particulares en sus viviendas u otras actuaciones similares?

+
+
+ Sin comentarios · 27/11/2016 +
+
+ +
+
+
+
Realiza tus aportaciones al debate previo participando en los siguientes temas.
+
+
+
+
+ diff --git a/app/views/sandbox/legislation_draft.html.erb b/app/views/sandbox/legislation_draft.html.erb new file mode 100644 index 000000000..29db933d3 --- /dev/null +++ b/app/views/sandbox/legislation_draft.html.erb @@ -0,0 +1,93 @@ +
+
+
+

Colabora en la elaboración de la normativa sobre

+

+ Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

+
+
+ +

Suscríbete al proceso

+

Recibe notificaciones clave sobre el proceso

+ +
+
+ +
+
+

En qué consiste

+

Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites.

+
+
+

A quién va dirigido

+
    +
  • Ciudadanos con vivienda en propiedad
    • +
  • Profesionales de la construcción y reformas
    • +
  • Empresarios con locales comerciales
    • +
+
+
+

Cómo puedes participar

+
    +
  • Participa en el debate previo para identificar los problemas a solucionar, la necesidad de esta normativa, sus objetivos y posibles soluciones alternativas.
    • +
  • Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar comentarios y alegaciones.
    • +
+
+
+ +
+ + Más información y contexto + +
+
+ +
+ + +
+
+
+ +
+

Esta fase del proceso todavía no está abierta

+

Suscríbete al proceso para recibir un aviso en el momento en que se abra.

+
+ +
+ +
+ +
+
+
+
diff --git a/app/views/sandbox/legislation_home.html.erb b/app/views/sandbox/legislation_home.html.erb new file mode 100644 index 000000000..09ea887c1 --- /dev/null +++ b/app/views/sandbox/legislation_home.html.erb @@ -0,0 +1,67 @@ +
+
+
+

+ PROCESOS DESTACADOS +

+
+
+
+ +
+
+
    +

  • Procesos activos

    • +

  • Próximamente

    • +

  • Terminados

    • +
+
+ +
+
+ +
+
+
+
+

Licencias urbanísticas, declaraciones responsables y comunicaciones previas

+

Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites

+
+
+ + +
+ +
+
+

Fechas clave:

+
+
+ +
+
+
Debate previo
+

15 nov 2016 - 15 dic 2016

+
+
+
Publicación borrador
+

1 dic 2016

+
+
+
Alegaciones
+

1 dic 2016 - 15 dic 2016

+
+
+
Publicación resultados
+

15 feb 2017

+
+
+
+ +
+
+
From 23211337efb701d6fab02a2d1a5e9def446cbedf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Mon, 5 Dec 2016 16:17:22 +0100 Subject: [PATCH 3/7] Legislation process debate markup --- .../stylesheets/legislation_process.scss | 186 ++++++++++++++++-- app/assets/stylesheets/participation.scss | 3 +- app/views/sandbox/legislation_debate.html.erb | 7 +- .../sandbox/legislation_debate_quiz.html.erb | 57 ++++++ app/views/sandbox/legislation_home.html.erb | 4 +- 5 files changed, 229 insertions(+), 28 deletions(-) create mode 100644 app/views/sandbox/legislation_debate_quiz.html.erb diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index 31045f649..2ba1a4685 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -4,7 +4,8 @@ // 02. Hero // 03. Legislation process // 04. Debate list -// 05. Legislation draft +// 05. Debate quiz +// 06. Legislation draft // // 01. Utils @@ -33,9 +34,11 @@ // ----------------- .legislation-hero { padding-top: 1.5rem; + margin-bottom: 2rem; @include breakpoint(medium) { padding-top: 3.5rem; + margin-bottom: 4rem; } h4 { @@ -72,14 +75,23 @@ .headline { margin-bottom: 1rem; + + @include breakpoint(medium) { + margin-bottom: 4rem; + + } } .description { margin-bottom: 1rem; + + @include breakpoint(medium) { + margin-bottom: 0; + } } .button-subscribe { - margin-top: 1.5rem; + margin-top: 1rem; h3 { margin-bottom: 0; @@ -99,16 +111,6 @@ margin-top: 3rem; } } - - @include breakpoint(medium) { - .headline { - margin-bottom: 4rem; - } - - .description { - margin-bottom: 0; - } - } } // 03. Legislation process @@ -121,32 +123,51 @@ li { cursor: pointer; - margin-left: 3rem; + margin-left: 1rem; display: inline-block; + margin-bottom: 1rem; + + @include breakpoint(medium) { + margin-left: 3rem; + margin-bottom: 0; + } a, h4 { color: #6D6D6D; margin-bottom: 0; } - a:hover { - text-decoration: none; + + a { + &:hover, &:active { + text-decoration: none; + } + + p { + margin-bottom: 0; + + @include breakpoint(medium) { + margin-bottom: 1rem; + } + } } } .active { border-bottom: 2px solid $brand; } - - .active h4 { - // padding-bottom: 0.4rem; - } } // 04. Debate list // ----------------- .debate-chooser { - padding: 2rem 3rem; + padding: 2rem 1rem; + + @include breakpoint(medium) { + .debate-chooser { + padding: 2rem 3rem; + } + } .debate-block { margin-bottom: 2.5rem; @@ -183,7 +204,130 @@ } } -// 05. Legislation draft +// 05. Debate quiz +// ----------------- +.debate-quiz { + + .quiz-header { + margin-bottom: 2rem; + + .quiz-title, .quiz-next { + padding: 1rem; + height: 6rem; + } + + .quiz-title { + background: #E5ECF2; + + .quiz-header-title { + margin-bottom: 0; + text-transform: uppercase; + color: #979B9F; + font-weight: 700; + font-size: $small-font-size; + } + } + + h4 a { + color: $brand; + } + + h4 a:hover { + text-decoration: none; + } + + .quiz-next-link { + + &:hover, &:active { + text-decoration: none; + } + + .quiz-next { + background: #CCDBE5; + font-weight: 700; + color: $brand; + font-size: $small-font-size; + text-align: right; + text-transform: uppercase; + transition: background 0.25s ease-out, background 0.25s ease-out; + + .icon-angle-right { + vertical-align: sub; + } + + &:hover, &:active { + text-decoration: none; + background: $brand; + color: white; + + .icon-angle-right { + color: white; + } + } + } + } + } + + .quiz-question { + margin-bottom: 2rem; + } + + .debate-questions { + list-style: none; + + .control { + position: relative; + display: inline-block; + color: #555; + cursor: pointer; + background: #fff; + border: 1px solid $border; + border-radius: 4px; + padding: 0.75rem 2.5rem; + margin-right: 1.5rem; + } + + .active { + background: #CCDBE6; + border: none; + } + + .control input { + position: absolute; + opacity: 0; + z-index: -1; + } + + .control input:checked ~ .control-indicator { + background-color: $brand; + border: none; + } + + .radio .control-indicator { + border-radius: 50%; + } + + .control-indicator { + position: absolute; + top: 0.95rem; + left: 0.95rem; + display: block; + width: 1rem; + height: 1rem; + line-height: 1rem; + font-size: 65%; + text-align: center; + border: 2px solid #9C9C9C; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + } +} + +// 06. Legislation draft // ----------------- .debate-draft { padding: 10rem 2rem 15rem 2rem; diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 79702b138..9af22d4ab 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -294,7 +294,8 @@ .debate-show, .proposal-show, -.investment-project-show { +.investment-project-show, +.debate-quiz { p { word-wrap: break-word; diff --git a/app/views/sandbox/legislation_debate.html.erb b/app/views/sandbox/legislation_debate.html.erb index 92d018965..adb5feff2 100644 --- a/app/views/sandbox/legislation_debate.html.erb +++ b/app/views/sandbox/legislation_debate.html.erb @@ -75,13 +75,12 @@
-
Debate
-

¿Qué medidas podría adoptar el Ayuntamiento de Madrid para facilitar y agilizar la autorización para la realización de obras y la apertura de locales comerciales o empresariales?

+

¿Qué medidas podría adoptar el Ayuntamiento de Madrid para facilitar y agilizar la autorización para la realización de obras y la apertura de locales comerciales o empresariales?

Sin comentarios · 27/11/2016 @@ -147,13 +146,13 @@ Sin comentarios · 27/11/2016
-
+
Realiza tus aportaciones al debate previo participando en los siguientes temas.
-
+ diff --git a/app/views/sandbox/legislation_debate_quiz.html.erb b/app/views/sandbox/legislation_debate_quiz.html.erb new file mode 100644 index 000000000..d4411b3bd --- /dev/null +++ b/app/views/sandbox/legislation_debate_quiz.html.erb @@ -0,0 +1,57 @@ +
+
+
+
+

Proceso de legislación colaborativa

+

Licencias urbanísticas, declaraciones responsables y comunicaciones previas

+
+
+
+
Siguiente pregunta
+
+
+
+
+

¿Considera necesario realizar una nueva regulación para facilitar y simplificar las obras en viviendas, o la modificación y apertura de locales comerciales o empresariales?

+
+
+ + + +
+
+
+ +
+ +
+ +
+ +
+
+ COMENTARIOS +
+
diff --git a/app/views/sandbox/legislation_home.html.erb b/app/views/sandbox/legislation_home.html.erb index 09ea887c1..c054788b7 100644 --- a/app/views/sandbox/legislation_home.html.erb +++ b/app/views/sandbox/legislation_home.html.erb @@ -24,13 +24,13 @@
-

Licencias urbanísticas, declaraciones responsables y comunicaciones previas

+

Licencias urbanísticas, declaraciones responsables y comunicaciones previas

Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites

From daba4411783e7b381a6679f3c0bec2f204d31df7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Mon, 12 Dec 2016 19:36:38 +0100 Subject: [PATCH 4/7] Allegations page --- app/assets/fonts/icons.eot | Bin 11104 -> 11544 bytes app/assets/fonts/icons.svg | 4 +- app/assets/fonts/icons.ttf | Bin 10948 -> 11388 bytes app/assets/fonts/icons.woff | Bin 8556 -> 8784 bytes app/assets/javascripts/allegations.js.coffee | 16 + app/assets/javascripts/application.js | 2 + app/assets/stylesheets/icons.scss | 25 +- .../stylesheets/legislation_process.scss | 553 +++++++++++++++++- .../sandbox/legislation_allegations.html.erb | 462 +++++++++++++++ app/views/sandbox/legislation_debate.html.erb | 2 +- app/views/sandbox/legislation_draft.html.erb | 2 +- 11 files changed, 1058 insertions(+), 8 deletions(-) create mode 100644 app/assets/javascripts/allegations.js.coffee create mode 100644 app/views/sandbox/legislation_allegations.html.erb diff --git a/app/assets/fonts/icons.eot b/app/assets/fonts/icons.eot index c3c5d6289b5c52e16a28f163f65bef1c52ae7e95..13bfbda6c98c7b2ac419afdd1908194305176968 100644 GIT binary patch delta 1152 zcmZuwU5FD`6#nkqnLFbo_>;fgjjOw^ZYFC?-DH!@>S|44wfItHw=C)k?wC#eOV*gU zvX(-MP%5YodS4X53a!u<6+!wSSj5toDIF|0V*aacfIp?YT6ShC_zu6(x_eIdlv6GqyYuZZ5I;=Vp~}J9 z;b*7LPXK+7>D^y|Q5D&}<2Rn~TCnZ~dxZyf^nI+kv{D+ORewkCg z-`%QO`g)S z$RH;_<@=c}f8iF-W^(c`epS}hNga#6T=Zway#7$VvP@dmSe+A*&Fm68gCHynk+yVO zWC;uDBEfpB*m{<+a|6L_#)?s{3tDN546(GGv*xH{#g0%g7>qWfG>1AK7>2LuGYmub zH~qTtiOLm)t3S;;b|w(+Xw=)o!C<(((Gd>3df6~d!!XT;yTv%hnHJC#&J}Wu(|37G zG=U8m1$x6C$=TVXy8JESA(kcDMAMZrKy%w10&I6@{k=-BoQ)I1JXwHP=4YAa6_p3L z>ZQFOOX__uwn@@ox`f?wx4K0VhVg!O2z`L9hav-Z zI=7nHWU&Rzis_=)&cv4MJ)(>0WRVT5En?@QQK4SYRBh>q5Nm`O?czdZ%{joIFQ{U% zpLdPutvVKBzy1$n@~E}a>OrN|lPWa)(26zq@Ovv3g#Rs@)-r1tE8V_T=TX<1kgZrl z1eaQ|AiN<1@$q>n>dqumNXu$`g_g=BQ)ziFzEwVo_s|_N`${Uyul|4G1a+CMiACElOT8Tl&< zll6cQBklF5F_Yigf=KxVI(Lnl*DhyQd@lj12dKLj$jZvg5#Y1#bL%x#Z*T#R@T*0{1+H#V{LsG zG|MQ-O*WO`RtY;0#QhSMNq@^%8_zj(#L>>nw3w*J+j*;YiV1vKtf677YGyImbdwFs zV;M6aPn4&}GU;s2n9j!2 - + + + diff --git a/app/assets/fonts/icons.ttf b/app/assets/fonts/icons.ttf index 6f938f8631bc2a37fddaaaf42cbe3b72c1316096..8051071fbec03ca8cff20ef176d82d342366959a 100644 GIT binary patch delta 1148 zcmZuwUuauZ82^3u++-K_R&Cd{xmmleO`7CZ>Rbl3qM{q^RyHfxyYz0^mSkDe zj_QLM15ud1^t>rlnGQry2EzwIk;-0@7hk4=f1b)fMDa=XGB>}QWR^nj;XCL1edm1V z{(k3t=k|&FCu<-8J8=a9$EK!^zqCAbei}G1&(ZGZCZC;x3!QO}aqrQYk<`(~tKR~2 zlJRW5_vSBvlHk~PXPs*0;X~dD2gZ5cJX?JIOm)vx6;S7a{&2x{7JLD-#&f^2 zWeWwj=BOiz#>rt0^cPA?EB@2kAB=A@UMXJ8JNjb}dI9k#5H zd-eM(lR#pLW0xuyt4n{q_rW}{|92+!a#I`&{OO&q{(i0F>3`r?I1RXSd1JjbDjVyo zbcn{~Gc-q|@_l;y)F|e-c^?aDT6c3F;A=+Sadkt*M?CsqLg5CC;uXBX(!FmKN8mJl zqlvu?@F9-NvXay?NFyt+E9c3UJB1}O>8!NH7ji=^7}#}u*X^M1)(h(Ad*!wGY)vqc z=jjHmA_NN)EHTv?eS*S>{uw1w&IKpoo70u6O^*E);8ZRiP+C{iHR}YB17OukDV6LXq9|u1N5~y}Hk5nm%9MOEIqs z(t?^Igu(*}K9@&Chj17(z(Ax)veh@K?t4Udf-+2-X?jw|xbNIXfbC_K0LV>YI9l5xz6;W^1h* z4r4!H8{z1foyv}o%@*$Ic(Txc!6QdzEe(YT6(u9R^r3-%mJ0&q_#5-jY=VkKFIrrW7?z!*%nf!RB3jxinoK6jn$XMHDA_|oD48uT zI?vh616GI^GkIP6v9VSHcrziF)fNl5iPse0Pdu2@vWaRcyaveMNlO><3&rQdUycA> zbRZY0nInU@gF|zdTnE?TTVoaMqY#;>{ejvZ zz$;>As{#=4kmfoXTboUxM5fJe7@CEs7~&#Sqr^q{C}PG6H)m9Mx3PzB;-fJbBm7Ha zoxjYtx{p^c3NPBr6+~EttwKgGWy`xe?4q|nI-vIVH8pxYcCj`*2UuT>#6wISP-9VE zmRKu`Gnq|=;(J?q#_TSi-{ssUIuuFb>~T9UO5TvL^PXoH=kE$|epU^5TE^S!n;TqS zm%GmHYid?(qU3Tr-BPRQZ&UyNVt&QP`4m44yL{fb)+LvN$XHDfV8dez+u+1o3yY+$ znhg>hq|}r3EzChegN1nUF_HRu1YVMhE17HE=s diff --git a/app/assets/fonts/icons.woff b/app/assets/fonts/icons.woff index f3c31e8043caa6659a6fb91bcc10ff8ec8783d52..2c48a6868a0c5ebe9df72483fa741bf8fc29eb8a 100644 GIT binary patch delta 8765 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 M-S&OCNdScZ2Ya$P@c;k- diff --git a/app/assets/javascripts/allegations.js.coffee b/app/assets/javascripts/allegations.js.coffee new file mode 100644 index 000000000..3fac8d6f0 --- /dev/null +++ b/app/assets/javascripts/allegations.js.coffee @@ -0,0 +1,16 @@ +App.Allegations = + + toggle_comments: -> + $('.draft-allegation').toggleClass('comments-on'); + + toggle_index: -> + $('.draft-allegation').toggleClass('comments-on'); + + initialize: -> + $('#js-toggle-allegation-comments').on + click: -> + App.Allegations.toggle_comments() + + $('#js-toggle-allegation-index').on + click: -> + App.Allegations.toggle_index() diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index a23c3ed19..7188acecf 100644 --- a/app/assets/javascripts/application.js +++ b/app/assets/javascripts/application.js @@ -48,6 +48,7 @@ //= require social_share //= require markdown-it //= require markdown_editor +//= require allegations //= require custom var initialize_modules = function() { @@ -71,6 +72,7 @@ var initialize_modules = function() { App.Banners.initialize(); App.SocialShare.initialize(); App.MarkdownEditor.initialize(); + App.Allegations.initialize(); }; $(function(){ diff --git a/app/assets/stylesheets/icons.scss b/app/assets/stylesheets/icons.scss index a4b0da4f7..015111db0 100644 --- a/app/assets/stylesheets/icons.scss +++ b/app/assets/stylesheets/icons.scss @@ -1,5 +1,4 @@ @charset "UTF-8"; - @font-face { font-family: 'icons'; src: font-url('icons.eot'); @@ -10,7 +9,6 @@ font-weight: normal; font-style: normal; } - [data-icon]:before { font-family: "icons" !important; content: attr(data-icon); @@ -23,7 +21,6 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons" !important; @@ -36,7 +33,6 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - .icon-angle-down:before { content: "\61"; } @@ -163,6 +159,12 @@ .icon-whatsapp:before { content: "\50"; } +.icon-zip:before { + content: "\4f"; +} +.icon-banner:before { + content: "\51"; +} .icon-arrow-down:before { content: "\52"; } @@ -172,6 +174,21 @@ .icon-arrow-right:before { content: "\55"; } +.icon-check-circle:before { + content: "\56"; +} +.icon-arrow-top:before { + content: "\57"; +} .icon-checkmark-circle:before { content: "\59"; } +.icon-minus-square:before { + content: "\58"; +} +.icon-plus-square:before { + content: "\5a"; +} +.icon-expand:before { + content: "\30"; +} diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index 2ba1a4685..7e885084c 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -6,6 +6,7 @@ // 04. Debate list // 05. Debate quiz // 06. Legislation draft +// 07. Legislation allegations // // 01. Utils @@ -123,7 +124,7 @@ li { cursor: pointer; - margin-left: 1rem; + margin-left: 0; display: inline-block; margin-bottom: 1rem; @@ -347,3 +348,553 @@ } } } + +// 07. Legislation allegations +// ----------------- +.legislation-allegation { + padding-top: 1rem; + margin-bottom: 2rem; + + .headline { + margin-bottom: 0; + } + + .button-circle { + line-height: 0; + padding: 0.5em; + border-radius: 50%; + } + + .icon-checkmark-circle { + font-size: 1.5rem; + vertical-align: bottom; + color: $text-medium; + margin-right: 0.5rem; + } + + .button-subscribed { + margin-top: 1rem; + border: 1px solid #D1D1D1; + background: #F2F2F2; + + h3 { + display: inline-block; + color: $text; + margin-bottom: 0; + } + + p { + margin-bottom: 0; + font-size: $small-font-size; + } + + &:hover h3 { + color: $text; + } + + @include breakpoint(medium) { + padding: 0.5em 1em; + } + } +} + +.draft-panels { + padding: 2rem 0; + + .draft-chooser { + margin-bottom: 2rem; + + h3 { + vertical-align: top; + display: inline-block; + font-weight: 400; + margin-right: 0.5rem; + } + + span { + margin-left: 0.75rem; + font-style: italic; + font-size: $small-font-size; + color: $text-medium; + vertical-align: top; + + @include breakpoint(medium) { + margin-left: 1rem; + } + } + + .select-box { + position: relative; + + @include breakpoint(medium) { + display: inline-block; + } + + select { + margin-bottom: 0; + display: block; + } + + span { + vertical-align: inherit; + font-style: normal; + + a { + text-decoration: underline; + color: $text-medium + } + } + } + + .button { + margin-top: 1rem; + + @include breakpoint(medium) { + margin-top: 0; + } + } + } + + .draft-allegation { + @include breakpoint(medium) { + display: flex; + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + + .calc-index { + .draft-panel { + cursor: pointer; + } + + .draft-index-rotated { + display: none; + } + } + + // Panel calcs for desktop + @media screen and (min-width: 40em) { + .calc-index { + transition: all 0.25s; + width: calc(25% - 25px); + } + + .calc-text { + transition: all 0.25s; + width: calc(75% - 25px) + } + + .calc-comments { + transition: all 0.25s; + cursor: pointer; + background: #F2F2F2; + width: 50px; + + .draft-panel { + .panel-title { + display: none; + } + } + } + } + + .border-right { + @include breakpoint(medium) { + border-right: 1px solid $border; + } + } + + .draft-panel { + text-transform: uppercase; + font-weight: 700; + padding: 0.5rem 1rem; + color: #696969; + background: #F2F2F2; + font-size: $small-font-size; + + .icon-comments { + margin-right: 0.25rem; + } + + .icon-banner { + line-height: 0; + color: $text-medium; + vertical-align: sub; + margin-right: 0.25rem; + } + } + + .draft-index { + table { + tbody { + border: none; + + tr { + background: white; + + td { + padding: 0.25rem 1rem; + + .icon-plus-square, + .icon-minus-square { + color: $text-medium; + cursor: pointer; + vertical-align: sub; + } + + a { + color: $brand; + text-decoration: underline; + font-size: $small-font-size; + } + } + + .collapse-all { + padding: 1rem; + + a { + color: $text-medium; + } + + .icon-plus-square, + .icon-minus-square { + color: $text-medium; + } + } + } + + .child_group { + td { + padding: 0 1rem; + + table { + margin-bottom: 0.5rem; + } + } + } + } + } + } + + .draft-text { + position: relative; + padding: 1rem; + + @include breakpoint(medium) { + padding: 2rem 2rem 2rem 3rem; + }; + + h2 { + font-weight: 400; + margin-bottom: 2rem; + margin-top: 2rem; + } + + h3 { + font-weight: 400; + margin-bottom: 1rem; + } + + .anchor::before { + display: none; + content: "#"; + color: $text-medium; + position: absolute; + left: 1.5rem; + } + + a { + color: $text; + + &:hover, + &:active, + &:focus { + text-decoration: none; + + h3 { + color: $text; + } + + .anchor::before { + display: block; + } + } + } + } + + .calc-comments { + position: relative; + + .comment-box { + display: none; + } + + .draft-comments-rotated { + @include breakpoint(medium) { + font-size: $small-font-size; + text-transform: uppercase; + font-weight: 700; + color: #696969; + margin-top: 4rem; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + } + } + + } + } + + .comments-on { + .calc-index { + width: 50px; + background: #F2F2F2; + cursor: pointer; + + .panel-title { + display: none; + } + + .draft-index { + display: none; + } + + .draft-index-rotated { + @include breakpoint(medium) { + display: block; + font-size: $small-font-size; + text-transform: uppercase; + font-weight: 700; + color: #696969; + margin-top: 1rem; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + + .panel-title { + display: block; + } + } + } + } + + .calc-text { + width: calc(65% - 25px); + border-right: none; + + .show-comments { + width: 105%; + background: #FAFAFA; + padding: 0.25rem 2.5rem 0.25rem 0.25rem; + border: 1px solid $border; + margin-bottom: 1rem; + + p { + margin-bottom: 0; + } + } + + } + + .calc-comments { + background: white; + cursor: auto; + width: calc(35% - 25px); + + .draft-panel { + cursor: pointer; + } + + .draft-comments-rotated { + display: none; + } + + .comment-box { + width: 375px; + padding: 1rem; + background: #F9F9F9; + border: 1px solid $border; + display: block; + position: absolute; + top: 230px; + + .button { + font-size: $small-font-size; + padding: 0.5em 1em; + } + + .publish-comment { + float: right; + } + + .comment-header { + color: #838383; + padding-bottom: 0.5rem; + margin-bottom: 1rem; + border-bottom: 1px solid $border; + + .comment-number { + color: $text; + display: inline-block; + } + + .icon-comment { + margin-right: 0.5rem; + } + + a .icon-expand { + color: #838383; + font-size: $small-font-size; + float: right; + } + } + + .comment-input { + padding-bottom: 4rem; + margin-bottom: 1rem; + margin-top: 1rem; + border-bottom: 1px solid $border; + + .comment-advice { + border-top: 1px solid #D0D0D0; + border-right: 1px solid #D0D0D0; + border-left: 1px solid #D0D0D0; + width: 100%; + padding: 0.5rem; + display: inline-block; + font-size: $small-font-size; + background: #DFDFDF; + + .icon-proposals { + color: #838383; + } + + a { + color: #87A3B9; + text-decoration: underline; + } + } + + textarea { + border-radius: 0; + box-shadow: none; + border-top: none; + border-bottom: 1px solid #D0D0D0; + border-right: 1px solid #D0D0D0; + border-left: 1px solid #D0D0D0; + width: 100%; + height: 200px; + margin-bottom: 0.5rem; + } + + .comment-actions { + .cancel-comment { + color: #87A3B9; + text-decoration: underline; + font-size: $small-font-size; + display: inline-block; + } + } + } + + .comment { + border-bottom: 1px solid $border; + padding-bottom: 0.75rem; + margin-bottom: 1rem; + font-size: $small-font-size; + + .comment-text { + margin-bottom: 0.5rem; + + p { + line-height: 1.5; + font-size: $small-font-size; + + &:last-child { + margin-bottom: 0.5rem; + } + } + } + + .comment-meta { + + .comment-more-info { + display: inline-block; + + .comment-expand { + display: inline-block; + + &::after { + content: "|"; + color: #838383; + } + } + .comment-replies { + display: inline-block; + } + } + + .comment-votes { + color: #838383; + float: right; + display: inline-block; + + .comment-votes-number { + margin-right: 0.25rem; + display: inline-block; + + &::after { + margin-left: 0.25rem; + content: "|"; + } + } + + .icon-like, + .icon-unlike { + cursor: pointer; + color: #C7C7C7; + + &:hover, + &:active, + &:focus { + color: #838383; + } + } + + .icon-like { + margin-right: 0.25rem; + } + } + } + } + } + + .comment-box:nth-child(4) { + top: 838px; + } + + .comment-box:nth-child(5) { + top: 2035px; + } + + .draft-panel { + background: #E5E5E5; + border-left: 1px solid #D4D4D4; + + .panel-title { + display: inline-block; + } + } + + .show-for-medium { + .panel-title { + display: none; + } + } + } + } +} diff --git a/app/views/sandbox/legislation_allegations.html.erb b/app/views/sandbox/legislation_allegations.html.erb new file mode 100644 index 000000000..516b3ba56 --- /dev/null +++ b/app/views/sandbox/legislation_allegations.html.erb @@ -0,0 +1,462 @@ +
+
+
+

+ Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

+
+
+ + +

Suscrito

+ +
+
+ +
+ + + +
+
+ +
+ + +
+
+
+

Estás viendo la revisión

+
+ + ver resumen de cambios +
+ actualizada el 13 nov 2017 +
+
+ Ver todos los comentarios +
+
+ +
+ +
+
+
Texto
+
+
+

TÍTULO PRELIMINAR. Objeto y definiciones

+

Artículo 1.

 +
+

1.Esta Ordenanza tiene por objeto establecer las condiciones generales que deben cumplir los distintos elementos integrados en el denominado mobiliario urbano, tanto en lo que se refiere a su emplazamiento como a las características propias de dichos elementos.

+
+

2.Para determinar las condiciones relativas a la explotación del mobiliario urbano y a los requisitos que, en su caso, hayan de reunir los respectivos titulares, se estará a la normativa específica establecida para los distintos elementos y a las señaladas en el título que autorice su instalación y funcionamiento.

+

3.El mobiliario urbano deberá cumplir los criterios estéticos y de diseño para las distintas zonas de Madrid, aprobados por el titular del Área de Gobierno competente en materia de mobiliario urbano. En aquellos casos en los que la normativa aplicable así lo exija, deberá obtenerse dictamen de la comisión competente en materia de protección del patrimonio histórico y artístico.

+

(redacción dada por la Ordenanza de 30 de marzo 2011 de Adaptación al ámbito de la Ciudad de Madrid de las previsiones contenidas en la normativa estatal y autonómica de transposición de la Directiva 2006/123/CE)

+ +

Artículo 2.

 +

1. A los efectos de esta Ordenanza se entiende por mobiliario urbano el conjunto de instalaciones o elementos que ocupan un espacio público, y cuya finalidad sea la de atender una necesidad social o prestar un determinado servicio al vecindario.

+
+

2.En el concepto indicado estarán incluidas tanto las instalaciones y elementos de titularidad pública, explotados directamente o por concesión: bancos, bolardos, marquesinas, papeleras, etcétera, como los colocados por particulares, previa autorización municipal, tales como quioscos o puestos fijos, de temporada u ocasionales.

+
+

(apartado 2 del art. 2, redacción dada por la Ordenanza de 30 de marzo 2011 de Adaptación al ámbito de la Ciudad de Madrid de las previsiones contenidas en la normativa estatal y autonómica de transposición de la Directiva 2006/123/ CE)

+ +

Artículo 3.

 +

Constituirá criterio general para la implantación de mobiliario urbano la armonización de las finalidades asignadas al mismo con las funciones generales de los espacios públicos, la coordinación de los distintos elementos procurando, cuando fuera posible, la polivalencia de cada uno de ellos para evitar la ocupación intensiva de aquellos espacios y la adecuación, tanto por su emplazamiento como por su diseño, al entono urbano en que se localicen.

+

TÍTULO I. DE LOS EMPLAZAMIENTOS DE MOBILIARIO URBANO

+ +

Artículo 4.

 +

Cuando se trate de mobiliario urbano de titularidad pública, el número, localización y características de sus emplazamientos estará determinado en el correspondiente acuerdo de implantación o bases de concesión, si fuera municipal, y en el de autorización, si fuese promovido por otras entidades.

+ +

Artículo 5.

 + +

Los interesados tendrán reconocidos específicamente, además de los establecidos con carácter general en otras normas, los siguientes derechos: +

1. Iniciar inmediatamente el ejercicio de la actividad cuando esté sometida a declaración responsable, o una vez obtenida la licencia de primera ocupación y funcionamiento.

+

2. Obtener la licencia de actividad y funcionamiento en el plazo establecido en cada caso, sin perjuicio de los efectos establecidos en la legislación aplicable en el ámbito del silencio administrativo.

+

3. No presentar documentación que obre en poder de los servicios municipales

+

4. Presentar quejas, reclamaciones y sugerencias sobre el funcionamiento de los servicios municipales y de las entidades colaboradoras urbanísticas.

+ +

Artículo 6.

 +
+

1. Durante la realización de las obras o la implantación de la actividad y previamente al acto de comprobación, no se considerarán modificación de la licencia o de la declaración responsable las alteraciones que se hayan producido en el edificio, local o sus instalaciones cuando las mismas se ajusten a la normativa que las regula, salvo que afecten a las condiciones de volumen y forma de los edificios, a la posición y ocupación del edificio en la parcela, a la edificabilidad o superficie del local, al número de locales. Si no se ajustasen se aplicarán los mecanismos de restablecimiento de la legalidad urbanística.

+
+ +

Se considerará modificación el cambio de actividad, salvo que la nueva actividad o la inicial con la incorporación de alguna complementaria de ella, tenga la misma consideración y exigencias urbanísticas, ambientales, de seguridad y salubridad. Las variaciones producidas se relacionarán en el acta de comprobación, sin necesidad de tramitar licencia o declaración aparte, quedando legalizadas con la concesión de la licencia de primera ocupación y funcionamiento o el acto de comprobación posterior. Cuando las variaciones se hayan concretado en obras que requieran proyecto de obras de edificación de acuerdo con el artículo 2.2 de la Ley de Ordenación de la Edificación se incorporará el correspondiente proyecto modificado.

+

2. Durante el ejercicio de las actividades con licencia o declaración responsable, y con las mismas salvedades indicadas en el punto 1, no se considerará modificación de la licencia o declaración las variaciones que se hayan producido en la actividad, el local o sus instalaciones cuando no alteren las condiciones de repercusión ambiental, seguridad o salubridad por debajo de las exigencias técnicas establecidas para las mismas por la normativa vigente. Tampoco se considerará modificación el cambio de actividad o la incorporación de alguna complementaria a la misma cuando esta tenga la misma consideración y exigencias urbanísticas, ambientales, de seguridad y salubridad que la primera.

+

Las obras que han dado lugar a estas variaciones se legalizarán a través de licencia o declaración responsable, dependiendo de la entidad de las mismas. La licencia que se conceda o la declaración se limitarán a recoger el contenido de la modificación, haciendo referencia a la licencia del establecimiento.

+

3. En el caso de actividades de espectáculos públicos y recreativas también se considerará modificación de licenciao declaración responsable el cambio de actividad de las indicadas en el Catálogo, así como el incremento del aforo.

+

4. Cuando la modificación sea requerida de oficio, el requerimiento indicará las alteraciones existentes, motivando la necesidad de la modificación de la licencia o de la declaración responsable.

+

5. Durante la ejecución de las obras autorizadas no precisarán modificación de licencia las variaciones en el número de plazas de aparcamiento que no supongan disminución de la dotación obligatoria de servicio del edificio, sin perjuicio de su constancia documentada en el expediente.

+
+
+ +
+
+
+ Comentarios +
+
+ +
+ Comentarios +
+ +
+
+ +
34 comentarios
+ +
+
+
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+
+
+ Ver todos + Publicar comentario +
+
+ +
+
+ +
34 comentarios
+ +
+
+
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+
+ +
+
+ + Recomendaciones para un debate constructivo :) +
+ + + +
+ Cancelar + Publicar comentario +
+
+
+ Ver todos +
+
+ +
+
+ +
34 comentarios
+ +
+
+
+
+

En la actualidad, el número de autobuses de la EMT suman 1.900 de los cuales 740 funcionan con gas natural (el 42%), con los 170 que se van a adquirir en 2016, el cómputo sube a 900, lo que significa casi el 50% del total. Con tecnología híbrida existen 23 y se prevé comprar 30 más, lo que supone 53 vehículos, y hay 20 minibuses eléctricos puros. Por último, el 80% de los autobuses de diésel están catalizados a niveles euro4 y euro5 (470), “con lo que podríamos asegurar que el 78% de nuestra flota es verde.

+

En la actualidad, el número de autobuses de la EMT suman 1.900 de los cuales 740 funcionan con gas natural (el 42%), con los 170 que se van a adquirir en 2016, el cómputo sube a 900, lo que significa casi el 50% del total. Con tecnología híbrida existen 23 y se prevé comprar 30 más, lo que supone 53 vehículos, y hay 20 minibuses eléctricos puros. Por último, el 80% de los autobuses de diésel están catalizados a niveles euro4 y euro5 (470), “con lo que podríamos asegurar que el 78% de nuestra flota es verde.

+
+
+
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+ +
+
+

Mi comentario va encaminado a que no nos equivoquemos al pensar que esta es una opci...

+
+
+
+
+ Ver completo +
+
+ 3 respuestas +
+
+
+
Sin votos
+ + +
+
+
+
+
+ Ver todos + Publicar comentario +
+
+ +
+ +
+
+
diff --git a/app/views/sandbox/legislation_debate.html.erb b/app/views/sandbox/legislation_debate.html.erb index adb5feff2..f6852ed45 100644 --- a/app/views/sandbox/legislation_debate.html.erb +++ b/app/views/sandbox/legislation_debate.html.erb @@ -58,7 +58,7 @@
  • - +

    Fase alegaciones

    15 nov 2015 - 15 dic 2016

     diff --git a/app/views/sandbox/legislation_draft.html.erb b/app/views/sandbox/legislation_draft.html.erb index 29db933d3..7361bd54e 100644 --- a/app/views/sandbox/legislation_draft.html.erb +++ b/app/views/sandbox/legislation_draft.html.erb @@ -58,7 +58,7 @@
  • - +

    Fase alegaciones

    15 nov 2015 - 15 dic 2016

     From e8b54f375236a5b40b0fe91101de20a91e27ebd9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Mon, 19 Dec 2016 15:36:28 +0100 Subject: [PATCH 5/7] Add legislation allegations draft change page --- .../stylesheets/legislation_process.scss | 49 +++++++++++ .../sandbox/legislation_allegations.html.erb | 2 +- .../legislation_draft_changes.html.erb | 83 +++++++++++++++++++ 3 files changed, 133 insertions(+), 1 deletion(-) create mode 100644 app/views/sandbox/legislation_draft_changes.html.erb diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index 7e885084c..0a32790ea 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -7,6 +7,7 @@ // 05. Debate quiz // 06. Legislation draft // 07. Legislation allegations +// 08. Legislation changes // // 01. Utils @@ -898,3 +899,51 @@ } } } + +// 08. Legislation changes +// ----------------- +.legislation-changes { + ul { + list-style: none; + margin-left: 0; + + li { + margin-bottom: 1rem; + + &::before { + margin-right: 0.25rem; + content: "—" + } + + .changes-link { + display: block; + margin-left: 1rem; + font-size: $small-font-size; + + @include breakpoint(medium) { + display: inline-block; + } + + a { + span { + text-decoration: underline; + } + + .icon-external { + text-decoration: none; + color: #999999; + line-height: 0; + vertical-align: sub; + margin-left: 0.5rem; + } + + &:active, + &:focus, + &:hover { + text-decoration: none; + } + } + } + } + } +} diff --git a/app/views/sandbox/legislation_allegations.html.erb b/app/views/sandbox/legislation_allegations.html.erb index 516b3ba56..f18cd2b96 100644 --- a/app/views/sandbox/legislation_allegations.html.erb +++ b/app/views/sandbox/legislation_allegations.html.erb @@ -58,7 +58,7 @@ - ver resumen de cambios + ver resumen de cambios
    • actualizada el 13 nov 2017 diff --git a/app/views/sandbox/legislation_draft_changes.html.erb b/app/views/sandbox/legislation_draft_changes.html.erb new file mode 100644 index 000000000..d01cf7e26 --- /dev/null +++ b/app/views/sandbox/legislation_draft_changes.html.erb @@ -0,0 +1,83 @@ +
    +
    +
    +

    + Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

    +
    +
    + + +

    Suscrito

    +     +
    +
    + +
    + + + +
    +
    + +
    + + +
    +
    +
    +

    Estás viendo la revisión

    +
    + +
    + actualizada el 13 nov 2017 +
    +
    + Ver todos los comentarios +
    +
    + +
    +
    +

    El 12 nov 2016 se publica un nuevo borrador de la normativa sobre Licencias urbanísticas, que incorpora las aportaciones de la ciudadanía realizadas a través de la web de decide.madrid.es. A continuación se detallan los principales cambios que se han introducido en el texto:

    + +
      +
    • Se detalla el ámbito de actuación ver apartado
      • +
    • Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas ver apartado
      • +
    • Se detalla el ámbito de actuación ver apartado
      • +
    • Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas ver apartado
      • +
    • Se detalla el ámbito de actuación ver apartado
      • +
    • Se reescribe la introducción al Capítulo I para incorporar sugerencias ciudadanas ver apartado
      • +
    +
    +
    +
    From b35659086a499b62874cc7252ab5e0366af0ef68 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Mon, 19 Dec 2016 16:48:03 +0100 Subject: [PATCH 6/7] Add legislation draft comments page --- .../stylesheets/legislation_process.scss | 51 ++++++++- .../legislation_draft_comments.html.erb | 108 ++++++++++++++++++ 2 files changed, 158 insertions(+), 1 deletion(-) create mode 100644 app/views/sandbox/legislation_draft_comments.html.erb diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index 0a32790ea..e78104101 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -8,6 +8,7 @@ // 06. Legislation draft // 07. Legislation allegations // 08. Legislation changes +// 09. Legislation comments // // 01. Utils @@ -924,7 +925,7 @@ display: inline-block; } - a { + a { span { text-decoration: underline; } @@ -947,3 +948,51 @@ } } } + +// 09. Legislation comments +// ----------------- +.legislation-comments { + + .pull-right { + float: right; + } + + .comment-section { + background: #FAFAFA; + padding: 1rem; + border: 1px solid #DEE0E3; + margin-top: 0.25rem; + margin-bottom: 1rem; + } + + .comment { + margin-bottom: 3rem; + + a { + span { + text-decoration: underline; + } + + .icon-expand, + .icon-comments { + text-decoration: none; + color: #999999; + line-height: 0; + } + + .icon-expand { + margin-left: 0.25rem; + } + + .icon-comments { + margin-right: 0.25rem; + } + + &:active, + &:focus, + &:hover { + text-decoration: none; + } + } + } +} diff --git a/app/views/sandbox/legislation_draft_comments.html.erb b/app/views/sandbox/legislation_draft_comments.html.erb new file mode 100644 index 000000000..984d94841 --- /dev/null +++ b/app/views/sandbox/legislation_draft_comments.html.erb @@ -0,0 +1,108 @@ +
    +
    +
    +

    + Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

    +
    +
    + + +

    Suscrito

    +     +
    +
    + +
    + + + +
    +
    + +
    + + +
    +
    +
    +

    Comentarios de la versión

    +
    + +
    + actualizada el 13 nov 2017 +
    +
    + Ver todos los comentarios +
    +
    + +
    +
    +
    + Comentarios sobre + Ver en contexto +
    + 1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas. +
    + 34 comentarios +
    + +
    + Comentarios sobre + Ver en contexto +
    + 1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas. +
    + 34 comentarios +
    + +
    + Comentarios sobre + Ver en contexto +
    + 1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas. +
    + 34 comentarios +
    + +
    + Comentarios sobre + Ver en contexto +
    + 1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas. +
    + 34 comentarios +
    +
    +
    +
    From 3c3a779f9f4bd6f0e2980d419898c3778578d4a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= Date: Mon, 19 Dec 2016 17:03:59 +0100 Subject: [PATCH 7/7] Add legislation draft comment page --- .../stylesheets/legislation_process.scss | 49 ++++++++++ .../sandbox/legislation_allegations.html.erb | 2 +- .../legislation_draft_changes.html.erb | 2 +- .../legislation_draft_comment.html.erb | 93 +++++++++++++++++++ .../legislation_draft_comments.html.erb | 4 +- 5 files changed, 146 insertions(+), 4 deletions(-) create mode 100644 app/views/sandbox/legislation_draft_comment.html.erb diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss index e78104101..b5e980f25 100644 --- a/app/assets/stylesheets/legislation_process.scss +++ b/app/assets/stylesheets/legislation_process.scss @@ -9,6 +9,7 @@ // 07. Legislation allegations // 08. Legislation changes // 09. Legislation comments +// 10. Legislation draft comment // // 01. Utils @@ -996,3 +997,51 @@ } } } + +// 10. Legislation draft comment +// ----------------- +.legislation-comment { + + .pull-right { + float: right; + } + + .comment-section { + background: #FAFAFA; + padding: 1rem; + border: 1px solid #DEE0E3; + margin-top: 0.25rem; + margin-bottom: 1rem; + } + + .comment { + margin-bottom: 3rem; + + a { + span { + text-decoration: underline; + } + + .icon-expand, + .icon-comments { + text-decoration: none; + color: #999999; + line-height: 0; + } + + .icon-expand { + margin-left: 0.25rem; + } + + .icon-comments { + margin-right: 0.25rem; + } + + &:active, + &:focus, + &:hover { + text-decoration: none; + } + } + } +} diff --git a/app/views/sandbox/legislation_allegations.html.erb b/app/views/sandbox/legislation_allegations.html.erb index f18cd2b96..d177d50cc 100644 --- a/app/views/sandbox/legislation_allegations.html.erb +++ b/app/views/sandbox/legislation_allegations.html.erb @@ -63,7 +63,7 @@ actualizada el 13 nov 2017
    - Ver todos los comentarios + Ver todos los comentarios
    diff --git a/app/views/sandbox/legislation_draft_changes.html.erb b/app/views/sandbox/legislation_draft_changes.html.erb index d01cf7e26..d871e842d 100644 --- a/app/views/sandbox/legislation_draft_changes.html.erb +++ b/app/views/sandbox/legislation_draft_changes.html.erb @@ -62,7 +62,7 @@ actualizada el 13 nov 2017
    - Ver todos los comentarios + Ver borrador del texto
    diff --git a/app/views/sandbox/legislation_draft_comment.html.erb b/app/views/sandbox/legislation_draft_comment.html.erb new file mode 100644 index 000000000..c0008d324 --- /dev/null +++ b/app/views/sandbox/legislation_draft_comment.html.erb @@ -0,0 +1,93 @@ +
    +
    +
    +

    + Licencias urbanísticas, declaraciones responsables y comunicaciones previas +

    +
    +
    + + +

    Suscrito

    +     +
    +
    + +
    + + + +
    +
    + +
    + + +
    +
    +
    +

    Comentarios de la versión

    +
    + +
    + actualizada el 13 nov 2017 +
    +
    + Ver borrador del texto +
    +
    + +
    +
    +
    + Comentarios sobre +
    +
    +
    + 1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas. +
    +
    + Ver en contexto +
    +
    +
    + +
    +
    + COMENTARIOS +
    +
    + +
    +
    +
    +
    diff --git a/app/views/sandbox/legislation_draft_comments.html.erb b/app/views/sandbox/legislation_draft_comments.html.erb index 984d94841..1a334fd12 100644 --- a/app/views/sandbox/legislation_draft_comments.html.erb +++ b/app/views/sandbox/legislation_draft_comments.html.erb @@ -62,7 +62,7 @@ actualizada el 13 nov 2017
    - Ver todos los comentarios + Ver borrador del texto
    @@ -74,7 +74,7 @@
    1. Esta ordenanza tiene por objeto regular los medios de intervención administrativa para el control de la legalidad de las actuaciones urbanísticas.
    - 34 comentarios + 34 comentarios