From d443a9b3354150a93490d6d1895d11985c187844 Mon Sep 17 00:00:00 2001
From: Leandro Roberto <leandroroberto.br@gmail.com>
Date: Mon, 12 Nov 2018 09:10:16 -0200
Subject: [PATCH] corrige css e js de checkbox e radio

---
 sapl/static/js/app.js                        |   8 -
 sapl/static/styles/app.scss                  |  14 +-
 sapl/templates/sessao/presenca.html          | 152 +++++++++----------
 sapl/templates/sessao/presenca_ordemdia.html | 144 +++++++++---------
 4 files changed, 152 insertions(+), 166 deletions(-)

diff --git a/sapl/static/js/app.js b/sapl/static/js/app.js
index c6a4d4259..cc9c773ce 100644
--- a/sapl/static/js/app.js
+++ b/sapl/static/js/app.js
@@ -192,20 +192,12 @@ function OptionalCustomFrontEnd() {
                     _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") {
-                _label.addClass('checkbox-inline');
                 _label.prepend(_this);
                 _this.checkbox();
             }
             else if (this.type === "radio") {
-                _label.addClass('radio-inline');
                 _label.prepend(_this);
                 _this.radio();
 
diff --git a/sapl/static/styles/app.scss b/sapl/static/styles/app.scss
index 7f50c9339..710d98833 100644
--- a/sapl/static/styles/app.scss
+++ b/sapl/static/styles/app.scss
@@ -229,14 +229,16 @@ nav {
   }
 
   label {
-    padding: 5px;
+    padding: 0;
+    line-height: 2.7;
+    padding-left: 36px;
     .icons {
-      top:  5px;
+      top:  8px;
       left: 8px;
     }
-    &.checkbox-inline, &.radio-inline {
-      padding: 8px;
-      padding-left: 36px;
+
+    &.checkbox-inline, &.radio-inline, {
+      padding-right: 8px;
       .icons {
         top:  8px;
         left: 8px;
@@ -244,7 +246,7 @@ nav {
     }
   }
   .checkbox, .radio, .checkbox-inline, .radio-inline  {
-      margin: 0;
+    margin: 0;
     &:hover {
       background-color: #d6e1e5;
     }
diff --git a/sapl/templates/sessao/presenca.html b/sapl/templates/sessao/presenca.html
index 3b9ebf541..202966c3a 100644
--- a/sapl/templates/sessao/presenca.html
+++ b/sapl/templates/sessao/presenca.html
@@ -5,91 +5,83 @@
 {% block actions %}{% endblock %}
 
 {% block detail_content %}
-
 {% if perms|get_add_perm:view %}
-	<form method="POST">
-	  {% csrf_token %}
-
-		<div class="controls">
-			<div class="checkbox">
-				<label for="id_check_all">
-					<input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
-				</label>
-			</div>
-		</div>
-
-                <br />
-                <div class="controls"> 
-                        <div class="checkbox"> 
-                                <label for="id_ativos">
-                                        <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente parlamentares ativos
-                                </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>
-
+<form method="POST">
+  {% csrf_token %}
+  <div class="controls">
+    <label for="id_check_all" class="checkbox">
+      <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
+    </label>
+  </div>
+  <br />
+  <div class="controls">
+    <label for="id_ativos" class="checkbox">
+      <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
+      parlamentares ativos
+    </label>
+  </div>
+  <br />
+  <div class="controls ">
     {% 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 %}
+    {% 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>
 
-{% 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 %}
 
 {% block extra_js %}
-	<script language="JavaScript">
-		function checkAll(event) {
-			$('[name=presenca_ativos]').each(function() {
-				$(this).prop('checked', event.target.checked ? 'checked': null);
-				$(this).trigger('click');
-			});
-			if (($('[name=ativos]').is(':checked')) == false) {
-                        	$('[name=presenca_inativos]').each(function() {
-                	                $(this).prop('checked', event.target.checked ? 'checked': null);
-        	                        $(this).trigger('click');
- 	                       });
- 			}
-
-		}
-
-                function escondeInativos() {
-                        $(".inativos").toggle();
-                }
-	</script>
-{% endblock %}
+<script language="JavaScript">
+  function checkAll(event) {
+    $('[name=presenca_ativos]').each(function () {
+      $(this).prop('checked', event.target.checked ? 'checked' : null);
+      $(this).trigger('click');
+    });
+    if (($('[name=ativos]').is(':checked')) == false) {
+      $('[name=presenca_inativos]').each(function () {
+        $(this).prop('checked', event.target.checked ? 'checked' : null);
+        $(this).trigger('click');
+      });
+    }
+  }
+
+  function escondeInativos() {
+    $(".inativos").toggle();
+  }
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/sapl/templates/sessao/presenca_ordemdia.html b/sapl/templates/sessao/presenca_ordemdia.html
index ccc730bcd..98f184aa7 100644
--- a/sapl/templates/sessao/presenca_ordemdia.html
+++ b/sapl/templates/sessao/presenca_ordemdia.html
@@ -7,90 +7,90 @@
 {% block detail_content %}
 
 {% if perms|get_add_perm:view %}
-	<form method="POST">
-	  {% csrf_token %}
-
-    <div class="controls">
-      <div class="checkbox">
-        <label for="id_check_all">
-          <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
-        </label>
-      </div>
+<form method="POST">
+  {% csrf_token %}
+  <div class="controls">
+    <div class="checkbox">
+      <label for="id_check_all">
+        <input type="checkbox" id="id_check_all" onchange="checkAll(event)" /> Marcar/Desmarcar Todos
+      </label>
     </div>
+  </div>
 
-    <br />
+  <br />
 
-    <div class="controls">
-      <div class="checkbox">
-        <label for="id_ativos">
-          <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente parlamentares ativos
-        </label>
-      </div>
+  <div class="controls">
+    <div class="checkbox">
+      <label for="id_ativos">
+        <input type="checkbox" name="ativos" id="id_ativos" onchange="escondeInativos()" checked /> Exibir somente
+        parlamentares ativos
+      </label>
     </div>
+  </div>
 
-    <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 />
 
-		<br />
-		<input type="submit" value="Salvar" class="btn btn-primary" />
-	</form>
+  <div class="controls">
+    {% for parlamentar, check in view.get_presencas_ordem %}
+      {% 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 %}
 
-    <div class="row">
-      <div class="col-md-6"><h2>Parlamentares presentes</div>
-    </div>
-    </br>
-
-    {% for parlamentar, check in view.get_presencas_ordem %}
-        {% 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 %}
+<div class="row">
+  <div class="col-md-6">
+    <h2>Parlamentares presentes
+  </div>
+</div>
+<br/>
+
+{% for parlamentar, check in view.get_presencas_ordem %}
+{% 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 %}
 
 {% block extra_js %}
-	<script language="JavaScript">
-		function checkAll(event) {
-                        $('[name=presenca_ativos]').each(function() {
-                                $(this).prop('checked', event.target.checked ? 'checked': null);
-                                $(this).trigger('click');
-                        });
-                        if (($('[name=ativos]').is(':checked')) == false) {
-                                $('[name=presenca_inativos]').each(function() {
-                                        $(this).prop('checked', event.target.checked ? 'checked': null);
-                                        $(this).trigger('click');
-                               });
-                        }
-
-                }
-
-                function escondeInativos() {
-                        $(".inativos").toggle();
-                }
-	</script>
-{% endblock %}
+<script language="JavaScript">
+  function checkAll(event) {
+    $('[name=presenca_ativos]').each(function () {
+      $(this).prop('checked', event.target.checked ? 'checked' : null);
+      $(this).trigger('click');
+    });
+    if (($('[name=ativos]').is(':checked')) == false) {
+      $('[name=presenca_inativos]').each(function () {
+        $(this).prop('checked', event.target.checked ? 'checked' : null);
+        $(this).trigger('click');
+      });
+    }
+
+  }
+
+  function escondeInativos() {
+    $(".inativos").toggle();
+  }
+</script>
+{% endblock %}
\ No newline at end of file