From c3ce0b8d9a1af15492b109566f9bdec53b3ae7fe Mon Sep 17 00:00:00 2001
From: Bernhard Kirchen <schlimmchen@posteo.net>
Date: Mon, 7 Apr 2025 21:14:58 +0200
Subject: [PATCH] Fix: DTU serial change not possible

---
 webapp/src/components/InputElement.vue | 2 ++
 webapp/src/types/DtuConfig.ts          | 2 +-
 webapp/src/views/DtuAdminView.vue      | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/InputElement.vue b/webapp/src/components/InputElement.vue
index 8e21f9a7..ed2bdddc 100644
--- a/webapp/src/components/InputElement.vue
+++ b/webapp/src/components/InputElement.vue
@@ -18,6 +18,7 @@
                     :id="inputId"
                     :placeholder="placeholder"
                     :type="type"
+                    :minlength="minlength"
                     :maxlength="maxlength"
                     :min="min"
                     :max="max"
@@ -58,6 +59,7 @@ export default defineComponent({
         label: String,
         placeholder: String,
         type: String,
+        minlength: String,
         maxlength: String,
         min: String,
         max: String,
diff --git a/webapp/src/types/DtuConfig.ts b/webapp/src/types/DtuConfig.ts
index 98dc36bc..3e99ff03 100644
--- a/webapp/src/types/DtuConfig.ts
+++ b/webapp/src/types/DtuConfig.ts
@@ -7,7 +7,7 @@ export interface CountryDef {
 }
 
 export interface DtuConfig {
-    serial: number;
+    serial: string;
     pollinterval: number;
     nrf_enabled: boolean;
     nrf_palevel: number;
diff --git a/webapp/src/views/DtuAdminView.vue b/webapp/src/views/DtuAdminView.vue
index 54ec5087..8a8136c4 100644
--- a/webapp/src/views/DtuAdminView.vue
+++ b/webapp/src/views/DtuAdminView.vue
@@ -9,9 +9,9 @@
                 <InputElement
                     :label="$t('dtuadmin.Serial')"
                     v-model="dtuConfigList.serial"
-                    type="number"
-                    min="1"
-                    max="199999999999"
+                    type="text"
+                    minlength="12"
+                    maxlength="12"
                     :tooltip="$t('dtuadmin.SerialHint')"
                 />