servershell: Add column helper buttons

innogames · Dec 9, 2024 · 53af508 · 53af508
1 parent c4d6466
commit 53af508
Show file tree

Hide file tree

Showing 6 changed files with 38 additions and 2 deletions.
diff --git a/serveradmin/servershell/static/css/fontawesome.min.css b/serveradmin/servershell/static/css/fontawesome.min.css
diff --git a/serveradmin/servershell/static/css/servershell.css b/serveradmin/servershell/static/css/servershell.css
@@ -14,6 +14,10 @@ table tr:nth-child(odd) .disabled {
     background-color: var(--disabled-secondary);
 }
 
+#result_table thead th {
+    padding-right: 1ch;
+}
+
 .results-info:last-of-type {
     margin-bottom: 1rem;
 }
@@ -127,4 +131,4 @@ table tr:nth-child(odd) .disabled {
 
 #result_table textarea {
     resize: both;
-}
+}
diff --git a/serveradmin/servershell/static/js/servershell/result.js b/serveradmin/servershell/static/js/servershell/result.js
@@ -15,7 +15,23 @@ servershell.update_result = function() {
     header.empty();
     header.append('<th scope="col"></th>');
     header.append('<th scope="col">#</th>');
-    servershell.shown_attributes.forEach((attribute, index) => header.append($('<th scope="col">').text(attribute)));
+    servershell.shown_attributes.forEach((attribute, index) => header.append(
+        $('<th scope="col">').append(
+            $('<span>').text(attribute),
+            $(`<a href="#" class="attr-tooltip" title="Order by ${attribute} attribute">`).append(
+                $('<i class="fa-solid fa-arrow-down-a-z">')
+            ).click(function(e) {
+                e.preventDefault();
+                servershell.commands.orderby(attribute);
+            }),
+            $(`<a href="#" class="attr-tooltip" title="Remove ${attribute} column">`).append(
+                $('<i class="fa-solid fa-xmark">')
+            ).click(function(e) {
+                e.preventDefault();
+                servershell.commands.attr(attribute);
+            }),
+        )
+    ));
 
     // Recreate table body
     let body = table.find('tbody');

diff --git a/serveradmin/servershell/static/webfonts/fa-solid-900.woff2 b/serveradmin/servershell/static/webfonts/fa-solid-900.woff2
diff --git a/serveradmin/servershell/templates/servershell/index.html b/serveradmin/servershell/templates/servershell/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="{{ STATIC_URL }}css/states.css">
     <link rel="stylesheet" href="{{ STATIC_URL }}css/servershell.css">
     <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery-ui.min.css">
+    <link rel="stylesheet" href="{{ STATIC_URL }}css/fontawesome.min.css">
 {% endblock %}
 
 {% block content %}

diff --git a/setup.py b/setup.py
@@ -48,6 +48,7 @@
                 'static/*',
                 'static/css/*',
                 'static/js/*',
+                'static/webfonts/*',
                 'static/js/servershell/*',
                 'static/js/servershell/autocomplete/*',
                 'templates/servershell/*',