add type checking

Author: ztarbug

frontend/src/api/service/ConfigurationService.ts

@@ -23,7 +23,7 @@ export default class ConfigurationService {
 
   static saveConfiguration(
     configuration: ConfigurationItemDTO[]
-  ): Promise<ConfigurationDTO> {
+  ): Promise<ConfigurationDTO[]> {
     return FetchService.postData(
       configuration,
       `${this.ENDPOINT}/all`,

frontend/src/components/config/ConfigApplication.vue

@@ -13,7 +13,7 @@
     >
       <v-card-text class="pb-16">
         <div v-for="(items, category) in groupedConfig" :key="category" class="mb-6">
-          <h3 class="text-h6 mb-3">{{ category.toLocaleUpperCase() }}</h3>
+          <h3 class="text-h6 mb-3">{{ category.toUpperCase() }}</h3>
           <v-list>
             <v-list-item v-for="item in items" :key="item.id">
               <v-text-field
@@ -22,6 +22,7 @@
                 variant="outlined"
                 density="compact"
                 class="pt-2"
+                :rules="[validateDatatype(item)]"
               />
             </v-list-item>
           </v-list>
@@ -58,6 +59,22 @@ const groupedConfig = computed(() => {
   }, {} as Record<string, ConfigurationItemDTO[]>);
 });
 
+function validateDatatype(item: ConfigurationItemDTO) {
+  return (value: string) => {
+    if (!value) return true;
+    if (item.datatype === 'INTEGER') {
+      return /^-?\d+$/.test(value) || 'Muss eine Ganzzahl sein';
+    }
+    if (item.datatype === 'DOUBLE') {
+      return /^-?\d+(\.\d+)?$/.test(value) || 'Muss eine Zahl sein';
+    }
+    if (item.datatype === 'BOOLEAN') {
+      return /^(true|false)$/i.test(value) || 'Muss true oder false sein';
+    }
+    return true;
+  };
+}
+
 loadConfigValues();
 
 function loadConfigValues() {