From d6afc92aee0dfcc5f1aaeef4fa39844fa7b97e7c Mon Sep 17 00:00:00 2001
From: boyska <piuttosto@logorroici.org>
Date: Wed, 30 Sep 2020 00:47:59 +0200
Subject: [PATCH] pannello filtri in dialog

---
 rxmap/rxmapp/static/js/viewmap.js |  5 +++++
 rxmap/rxmapp/templates/index.html | 19 +++++++++++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/rxmap/rxmapp/static/js/viewmap.js b/rxmap/rxmapp/static/js/viewmap.js
index 6c5cff0..304f015 100644
--- a/rxmap/rxmapp/static/js/viewmap.js
+++ b/rxmap/rxmapp/static/js/viewmap.js
@@ -52,6 +52,7 @@ function viewMap () {
 }
 jQuery(function ($) {
     var dateFormat = "yy-mm-dd";
+    $('.btn').button()
     function getDate( element ) {
         var date;
         try {
@@ -77,5 +78,9 @@ jQuery(function ($) {
     ).on("change", function() {
         from.datepicker("option", "maxDate", getDate(this))
     })
+    $('#filters').dialog({autoOpen: false, modal: true, height: 'auto', width: $(window).width() - 200})
+    $('#btn-open-filter').click(function() {
+    $('#filters').dialog('open')
+    })
   viewMap()
 })
diff --git a/rxmap/rxmapp/templates/index.html b/rxmap/rxmapp/templates/index.html
index d475ff6..96056b9 100644
--- a/rxmap/rxmapp/templates/index.html
+++ b/rxmap/rxmapp/templates/index.html
@@ -11,9 +11,12 @@
 
 {% block content %}
     <style>
-.ui-datepicker { z-index: 10 !important ;}
+.ui-datepicker { z-index: 200 !important ;}
     </style>
 <div id="dialog"></div>
+<div id="short-actions">
+    <button class="btn" id="btn-open-filter">Filtra</button>
+</div>
 <div id="filters">
     <!-- TODO: rendi collassabile -->
     <header><h3>Filtra</h3></header>
@@ -22,9 +25,17 @@
         <div class="form-field-line">
         <label for="tipo_radio__id">Osservazione fatta con</label>
         <select name="tipo_radio__id" >
-            <option value="NA" disabled selected="selected">//</option>
+            <option value=""
+                        {% if params.tipo_radio__id == "" %} selected="selected" {% endif %}
+                        >//</option>
             {% for tr in tipiradio %}
-                <option value="{{tr.id}}"><strong>{{tr.nome}}</strong> - {{tr.descrizione|default:'' }}</option>
+                <option value="{{tr.id}}"
+                        {% if tr.id == params.tipo_radio__id|add:"0" %}
+                            selected="selected"
+                        {% endif %}
+                        >
+                <strong>{{tr.nome}}</strong> - {{tr.descrizione|default:'' }}
+                </option>
             {% endfor %}
         </select>
         <div>
@@ -36,7 +47,7 @@
         </div>
 
 
-    <button id="search">Filtra</button>
+    <button class="btn" id="search">Filtra</button>
 
     </form>
 </div>