From 32e3e40cfcbbf14631164715e46c26b6cb4b9065 Mon Sep 17 00:00:00 2001
From: Mic <m@micz.it>
Date: Tue, 3 Feb 2026 01:05:00 +0100
Subject: [PATCH] setting tomselect border red when empty. see #603

---
 pages/_lib/connection-ui.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pages/_lib/connection-ui.js b/pages/_lib/connection-ui.js
index 09a932ac..9fe59c05 100644
--- a/pages/_lib/connection-ui.js
+++ b/pages/_lib/connection-ui.js
@@ -1037,9 +1037,13 @@ export async function injectConnectionUI({
           direction: "asc"
         }
       });
+      ts.on('change', function() {
+        setTomSelectBorder(this);
+      });
       if (el.value) {
         ts.setValue(el.value);
       }
+      setTomSelectBorder(ts);
     }
   });
 
@@ -1257,6 +1261,14 @@ function toggleTomSelectDisabled(element, disabled) {
   }
 }
 
+function setTomSelectBorder(el){
+  if (el.getValue() === "") {
+      el.control.style.border = '2px solid red';
+  } else {
+      el.control.style.border = '1px solid #d0d0d0';
+  }
+}
+
 function getModelEl(model, modelId_prefix) {
   return document.getElementById((modelId_prefix ? modelId_prefix : '') + model);
 }