From 5a3d9652b432bb9f6f1991a4c07f8cbf70ed3c3f Mon Sep 17 00:00:00 2001
From: Lutz Bender <github@lutz-bender.de>
Date: Fri, 28 Feb 2025 10:22:42 +0100
Subject: [PATCH] add host validation patterns

---
 src/components/OpenwbBaseTextInput.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/OpenwbBaseTextInput.vue b/src/components/OpenwbBaseTextInput.vue
index 0acc11ad..940bf52e 100644
--- a/src/components/OpenwbBaseTextInput.vue
+++ b/src/components/OpenwbBaseTextInput.vue
@@ -98,6 +98,7 @@
             type="text"
             class="form-control"
             v-bind="$attrs"
+            :pattern="hostPattern"
           />
           <input
             v-if="['email', 'url'].includes(subtype)"
@@ -308,6 +309,13 @@ export default {
       // default to textInput
       return this.$refs.textInput;
     },
+    hostPattern() {
+      const ipPattern = "^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$";
+      const hostOnlyPattern = "^(?=.*[a-zA-Z].*$)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9])$";
+      const domainPattern =
+        "^((?=[^.]*[a-zA-Z][^.]*\\.)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9]\\.))+((?=[^.]*[a-zA-Z].*$)([a-zA-Z0-9][a-zA-Z0-9\\-]*[a-zA-Z0-9]))$";
+      return `(${ipPattern})|(${hostOnlyPattern})|(${domainPattern})`;
+    },
   },
   methods: {
     togglePassword() {