job-form dropdown selection - keyboard navigation and auto-completion (…

…fix #23)
ansibleguy · Mar 5, 2024 · 1df76d5 · 1df76d5
1 parent 8c1b3df
commit 1df76d5
Show file tree

Hide file tree

Showing 7 changed files with 227 additions and 74 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,11 +2,20 @@
 
 ## Version 0
 
-### 0.0.14
+### 0.0.16
+
+* Job-Form Selection
+  * Auto-Completion via Tab-Key
+  * Select using Up/Down/Enter Keys
+
+----
+
+### 0.0.14 / 0.0.15
 
 * SQLite connection optimizations
 * Database version-upgrade enhancements
 * Allow to change listen address
+* Fixed DB-migrations for PIP-based installation
 
 ----
 

diff --git a/src/ansibleguy-webui/aw/api_endpoints/filesystem.py b/src/ansibleguy-webui/aw/api_endpoints/filesystem.py
@@ -90,7 +90,7 @@ def get(cls, request, repository: int = None):
         else:
             base = str(request.GET['base'])
 
-        if base.find('..') != -1:
+        if base.find('..') != -1 or base.startswith('/'):
             return Response(data={'msg': 'Traversal not allowed'}, status=403)
 
         browse_root = browse_root / base

diff --git a/src/ansibleguy-webui/aw/static/css/aw.css b/src/ansibleguy-webui/aw/static/css/aw.css
@@ -400,7 +400,7 @@ input:invalid {
     overflow-y: scroll;
 }
 .aw-fs-choice {}
-.aw-fs-choice:hover {
+.aw-fs-choice:hover, .aw-fs-choice[selected="1"] {
     background-color: var(--tableRow2);
 }
 .aw-fs-choice-file {}

diff --git a/src/ansibleguy-webui/aw/static/css/aw_mobile.css b/src/ansibleguy-webui/aw/static/css/aw_mobile.css
@@ -7,11 +7,7 @@
         float: none;
     }
 
-    form .form-control {
-        width: 35vw;
-    }
-
-    .aw-fs-choices {
+    form .form-control, .aw-fs-choices {
         width: 35vw;
     }
 
@@ -53,11 +49,7 @@
         margin-top: 10px;
     }
 
-    form .form-control {
-        width: 50vw;
-    }
-
-    .aw-fs-choices {
+    form .form-control, .aw-fs-choices {
         width: 50vw;
     }
 
@@ -85,11 +77,7 @@
         padding-left: 5vw;
     }
 
-    .aw-login {
-        width: 70vw;
-    }
-
-    .aw-login-fields {
+    form .form-control, .aw-login, .aw-login-fields, .aw-fs-choices {
         width: 70vw;
     }
 
@@ -101,10 +89,6 @@
         padding: 1px 1px !important;
     }
 
-    form .form-control {
-        width: 70vw;
-    }
-
     .aw-responsive-lg {
         display: none;
     }

diff --git a/src/ansibleguy-webui/aw/static/js/aw.js b/src/ansibleguy-webui/aw/static/js/aw.js
@@ -5,6 +5,12 @@ const DATA_REFRESH_SEC = 1;
 const HTTP_PARAMS = new URLSearchParams(window.location.search);
 const TITLE_NULL = 'Does not exist';
 const LINK_NULL = 'javascript:void(0);';
+const KEY_ENTER = 13;
+const KEY_LEFT = 37;
+const KEY_UP = 38;
+const KEY_RIGHT = 39;
+const KEY_DOWN = 40;
+const KEY_TAB = 9;
 
 // UTIL FUNCTIONS
 function getCookie(name) {