From f913aeac608687bb74b7b97c2099c7e9d6d1057d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Sun, 27 Jul 2025 20:15:55 +0200
Subject: [PATCH] sortable w tabelach

---
 static/lib/css/sort_table.min.css | 1 +
 static/lib/js/sort_table.min.js   | 4 ++++
 templates/admin/admin_panel.html  | 1 -
 templates/base.html               | 2 ++
 templates/user_expenses.html      | 1 -
 5 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 static/lib/css/sort_table.min.css
 create mode 100644 static/lib/js/sort_table.min.js

diff --git a/static/lib/css/sort_table.min.css b/static/lib/css/sort_table.min.css
new file mode 100644
index 0000000..96e8814
--- /dev/null
+++ b/static/lib/css/sort_table.min.css
@@ -0,0 +1 @@
+.sortable thead th:not(.no-sort){cursor:pointer}.sortable thead th:not(.no-sort)::after,.sortable thead th:not(.no-sort)::before{transition:color .1s ease-in-out;font-size:1.2em;color:rgba(0,0,0,0)}.sortable thead th:not(.no-sort)::after{margin-left:3px;content:"▸"}.sortable thead th:not(.no-sort):hover::after{color:inherit}.sortable thead th:not(.no-sort)[aria-sort=descending]::after{color:inherit;content:"▾"}.sortable thead th:not(.no-sort)[aria-sort=ascending]::after{color:inherit;content:"▴"}.sortable thead th:not(.no-sort).indicator-left::after{content:""}.sortable thead th:not(.no-sort).indicator-left::before{margin-right:3px;content:"▸"}.sortable thead th:not(.no-sort).indicator-left:hover::before{color:inherit}.sortable thead th:not(.no-sort).indicator-left[aria-sort=descending]::before{color:inherit;content:"▾"}.sortable thead th:not(.no-sort).indicator-left[aria-sort=ascending]::before{color:inherit;content:"▴"}
\ No newline at end of file
diff --git a/static/lib/js/sort_table.min.js b/static/lib/js/sort_table.min.js
new file mode 100644
index 0000000..65070c1
--- /dev/null
+++ b/static/lib/js/sort_table.min.js
@@ -0,0 +1,4 @@
+document.addEventListener("click",function(d){try{var A=d.shiftKey||d.altKey,f=function k(a,l){return a.nodeName===l?a:k(a.parentNode,l)}(d.target,"TH"),v=f.parentNode,w=v.parentNode,g=w.parentNode;if("THEAD"===w.nodeName&&g.classList.contains("sortable")&&!f.classList.contains("no-sort")){var h=v.cells;for(d=0;d<h.length;d++)h[d]!==f&&h[d].removeAttribute("aria-sort");h="descending";("descending"===f.getAttribute("aria-sort")||g.classList.contains("asc")&&"ascending"!==f.getAttribute("aria-sort"))&&
+(h="ascending");f.setAttribute("aria-sort",h);g.dataset.timer&&clearTimeout(+g.dataset.timer);g.dataset.timer=setTimeout(function(){(function(a,l){function k(b){if(b){if(l&&b.dataset.sortAlt)return b.dataset.sortAlt;if(b.dataset.sort)return b.dataset.sort;if(b.textContent)return b.textContent}return""}a.dispatchEvent(new Event("sort-start",{bubbles:!0}));for(var p=a.tHead.querySelector("th[aria-sort]"),q=a.tHead.children[0],B="ascending"===p.getAttribute("aria-sort"),C=a.classList.contains("n-last"),
+y=function(b,m,c){var e=k(m.cells[c]),n=k(b.cells[c]);if(C){if(""===e&&""!==n)return-1;if(""===n&&""!==e)return 1}var x=+e-+n;e=isNaN(x)?e.localeCompare(n):x;return 0===e&&q.cells[c]&&q.cells[c].hasAttribute("data-sort-tbr")?y(b,m,+q.cells[c].dataset.sortTbr):B?-e:e},r=0;r<a.tBodies.length;r++){var t=a.tBodies[r],z=[].slice.call(t.rows,0);z.sort(function(b,m){var c;return y(b,m,+(null!==(c=p.dataset.sortCol)&&void 0!==c?c:p.cellIndex))});var u=t.cloneNode();u.append.apply(u,z);a.replaceChild(u,t)}a.dispatchEvent(new Event("sort-end",
+{bubbles:!0}))})(g,A)},1).toString()}}catch{}});
diff --git a/templates/admin/admin_panel.html b/templates/admin/admin_panel.html
index f3c0fb1..c8fdce5 100644
--- a/templates/admin/admin_panel.html
+++ b/templates/admin/admin_panel.html
@@ -187,7 +187,6 @@
   </div>
 
   {% block scripts %}
-  <script src="{{ url_for('static_bp.serve_js_lib', filename='Sortable.min.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js_lib', filename='chart.js') }}"></script>
   <script>
     document.getElementById('select-all').addEventListener('click', function () {
diff --git a/templates/base.html b/templates/base.html
index 71787e7..0fb648e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -9,6 +9,7 @@
   {% if not is_blocked %}
   <link href="{{ url_for('static_bp.serve_css', filename='style.css') }}" rel="stylesheet">
   <link href="{{ url_for('static_bp.serve_css_lib', filename='glightbox.min.css') }}" rel="stylesheet">
+  <link href="{{ url_for('static_bp.serve_css_lib', filename='sort_table.min.css') }}" rel="stylesheet">
   {% endif %}
   <link href="{{ url_for('static_bp.serve_css_lib', filename='bootstrap.min.css') }}" rel="stylesheet">
   {% if '/admin/' in request.path %}
@@ -87,6 +88,7 @@
   {% if request.endpoint != 'system_auth' %}
   <script src="{{ url_for('static_bp.serve_js_lib', filename='glightbox.min.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js_lib', filename='socket.io.min.js') }}"></script>
+  <script src="{{ url_for('static_bp.serve_js_lib', filename='sort_table.min.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js', filename='functions.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js', filename='live.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js', filename='sockets.js') }}"></script>
diff --git a/templates/user_expenses.html b/templates/user_expenses.html
index bd0bbb5..e693a96 100644
--- a/templates/user_expenses.html
+++ b/templates/user_expenses.html
@@ -140,7 +140,6 @@
 
 {% block scripts %}
 <script src="{{ url_for('static_bp.serve_js_lib', filename='chart.js') }}"></script>
-<script src="{{ url_for('static_bp.serve_js_lib', filename='Sortable.min.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='user_expenses.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='user_expense_lists.js') }}"></script>
 {% endblock %}
\ No newline at end of file