Browse Source

corrige css e js de checkbox e radio

pull/2370/head
Leandro Roberto 6 years ago
parent
commit
d443a9b335
  1. 8
      sapl/static/js/app.js
  2. 12
      sapl/static/styles/app.scss
  3. 48
      sapl/templates/sessao/presenca.html
  4. 28
      sapl/templates/sessao/presenca_ordemdia.html

8
sapl/static/js/app.js

@ -192,20 +192,12 @@ function OptionalCustomFrontEnd() {
_label = $('<label[for='+this.id+']/>').insertBefore(this) _label = $('<label[for='+this.id+']/>').insertBefore(this)
} }
} }
/*var _controls = _label.closest('.controls');
if (!_controls.length) {
_controls = $('<div class="controls"/>').insertBefore(_label)
_controls.append(_label)
}*/
if (this.type === "checkbox") { if (this.type === "checkbox") {
_label.addClass('checkbox-inline');
_label.prepend(_this); _label.prepend(_this);
_this.checkbox(); _this.checkbox();
} }
else if (this.type === "radio") { else if (this.type === "radio") {
_label.addClass('radio-inline');
_label.prepend(_this); _label.prepend(_this);
_this.radio(); _this.radio();

12
sapl/static/styles/app.scss

@ -229,14 +229,16 @@ nav {
} }
label { label {
padding: 5px; padding: 0;
line-height: 2.7;
padding-left: 36px;
.icons { .icons {
top: 5px; top: 8px;
left: 8px; left: 8px;
} }
&.checkbox-inline, &.radio-inline {
padding: 8px; &.checkbox-inline, &.radio-inline, {
padding-left: 36px; padding-right: 8px;
.icons { .icons {
top: 8px; top: 8px;
left: 8px; left: 8px;

48
sapl/templates/sessao/presenca.html

@ -5,71 +5,64 @@
{% block actions %}{% endblock %} {% block actions %}{% endblock %}
{% block detail_content %} {% block detail_content %}
{% if perms|get_add_perm:view %} {% if perms|get_add_perm:view %}
<form method="POST"> <form method="POST">
{% csrf_token %} {% csrf_token %}
<div class="controls"> <div class="controls">
<div class="checkbox"> <label for="id_check_all" class="checkbox">
<label for="id_check_all">
<input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
</label> </label>
</div> </div>
</div>
<br /> <br />
<div class="controls"> <div class="controls">
<div class="checkbox"> <label for="id_ativos" class="checkbox">
<label for="id_ativos"> <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
<input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente parlamentares ativos parlamentares ativos
</label> </label>
</div> </div>
</div>
<br /> <br />
<div class="controls "> <div class="controls ">
{% for parlamentar, check in view.get_presencas %} {% for parlamentar, check in view.get_presencas %}
{% if parlamentar.ativo %} {% if parlamentar.ativo %}
<div class="checkbox"> <label for="id_presenca_{{forloop.counter}}" class="checkbox">
<label for="id_presenca_{{forloop.counter}}"> <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/> {% if check %} checked {% endif %}>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }} {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label> </label>
</div>
{% else %} {% else %}
<div class="checkbox inativos" style="display:none;"> <label for="id_presenca_{{forloop.counter}}" class="checkbox inativos" style="display:none;">
<label for="id_presenca_{{forloop.counter}}"> <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/> {% if check %} checked {% endif %}>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }} {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label> </label>
</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
<br /> <br />
<input type="submit" value="Salvar" class="btn btn-primary" /> <input type="submit" value="Salvar" class="btn btn-primary" />
</form> </form>
{% else %} {% else %}
<div class="row"> <div class="row">
<div class="col-md-6"><h2>Parlamentares presentes</div> <div class="col-md-6">
<h2>Parlamentares presentes
</div>
</div> </div>
</br> <br />
{% for parlamentar, check in view.get_presencas %} {% for parlamentar, check in view.get_presencas %}
{% if check %} {% if check %}
<div class="row"> <div class="row">
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div> <div class="col-md-6">
<label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{
parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
</div> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% endblock detail_content %} {% endblock detail_content %}
{% block extra_js %} {% block extra_js %}
@ -85,7 +78,6 @@
$(this).trigger('click'); $(this).trigger('click');
}); });
} }
} }
function escondeInativos() { function escondeInativos() {

28
sapl/templates/sessao/presenca_ordemdia.html

@ -9,7 +9,6 @@
{% if perms|get_add_perm:view %} {% if perms|get_add_perm:view %}
<form method="POST"> <form method="POST">
{% csrf_token %} {% csrf_token %}
<div class="controls"> <div class="controls">
<div class="checkbox"> <div class="checkbox">
<label for="id_check_all"> <label for="id_check_all">
@ -23,7 +22,8 @@
<div class="controls"> <div class="controls">
<div class="checkbox"> <div class="checkbox">
<label for="id_ativos"> <label for="id_ativos">
<input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente parlamentares ativos <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
parlamentares ativos
</label> </label>
</div> </div>
</div> </div>
@ -33,23 +33,20 @@
<div class="controls"> <div class="controls">
{% for parlamentar, check in view.get_presencas_ordem %} {% for parlamentar, check in view.get_presencas_ordem %}
{% if parlamentar.ativo %} {% if parlamentar.ativo %}
<div class="checkbox"> <label for="id_presenca_{{forloop.counter}}" class="checkbox">
<label for="id_presenca_{{forloop.counter}}"> <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/> {% if check %} checked {% endif %} />
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }} {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label> </label>
</div>
{% else %} {% else %}
<div class="checkbox inativos" style="display:none;"> <label for="id_presenca_{{forloop.counter}}" class="checkbox inativos" style="display:none;">
<label for="id_presenca_{{forloop.counter}}"> <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/> {% if check %} checked {% endif %} />
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }} {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label> </label>
</div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
<br /> <br />
<input type="submit" value="Salvar" class="btn btn-primary" /> <input type="submit" value="Salvar" class="btn btn-primary" />
</form> </form>
@ -57,14 +54,17 @@
{% else %} {% else %}
<div class="row"> <div class="row">
<div class="col-md-6"><h2>Parlamentares presentes</div> <div class="col-md-6">
<h2>Parlamentares presentes
</div>
</div> </div>
</br> <br/>
{% for parlamentar, check in view.get_presencas_ordem %} {% for parlamentar, check in view.get_presencas_ordem %}
{% if check %} {% if check %}
<div class="row"> <div class="row">
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div> <div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{
parlamentar|filiacao_data_filter:object.data_inicio }}</label></div>
</div> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}

Loading…
Cancel
Save