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

Add legislation debate question markup and styles

Browse Source
This commit is contained in:
Martín González
2016-12-28 15:40:21 +01:00
parent 02e2a9ed55
commit e79260a8ff
4 changed files with 186 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
app/assets/stylesheets/admin.scss
View File

@@ -428,6 +428,12 @@ table.investment-projects-summary {
// 06. Legislation // 06. Legislation
// -------------- // --------------
.legislation-process-save {
@include breakpoint(medium) {
float: right;
}
}
.legislation-process-index { .legislation-process-index {
.legislation-process-new { .legislation-process-new {
@@ -465,12 +471,6 @@ table.investment-projects-summary {
} }
} }
} }
.legislation-process-save {
@include breakpoint(medium) {
float: right;
}
}
} }
.legislation-draft-versions-index { .legislation-draft-versions-index {
@@ -489,3 +489,74 @@ table.investment-projects-summary {
padding: 0.25rem 0.375rem; padding: 0.25rem 0.375rem;
} }
} }
.legislation-questions-index {
.menu .active > a {
background: none;
}
input[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
background: $white;
margin-bottom: 0;
@include breakpoint(medium) {
margin-bottom: 1rem;
}
}
input::-webkit-input-placeholder {
font-style: italic;
}
input:-moz-placeholder { /* Firefox 18- */
font-style: italic;
}
input::-moz-placeholder { /* Firefox 19+ */
font-style: italic;
}
input:-ms-input-placeholder {
font-style: italic;
}
.legislation-question-delete {
@include breakpoint(medium) {
text-align: right;
}
}
.legislation-questions-answers {
margin-bottom: 1rem;
}
.field {
margin-bottom: 1rem;
@include breakpoint(medium) {
margin-bottom: 0;
}
a {
line-height: 3rem;
color: $delete;
span {
text-decoration: underline;
}
.icon-x {
vertical-align: sub;
text-decoration: none;
line-height: 0;
}
&:active,
&:focus,
&:hover {
text-decoration: none;
}
}
}
}

6
app/views/sandbox/admin_legislation_debate.html.erb
View File

@@ -8,10 +8,10 @@
<ul class="menu simple clear"> <ul class="menu simple clear">
<li > <li >
<a href="/admin/legislation/processes/1/edit">Información</a> <a href="/sandbox/admin_legislation_info.html">Información</a>
</li> </li>
<li class=active> <li class=active>
<a href="/admin/legislation/processes/1/questions">Debate</a> <a href="/sandbox/admin_legislation_debate.html">Debate</a>
</li> </li>
<li > <li >
<a href="/admin/legislation/processes/1/draft_versions">Texto</a> <a href="/admin/legislation/processes/1/draft_versions">Texto</a>
@@ -41,7 +41,7 @@
<tbody> <tbody>
<tr id="legislation_question_1"> <tr id="legislation_question_1">
<td> <td>
<a href="/admin/legislation/processes/1/questions/1/edit">Esta es mi pregunta</a> <a href="/sandbox/admin_legislation_debate_question.html">Esta es mi pregunta</a>
</td> </td>
<td> <td>
<ul> <ul>

103
app/views/sandbox/admin_legislation_debate_question.html.erb Normal file
View File

