SPDT
/
sapl
mirror of https://github.com/interlegis/sapl.git
5
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

corrige css e js de checkbox e radio

pull/2370/head
Leandro Roberto 6 years ago
parent
caec5dbed8
commit
d443a9b335
4 changed files with 152 additions and 166 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      sapl/static/js/app.js
  2. 12
      sapl/static/styles/app.scss
  3. 80
      sapl/templates/sessao/presenca.html
  4. 60
      sapl/templates/sessao/presenca_ordemdia.html

8
sapl/static/js/app.js
View File

@ -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
View File

@ -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;

80
sapl/templates/sessao/presenca.html
View File

@ -5,91 +5,83 @@
{% 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="col-md-6"><h2>Parlamentares presentes</div>
</div>
</br>
{% for parlamentar, check in view.get_presencas %} <div class="row">
{% if check %} <div class="col-md-6">
<div class="row"> <h2>Parlamentares presentes
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div>
</div> </div>
{% endif %} </div>
{% endfor %} <br />
{% for parlamentar, check in view.get_presencas %}
{% if check %}
<div class="row">
<div class="col-md-6">
<label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{
parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %} {% endif %}
{% endblock detail_content %} {% endblock detail_content %}
{% block extra_js %} {% block extra_js %}
<script language="JavaScript"> <script language="JavaScript">
function checkAll(event) { function checkAll(event) {
$('[name=presenca_ativos]').each(function() { $('[name=presenca_ativos]').each(function () {
$(this).prop('checked', event.target.checked ? 'checked': null); $(this).prop('checked', event.target.checked ? 'checked' : null);
$(this).trigger('click'); $(this).trigger('click');
}); });
if (($('[name=ativos]').is(':checked')) == false) { if (($('[name=ativos]').is(':checked')) == false) {
$('[name=presenca_inativos]').each(function() { $('[name=presenca_inativos]').each(function () {
$(this).prop('checked', event.target.checked ? 'checked': null); $(this).prop('checked', event.target.checked ? 'checked' : null);
$(this).trigger('click'); $(this).trigger('click');
}); });
} }
} }
function escondeInativos() { function escondeInativos() {
$(".inativos").toggle(); $(".inativos").toggle();
} }
</script> </script>
{% endblock %} {% endblock %}

60
sapl/templates/sessao/presenca_ordemdia.html
View File

@ -7,9 +7,8 @@
{% 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"> <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,56 +33,56 @@
<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>
{% 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>
</br> </div>
<br/>
{% for parlamentar, check in view.get_presencas_ordem %}
{% if check %} {% for parlamentar, check in view.get_presencas_ordem %}
<div class="row"> {% if check %}
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div> <div class="row">
</div> <div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{
{% endif %} parlamentar|filiacao_data_filter:object.data_inicio }}</label></div>
{% endfor %} </div>
{% endif %}
{% endfor %}
{% endif %} {% endif %}
{% endblock detail_content %} {% endblock detail_content %}
{% block extra_js %} {% block extra_js %}
<script language="JavaScript"> <script language="JavaScript">
function checkAll(event) { function checkAll(event) {
$('[name=presenca_ativos]').each(function() { $('[name=presenca_ativos]').each(function () {
$(this).prop('checked', event.target.checked ? 'checked': null); $(this).prop('checked', event.target.checked ? 'checked' : null);
$(this).trigger('click'); $(this).trigger('click');
}); });
if (($('[name=ativos]').is(':checked')) == false) { if (($('[name=ativos]').is(':checked')) == false) {
$('[name=presenca_inativos]').each(function() { $('[name=presenca_inativos]').each(function () {
$(this).prop('checked', event.target.checked ? 'checked': null); $(this).prop('checked', event.target.checked ? 'checked' : null);
$(this).trigger('click'); $(this).trigger('click');
}); });
} }
@ -92,5 +92,5 @@
function escondeInativos() { function escondeInativos() {
$(".inativos").toggle(); $(".inativos").toggle();
} }
</script> </script>
{% endblock %} {% endblock %}
Write Preview
Loading…
Cancel
Save