Add debate toggles

This commit is contained in:
Martín González
2016-12-29 10:45:12 +01:00
parent 5584835314
commit 28b452f994
6 changed files with 55 additions and 3 deletions

View File

@@ -50,6 +50,7 @@
//= require markdown_editor //= require markdown_editor
//= require cocoon //= require cocoon
//= require allegations //= require allegations
//= require legislation_debate
//= require legislation_questions //= require legislation_questions
//= require custom //= require custom
@@ -75,6 +76,7 @@ var initialize_modules = function() {
App.SocialShare.initialize(); App.SocialShare.initialize();
App.MarkdownEditor.initialize(); App.MarkdownEditor.initialize();
App.Allegations.initialize(); App.Allegations.initialize();
App.LegislationDebate.initialize();
App.LegislationQuestions.initialize(); App.LegislationQuestions.initialize();
}; };

View File

@@ -0,0 +1,6 @@
App.LegislationDebate =
initialize: ->
$('#js-toggle-debate').on
click: ->
$('#debate-info').toggle()

View File

@@ -61,6 +61,10 @@
} }
} }
#debate-info {
display: none;
}
.half-gradient { .half-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */
background: #e6e6e6; /* Old browsers */ background: #e6e6e6; /* Old browsers */

View File

@@ -13,8 +13,36 @@
</div> </div>
</div> </div>
<div id="debate-info" class="row description">
<div class="small-12 medium-4 column">
<h4>En qué consiste</h4>
<p>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.</p>
</div>
<div class="small-12 medium-4 column">
<h4>A quién va dirigido</h4>
<ul>
<li>Ciudadanos con vivienda en propiedad</li>
<li>Profesionales de la construcción y reformas</li>
<li>Empresarios con locales comerciales</li>
</ul>
</div>
<div class="small-12 medium-4 column">
<h4>Cómo puedes participar</h4>
<ul>
<li><strong>Participa en el debate previo</strong> para identificar los problemas a solucionar, la necesidad de esta normativa, sus objetivos y posibles soluciones alternativas.</li>
<li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
</ul>
</div>
<div class="small-12 column">
<div class="debate-info-wrapper">
<h2>En qué consiste</h2>
<p>El ayuntamiento de Madrid somete...</p>
</div>
</div>
</div>
<div class="center half-gradient"> <div class="center half-gradient">
<a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes"> <a id="js-toggle-debate" class="button big center button-circle" title="Suscríbete al proceso">
<span class="icon-angle-down" aria-hidden="true"></span> <span class="icon-angle-down" aria-hidden="true"></span>
</a> </a>
</div> </div>

View File

@@ -34,10 +34,16 @@
<li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li> <li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
</ul> </ul>
</div> </div>
<div id="debate-info" class="small-12 column">
<div class="debate-info-wrapper">
<h2>En qué consiste</h2>
<p>El ayuntamiento de Madrid somete...</p>
</div>
</div>
</div> </div>
<div class="center half-gradient"> <div class="center half-gradient">
<a class="button big center strong" title="Más información y contexto" href="#"> <a id="js-toggle-debate" class="button big center strong" title="Más información y contexto">
Más información y contexto Más información y contexto
</a> </a>
</div> </div>

View File

@@ -34,10 +34,16 @@
<li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li> <li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
</ul> </ul>
</div> </div>
<div id="debate-info" class="small-12 column">
<div class="debate-info-wrapper">
<h2>En qué consiste</h2>
<p>El ayuntamiento de Madrid somete...</p>
</div>
</div>
</div> </div>
<div class="center half-gradient"> <div class="center half-gradient">
<a class="button big center strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes"> <a id="js-toggle-debate" class="button big center strong" title="Suscríbete al proceso">
Más información y contexto Más información y contexto
</a> </a>
</div> </div>