Add debate toggles
This commit is contained in:
@@ -50,6 +50,7 @@
|
||||
//= require markdown_editor
|
||||
//= require cocoon
|
||||
//= require allegations
|
||||
//= require legislation_debate
|
||||
//= require legislation_questions
|
||||
//= require custom
|
||||
|
||||
@@ -75,6 +76,7 @@ var initialize_modules = function() {
|
||||
App.SocialShare.initialize();
|
||||
App.MarkdownEditor.initialize();
|
||||
App.Allegations.initialize();
|
||||
App.LegislationDebate.initialize();
|
||||
App.LegislationQuestions.initialize();
|
||||
};
|
||||
|
||||
|
||||
6
app/assets/javascripts/legislation_debate.js.coffee
Normal file
6
app/assets/javascripts/legislation_debate.js.coffee
Normal file
@@ -0,0 +1,6 @@
|
||||
App.LegislationDebate =
|
||||
|
||||
initialize: ->
|
||||
$('#js-toggle-debate').on
|
||||
click: ->
|
||||
$('#debate-info').toggle()
|
||||
@@ -61,6 +61,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
#debate-info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.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 */
|
||||
|
||||
@@ -13,8 +13,36 @@
|
||||
</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">
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
</ul>
|
||||
</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 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
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
</ul>
|
||||
</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 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
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user