@@ -0,0 +1,103 @@
<div class="legislation-questions-index row">
<div class="small-12 column">
<a class="back" href="/admin/legislation/processes/1">
<span class="icon-angle-left"></span>
Volver
</a>
<h1>Licencias urbanísticas, declaraciones responsables y comunicaciones previas</h1>
<ul class="menu simple clear">
<li >
<a href="/sandbox/admin_legislation_info.html">Información</a>
</li>
<li class="active">
<a href="/sandbox/admin_legislation_debate.html">Debate</a>
</li>
<li >
<a href="/admin/legislation/processes/1/draft_versions">Texto</a>
</li>
</ul>
<div class="row">
<div class="small-12 medium-9 column">
<h3>Editar “Esta es mi pregunta”</h3>
</div>
<div class="small-12 medium-3 column legislation-question-delete">
<a class="button hollow alert" rel="nofollow" data-method="delete" href="/admin/legislation/processes/1/questions/1">Borrar</a>
</div>
</div>
<form class="edit_legislation_question" id="edit_legislation_question_1" action="/admin/legislation/processes/1/questions/1" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="gLqJjLSt++BL/cV4vPnZ+PRs+78xArJsc1dNnvr2t0P57PVhIhESvKRGJqjxiSIIU6+PjtE0qMK7/U1cbREW0Q==" />
<div class="row">
<div class="small-12 medium-4 column">
<label for="legislation_question_title">Título de la pregunta</label>
</div>
<div class="small-12 medium-8 column">
<textarea rows="5" name="legislation_question[title]" id="legislation_question_title">
Esta es mi pregunta</textarea>
</div>
</div>
<div class="row legislation-questions-answers">
<div class="small-12 medium-4 column">
<label for="legislation_question_question_options">Respuestas</label>
</div>
<div class="small-12 medium-8 column">
<div class="nested-fields">
<div class="field">
<div class="row">
<div class="small-12 medium-9 column">
<input type="text" placeholder="respuesta" value="No" name="legislation_question[question_options_attributes][0][value]" id="legislation_question_question_options_attributes_0_value" />
</div>
<div class="small-12 medium-3 column">
<input type="hidden" name="legislation_question[question_options_attributes][0][_destroy]" id="legislation_question_question_options_attributes_0__destroy" value="false" /><a class="remove_fields existing" href="#"><span class="icon-x" aria-hidden="true"></span> <span>eliminar</span></a>
</div>
<input type="hidden" value="1" name="legislation_question[question_options_attributes][0][id]" id="legislation_question_question_options_attributes_0_id" />
</div>
</div>
</div>
<div class="nested-fields">
<div class="field">
<div class="row">
<div class="small-12 medium-9 column">
<input type="text" placeholder="respuesta" value="Nunca" name="legislation_question[question_options_attributes][1][value]" id="legislation_question_question_options_attributes_1_value" />
</div>
<div class="small-12 medium-3 column">
<input type="hidden" name="legislation_question[question_options_attributes][1][_destroy]" id="legislation_question_question_options_attributes_1__destroy" value="false" /><a class="remove_fields existing" href="#"><span class="icon-x" aria-hidden="true"></span> <span>eliminar</span></a>
</div>
<input type="hidden" value="2" name="legislation_question[question_options_attributes][1][id]" id="legislation_question_question_options_attributes_1_id" />
</div>
</div>
</div>
</div>
<div class="small-12 medium-8 column">
<a class="add_fields" data-association="question_option" data-associations="question_options" data-association-insertion-template="&lt;div class=&quot;small-12 medium-8 column medium-offset-4&quot;&gt;
&lt;div class=&quot;nested-fields&quot;&gt;
&lt;div class=&quot;field&quot;&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;small-12 medium-9 column&quot;&gt;
&lt;input type=&quot;text&quot; placeholder=&quot;respuesta&quot; name=&quot;legislation_question[question_options_attributes][new_question_options][value]&quot; id=&quot;legislation_question_question_options_attributes_new_question_options_value&quot; /&gt; &lt;/div&gt;
&lt;div class=&quot;small-12 medium-3 column&quot;&gt;
&lt;input type=&quot;hidden&quot; name=&quot;legislation_question[question_options_attributes][new_question_options][_destroy]&quot; id=&quot;legislation_question_question_options_attributes_new_question_options__destroy&quot; value=&quot;false&quot; /&gt;&lt;a class=&quot;remove_fields dynamic&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;icon-x&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt; &lt;span&gt;eliminar&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;" href="#">+Añadir respuesta cerrada
</a>
</div>
</div>
<div class="row">
<div class="actions small-12 medium-3 column legislation-process-save">
<input type="submit" name="commit" value="Guardar cambios" class="button expanded" />
</div>
</div>
</form>
</div>
</div>

6
app/views/sandbox/admin_legislation_info.html.erb
View File

@@ -7,11 +7,11 @@
<h1>Licencias urbanísticas, declaraciones responsables y comunicaciones previas</h1> <h1>Licencias urbanísticas, declaraciones responsables y comunicaciones previas</h1>
<ul class="menu simple clear"> <ul class="menu simple clear">
<li class=active> <li class="active">
<a href="/admin/legislation/processes/1/edit">Información</a> <a href="/sandbox/admin_legislation_info.html">Información</a>
</li> </li>
<li > <li >
<a href="/admin/legislation/processes/1/questions">Debate</a> <a href="/sandbox/admin_legislation_debate.html">Debate</a>
</li> </li>
<li > <li >
<a href="/admin/legislation/processes/1/draft_versions">Texto</a> <a href="/admin/legislation/processes/1/draft_versions">Texto</a>