From 53958fde9286bd8deaa46d9e23eb109da13537d6 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 16 May 2023 20:30:21 +0200
Subject: [PATCH] Form overhaul: Constant Form

---
 .../ui/properties/forms/ConstantForm.vue      | 56 +++++++++----------
 1 file changed, 26 insertions(+), 30 deletions(-)

diff --git a/app/imports/client/ui/properties/forms/ConstantForm.vue b/app/imports/client/ui/properties/forms/ConstantForm.vue
index c6c5e07a..297ff737 100644
--- a/app/imports/client/ui/properties/forms/ConstantForm.vue
+++ b/app/imports/client/ui/properties/forms/ConstantForm.vue
@@ -1,36 +1,32 @@
 <template lang="html">
   <div>
-    <div class="layout wrap">
-      <text-field
-        label="Name"
-        :value="model.name"
-        :error-messages="errors.name"
-        @change="change('name', ...arguments)"
-      />
-      <text-field
-        label="Variable name"
-        :value="model.variableName"
-        style="flex-basis: 300px;"
-        hint="Use this name in calculations to reference this attribute"
-        :error-messages="errors.variableName"
-        @change="change('variableName', ...arguments)"
-      />
-    </div>
-    <text-field
-      label="Value"
-      hint="Calculation of the constant value, use 'text' for a string value, [1,2,3] for a matrix, or 123 for a number"
-      :value="model.calculation"
-      :error-messages="errors.calculation"
-      @change="change('calculation', ...arguments)"
-    />
-    <calculation-error-list :errors="clientErrors" />
-    <form-section
-      v-if="$slots.children"
-      name="Children"
-      standalone
+    <v-row dense>
+      <v-col cols="12">
+        <text-field
+          label="Variable name"
+          :value="model.variableName"
+          style="flex-basis: 300px;"
+          hint="Use this name in calculations to reference this attribute"
+          :error-messages="errors.variableName"
+          @change="change('variableName', ...arguments)"
+        />
+      </v-col>
+      <v-col cols="12">
+        <text-field
+          label="Value"
+          hint="Calculation of the constant value, use 'text' for a string value, [1,2,3] for a matrix, or 123 for a number"
+          :value="model.calculation"
+          :error-messages="errors.calculation"
+          @change="change('calculation', ...arguments)"
+        />
+        <calculation-error-list :errors="clientErrors" />
+      </v-col>
+    </v-row>
+    <form-sections
+      v-if="$slots.default"
     >
-      <slot name="children" />
-    </form-section>
+      <slot />
+    </form-sections>
   </div>
 </template>