From 536ace2a117564bd951559ccbf16b06be917b1ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ses=C3=B3stris=20Vieira?= <sesostris@interlegis.leg.br>
Date: Wed, 4 May 2022 22:40:39 -0300
Subject: [PATCH] =?UTF-8?q?Mapa=20de=20atua=C3=A7=C3=A3o=20-=20limpar=20fi?=
 =?UTF-8?q?ltros=20e=20recentralizar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sigi/apps/home/templates/home/mapfilter.html |  2 ++
 sigi/apps/home/templates/home/openmap.html   | 27 +++++++++++++++-----
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/sigi/apps/home/templates/home/mapfilter.html b/sigi/apps/home/templates/home/mapfilter.html
index 2d7253e..9916073 100644
--- a/sigi/apps/home/templates/home/mapfilter.html
+++ b/sigi/apps/home/templates/home/mapfilter.html
@@ -33,6 +33,8 @@
       </div>
 </div>
 <small><strong>Total de Órgãos selecionados: </strong><span id="totalOrgao">-</span></small>
+<a href="#" class="right" id="center-map" title="{% trans 'Centralizar o mapa' %}"><i class="material-icons">my_location</i></a>
+<a href="#" class="right" id="clear-filters" title="{% trans 'Remover todos os filtros' %}"><i class="material-icons">clear_all</i></a>
 </li>
 <li>
   <div class="collapsible-header">{% trans "Por Tipo de órgão" %}</div>
diff --git a/sigi/apps/home/templates/home/openmap.html b/sigi/apps/home/templates/home/openmap.html
index e2c62ba..9bb7bec 100644
--- a/sigi/apps/home/templates/home/openmap.html
+++ b/sigi/apps/home/templates/home/openmap.html
@@ -61,14 +61,13 @@
 <script type="text/javascript" src="{% static 'js/search.js' %}"></script>
 <script>
   var mymap;
+  var map_center = [-14.235004, -51.92528];
+  var options = { color: 'blue', fillColor: 'red', fillOpacity: 0.4, radius: 500 };
+  var unfiltred_options = { color: 'red', fillColor: 'red', fillOpacity: 0, radius: 1000 };
   $(document).ready(function () {
-    var options = { color: 'blue', fillColor: 'red', fillOpacity: 0.4, radius: 500 };
-    var unfiltred_options = { color: 'red', fillColor: 'red', fillOpacity: 0, radius: 1000 };
-
     $("input[type=checkbox]").change(filtra);
 
-    mymap = L.map('map', { zoomSnap: 0.01 }).setView([-14.235004, -51.92528], 4.5);
-
+    mymap = L.map('map', { zoomSnap: 0.01 }).setView(map_center, 4.5);
     mymap.zoomControl.options.zoomInTitle = "{% trans 'Aproximar' %}";
     mymap.zoomControl.options.zoomOutTitle = "{% trans 'Afastar' %}";
     mymap.zoomControl.setPosition("bottomright");
@@ -161,6 +160,20 @@
       })
     }
 
+    $("#clear-filters").click(function(event) {
+      event.preventDefault();
+      $("input[type=checkbox][name=tipo_orgao]").prop('checked', false);
+      $("input[type=checkbox][name=tipo_servico]").prop('checked', false);
+      $("input[type=checkbox][name=tipo_convenio]").prop('checked', false);
+      $("input[type=checkbox][name=regiao]").prop('checked', false);
+      $("input[type=checkbox][name=uf]").prop('checked', false);
+      $("input[type=checkbox][name=gerente]").prop('checked', false);
+      filtra();
+    });
+    $("#center-map").click(function(event) {
+      event.preventDefault();
+      mymap.flyTo(map_center, 4.5);
+    });
   });
   function map_fly_to(obj) {
     mymap.flyTo([obj.lat, obj.lng], 8.5);
@@ -174,8 +187,8 @@
       }
     });
     if (!encontrado) {
-      var mark = L.circle([result.lat, result.lng], unfiltred_options).bindTooltip(result.label).bindPopup("").addTo(mymap);
-      mark.orgao_id = result.id
+      var mark = L.circle([obj.lat, obj.lng], unfiltred_options).bindTooltip(obj.label).bindPopup("").addTo(mymap);
+      mark.orgao_id = obj.id
       mark.openPopup();
     }
   }