From 59e4cc1a2f12b92596ed52da3c9123cf979f4664 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ses=C3=B3stris=20Vieira?= <sesostris@interlegis.leg.br>
Date: Thu, 14 Apr 2022 11:35:41 -0300
Subject: [PATCH] Filtro flutuante no changelist

---
 sigi/static/css/changelists.css       |  22 +++++
 sigi/templates/admin/change_list.html | 125 +++++++++++++-------------
 2 files changed, 85 insertions(+), 62 deletions(-)
 create mode 100644 sigi/static/css/changelists.css

diff --git a/sigi/static/css/changelists.css b/sigi/static/css/changelists.css
new file mode 100644
index 0000000..e17816b
--- /dev/null
+++ b/sigi/static/css/changelists.css
@@ -0,0 +1,22 @@
+.side-wrapper {
+  width: 100%;
+}
+#changelist {
+  width:100%
+}
+
+.float-filter {
+  right: 0;
+  left: auto;
+  position: fixed;
+  width: 300px;
+  top: 0;
+  margin: 0;
+  height: calc(100% + 60px);
+  padding-bottom: 60px;
+  background-color: #fff;
+  z-index: 999;
+  overflow-y: auto;
+  will-change: transform;
+  backface-visibility: hidden;
+}
\ No newline at end of file
diff --git a/sigi/templates/admin/change_list.html b/sigi/templates/admin/change_list.html
index c7e446f..6a0cdca 100644
--- a/sigi/templates/admin/change_list.html
+++ b/sigi/templates/admin/change_list.html
@@ -4,73 +4,76 @@
 
 {% block extrastyle %}
   {{ block.super }}
-    <style>
-      .side-wrapper {
-        width: 100%;
-      }
-      #changelist {
-        width:100%
-      }
+  <link rel="stylesheet" type="text/css" href="{% static 'material/admin/css/changelists.min.css' %}">
+  <link rel="stylesheet" type="text/css" href="{% static 'css/changelists.css' %}">
+{% endblock %}
 
-    .float-filter {
-      right: 0;
-      left: auto;
-      position: fixed;
-      width: 300px;
-      top: 0;
-      margin: 0;
-      height: calc(100% + 60px);
-      padding-bottom: 60px;
-      background-color: #fff;
-      z-index: 999;
-      overflow-y: auto;
-      will-change: transform;
-      backface-visibility: hidden;
-    }
+{% block content %}
+  <div id="content-main" class="list-content">
+    {% block object-tools %}
+    <div class="fixed-action-btn">
+      <a class="btn-floating btn-large">
+        <i class="large material-icons">build</i>
+      </a>
+      <ul>
+        {% block object-tools-items %}
+        <li>
+          <a href="#" data-target="float-filter" class="btn-floating tooltipped waves-effect waves-light sidenav-trigger" data-position="left" data-tooltip="{% trans 'Filter' %}">
+            <i class="material-icons" aria-hidden="true">filter_list</i>
+          </a>
+        </li>
+        {% if has_add_permission %}
+        <li>
+          {% url cl.opts|admin_urlname:'add' as add_url %}
+          <a href="{% add_preserved_filters add_url is_popup to_field %}" class="btn-floating tooltipped waves-effect waves-light" data-position="left" data-tooltip="{% trans 'Add' %}">
+            <i class="material-icons" aria-hidden="true">add</i>
+          </a>
+        </li>
+        {% endif %}
+        {% endblock %}
+      </ul>
+    </div>
+  {% endblock %}
+      {% if cl.formset.errors %}
+        <p class="errornote">
+        {% if cl.formset.total_error_count == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %}
+        </p>
+        {{ cl.formset.non_form_errors }}
+    {% endif %}
+    <div class="module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
 
-    </style>
-{% endblock extrastyle %}
+      {% block date_hierarchy %}{% date_hierarchy cl %}{% endblock %}
 
-{% block object-tools %}
-  <div class="fixed-action-btn">
-    <a class="btn-floating btn-large">
-      <i class="large material-icons">build</i>
-    </a>
-    <ul>
-      {% block object-tools-items %}
-      <li>
-        <a href="#" data-target="float-filter" class="btn-floating tooltipped waves-effect waves-light sidenav-trigger" data-position="left" data-tooltip="{% trans 'Filter' %}">
-          <i class="material-icons" aria-hidden="true">filter_list</i>
-        </a>
-      </li>
-      {% if has_add_permission %}
-      <li>
-        {% url cl.opts|admin_urlname:'add' as add_url %}
-        <a href="{% add_preserved_filters add_url is_popup to_field %}" class="btn-floating tooltipped waves-effect waves-light" data-position="left" data-tooltip="{% trans 'Add' %}">
-          <i class="material-icons" aria-hidden="true">add</i>
-        </a>
-      </li>
+      <form id="changelist-form" method="post"{% if cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>{% csrf_token %}
+      {% if cl.formset %}
+        <div>{{ cl.formset.management_form }}</div>
       {% endif %}
-      {% endblock %}
-    </ul>
-  </div>
-{% endblock %}
 
-{% block side_wrapper %}
-  <div id="float-filter" class="float-filter hide">
-    <div id="side-wrapper" class="side-wrapper">
-      <div id="changelist-form" class="card">
-        {% if action_form and actions_on_top and cl.show_admin_actions %}{% admin_actions %}{% endif %}
-      </div>
-      <div class="card">
-        {% block search %}{% search_form cl %}{% endblock %}
-      </div>
-      <div class="card">
-        {% block filters %}
-          {{ block.super }}
-        {% endblock %}
+      {% block result_list %}
+        {% result_list cl %}
+        {% if action_form and actions_on_bottom and cl.show_admin_actions %}{% admin_actions %}{% endif %}
+      {% endblock %}
+      {% block pagination %}{% pagination cl %}{% endblock %}
+      </form>
+    </div>
+    {% block side_wrapper %}
+    <div id="float-filter" class="float-filter hide">
+      <div id="side-wrapper" class="side-wrapper">
+        <div id="changelist-form" class="card">
+          {% if action_form and actions_on_top and cl.show_admin_actions %}{% admin_actions %}{% endif %}
+        </div>
+        <div class="card">
+          {% block search %}{% search_form cl %}{% endblock %}
+        </div>
+        <div class="card">
+          {% block filters %}
+            {{ block.super }}
+          {% endblock %}
+        </div>
       </div>
     </div>
+    {% endblock %}
+  </div>
   </div>
 {% endblock %}
 
@@ -80,7 +83,6 @@
     $(document).ready(function(){
       $('.fixed-action-btn').floatingActionButton();
       M.Tooltip.init($('.tooltipped'), {});
-//      M.Sidenav.init($("#filter"), {edge: 'right'});
       $('.float-filter').each(function() {
         var id=this.id;
         $(`[data-target="${id}"]`).on("click", function(e) {
@@ -93,4 +95,3 @@
     });
   </script>
 {% endblock footer %}
-