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. 14
      sapl/static/styles/app.scss
  3. 152
      sapl/templates/sessao/presenca.html
  4. 144
      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();

14
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;
@ -244,7 +246,7 @@ nav {
} }
} }
.checkbox, .radio, .checkbox-inline, .radio-inline { .checkbox, .radio, .checkbox-inline, .radio-inline {
margin: 0; margin: 0;
&:hover { &:hover {
background-color: #d6e1e5; background-color: #d6e1e5;
} }

152
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"> <label for="id_check_all" class="checkbox">
<div class="checkbox"> <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
<label for="id_check_all"> </label>
<input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos </div>
</label> <br />
</div> <div class="controls">
</div> <label for="id_ativos" class="checkbox">
<input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
<br /> parlamentares ativos
<div class="controls"> </label>
<div class="checkbox"> </div>
<label for="id_ativos"> <br />
<input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente parlamentares ativos <div class="controls ">
</label>
</div>
</div>
<br />
<div class="controls">
{% for parlamentar, check in view.get_presencas %}
{% if parlamentar.ativo %}
<div class="checkbox">
<label for="id_presenca_{{forloop.counter}}">
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
{% else %}
<div 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 }}" {% if check %} checked {% endif %}/>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
{% endif %}
{% endfor %}
</div>
<br />
<input type="submit" value="Salvar" class="btn btn-primary" />
</form>
{% else %}
<div class="row">
<div class="col-md-6"><h2>Parlamentares presentes</div>
</div>
</br>
{% for parlamentar, check in view.get_presencas %} {% for parlamentar, check in view.get_presencas %}
{% if check %} {% if parlamentar.ativo %}
<div class="row"> <label for="id_presenca_{{forloop.counter}}" class="checkbox">
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div> <input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
</div> {% if check %} checked {% endif %}>
{% endif %} {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
{% else %}
<label for="id_presenca_{{forloop.counter}}" class="checkbox inativos" style="display:none;">
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
{% if check %} checked {% endif %}>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
{% endif %}
{% endfor %} {% endfor %}
</div>
<br />
<input type="submit" value="Salvar" class="btn btn-primary" />
</form>
{% endif %} {% else %}
<div class="row">
<div class="col-md-6">
<h2>Parlamentares presentes
</div>
</div>
<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 %}
{% 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 %}

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

@ -7,90 +7,90 @@
{% 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"> <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>
</div>
<br /> <br />
<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
</label> parlamentares ativos
</div> </label>
</div> </div>
</div>
<br /> <br />
<div class="controls">
{% for parlamentar, check in view.get_presencas_ordem %}
{% if parlamentar.ativo %}
<div class="checkbox">
<label for="id_presenca_{{forloop.counter}}">
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
{% else %}
<div 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 }}" {% if check %} checked {% endif %}/>
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
</div>
{% endif %}
{% endfor %}
</div>
<br /> <div class="controls">
<input type="submit" value="Salvar" class="btn btn-primary" /> {% for parlamentar, check in view.get_presencas_ordem %}
</form> {% if parlamentar.ativo %}
<label for="id_presenca_{{forloop.counter}}" class="checkbox">
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_ativos" value="{{ parlamentar.id }}"
{% if check %} checked {% endif %} />
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
{% else %}
<label for="id_presenca_{{forloop.counter}}" class="checkbox inativos" style="display:none;">
<input type="checkbox" id="id_presenca_{{forloop.counter}}" name="presenca_inativos" value="{{ parlamentar.id }}"
{% if check %} checked {% endif %} />
{{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}
</label>
{% endif %}
{% endfor %}
</div>
<br />
<input type="submit" value="Salvar" class="btn btn-primary" />
</form>
{% else %} {% else %}
<div class="row"> <div class="row">
<div class="col-md-6"><h2>Parlamentares presentes</div> <div class="col-md-6">
</div> <h2>Parlamentares presentes
</br> </div>
</div>
{% for parlamentar, check in view.get_presencas_ordem %} <br/>
{% if check %}
<div class="row"> {% for parlamentar, check in view.get_presencas_ordem %}
<div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{ parlamentar|filiacao_data_filter:object.data_inicio }}</label></div> {% if check %}
</div> <div class="row">
{% endif %} <div class="col-md-6"><label for="parlamentar"> - {{ parlamentar.nome_parlamentar }} / {{
{% endfor %} 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 %}
Write Preview
Loading…
Cancel
Save