Implement toggleable table fields

2022-08-09 07:20:30 +01:00
parent 89b38111cd
commit d1076ca2b5
6 changed files with 574 additions and 308 deletions
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -21,6 +21,20 @@
    <script defer src="{% static 'js/remove-me.js' %}" integrity="sha384-6fHcFNoQ8QEI3ZDgw9Z/A6Brk64gF7AnFbLgdrumo8/kBbsKQ/wo7wPegj5WkzuG" crossorigin="anonymous"></script>
    <script defer src="{% static 'js/hyperscript.min.js' %}" integrity="sha384-6GYN8BDHOJkkru6zcpGOUa//1mn+5iZ/MyT6mq34WFIpuOeLF52kSi721q0SsYF9" crossorigin="anonymous"></script>
    <script src="{% static 'js/bulma-tagsinput.min.js' %}" integrity="sha384-GmnKCsPJIPPZbNVXpkGRmKdxOa0PQLnOM/hQLIHvMRERySuyvFqKGc76iHTGUY+d" crossorigin="anonymous"></script>
+    <script src="{% static 'js/jquery.min.js' %}"></script>
+    <script>
+      document.addEventListener("restore-scroll", function(event) {
+          var scrollpos = localStorage.getItem('scrollpos');
+          if (scrollpos) {
+            window.scrollTo(0, scrollpos)
+          };
+      });
+
+      document.addEventListener("htmx:beforeSwap", function(event) {
+        localStorage.setItem('scrollpos', window.scrollY);
+
+      });
+    </script>
    <script>
      document.addEventListener('DOMContentLoaded', () => {

@@ -72,8 +86,10 @@
      .htmx-request.htmx-indicator{
          opacity:1
      }
-
-      
+      .dropdown-content {
+        height: 20em;
+        overflow: auto;
+      }
    </style>
  </head>
  <body>