@5minds/node-red-dashboard-2-processcube-dynamic-form 2.5.0 → 2.6.0-develop-d70b79-mgo5cwgw

package/ui/components/UIDynamicForm.vue

@@ -184,8 +184,11 @@
           </div>
         </v-card-text>
         <v-card-actions>
+          <a href="modalImage.url" :download="modalImage.name">
+            <v-btn color="secondary" text>Herunterladen</v-btn>
+          </a>
           <v-spacer></v-spacer>
-          <v-btn color="primary" text @click="closeImageModal">Close</v-btn>
+          <v-btn color="primary" text @click="closeImageModal">Schließen</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -205,6 +208,22 @@ import UIDynamicFormFooterAction from './FooterActions.vue';
 import UIDynamicFormTitleText from './TitleText.vue';
 
 function requiredIf({ value }, [targetField, expectedValue], node) {
+  /*
+  {
+    $formkit: 'text',
+    name: 'companyName',
+    label: 'Company Name',
+    validation: 'requiredIf:isCompany,true'
+  }
+    -- oder--
+  {
+    $formkit: 'text',
+    name: 'lastName',
+    label: 'Last name',
+    validation: 'requiredIf:firstName'
+  }  
+  */
+
   console.debug(arguments);
 
   const actual = node?.root?.value?.[targetField];
@@ -216,6 +235,26 @@ function requiredIf({ value }, [targetField, expectedValue], node) {
 
   return true;
 }
+// Optional: Eigenschaftsflags
+requiredIf.blocking = true;     // bei Fehlschlag blockiert es das Formular
+requiredIf.skipEmpty = true;    // bei leerem Wert überspringen
+
+function multipleEmails(node) {
+  if (!node.value) {
+    return true; // Leerlauben, oder je nach Bedarf „required“ extra setzen
+  }
+  
+  // Trenne anhand von Komma oder Semikolon
+  const parts = node.value.split(/\s*[,;]\s*/);
+  
+  // regulärer Ausdruck für gültige E-Mail
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  
+  return parts.every(p => emailRegex.test(p));
+};
+// Optional: Eigenschaftsflags
+multipleEmails.blocking = true;     // bei Fehlschlag blockiert es das Formular
+multipleEmails.skipEmpty = true;    // bei leerem Wert überspringen
 
 function normalizeCustomForm(input, defaultValue = {}) {
   if (typeof input === "string") {
@@ -288,7 +327,7 @@ export default {
       theme: 'genesis',
       locales: { de },
       locale: 'de',
-      rules: { requiredIf: requiredIf },
+      rules: { requiredIf, multipleEmails },
     });
     app.use(plugin, formkitConfig);
   },