From 58c3616a30a729772b0e2f555ee3d61a27566014 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sun, 16 Jun 2024 23:19:40 +0200
Subject: [PATCH] Add date field

---
 src/components/fields/Date.vue  | 24 ++----------------------
 src/components/fields/Nami.vue  | 11 +++++++++++
 src/components/fields/Text.vue  |  2 +-
 src/components/fields/VText.vue | 14 ++++++++++----
 4 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/src/components/fields/Date.vue b/src/components/fields/Date.vue
index e20aabd..dd9a347 100644
--- a/src/components/fields/Date.vue
+++ b/src/components/fields/Date.vue
@@ -1,26 +1,10 @@
 <template>
-    <label class="w-full border border-solid border-gray-500 focus-within:border-primary rounded-lg relative flex">
-        <input
-            :id="innerId"
-            v-model="inner"
-            :name="field.key"
-            type="date"
-            :max="max"
-            placeholder=""
-            class="bg-white rounded-lg focus:outline-none text-gray-600 text-left py-1 px-2 @sm:py-2 text-sm @sm:text-base @sm:px-3 w-full"
-        />
-        <div v-if="field.hint" class="absolute right-0 mr-2 flex items-center h-full">
-            <hint :value="field.hint"></hint>
-        </div>
-        <field-label :name="field.name" :required="field.required"></field-label>
-    </label>
+    <v-text type="date" :required="field.required" :name="field.key" :label="field.name" :id="innerId" :hint="field.hint" v-model="inner" :max-today="field.max_today"></v-text>
 </template>
 
 <script setup>
 import {computed} from 'vue';
-import FieldLabel from '../FieldLabel.vue';
-import dayjs from 'dayjs';
-import Hint from '../Hint.vue';
+import VText from './VText.vue';
 
 const emit = defineEmits(['update:modelValue']);
 const props = defineProps({
@@ -47,10 +31,6 @@ const props = defineProps({
 
 const innerId = computed(() => (props.id ? props.id : props.field.key));
 
-const max = computed(() => {
-    return props.field.max_today ? dayjs().format('YYYY-MM-DD') : null;
-});
-
 const inner = computed({
     get: () => props.modelValue,
     set: (v) => emit('update:modelValue', v),
diff --git a/src/components/fields/Nami.vue b/src/components/fields/Nami.vue
index b7b781b..bc58c4d 100644
--- a/src/components/fields/Nami.vue
+++ b/src/components/fields/Nami.vue
@@ -126,6 +126,17 @@
                                     :required="memberField.required"
                                     :class="colClassesForField(memberField)"
                                 ></v-text>
+                                <v-text
+                                    v-if="memberField.type === 'DateField'"
+                                    v-model="member[memberField.key]"
+                                    :max-today="memberField.max_today"
+                                    :name="`${field.key}-memberattr-${member.id}-${memberField.key}`"
+                                    :id="`${field.key}-memberattr-${member.id}-${memberField.key}`"
+                                    :label="memberField.name"
+                                    :required="memberField.required"
+                                    :class="colClassesForField(memberField)"
+                                    type="date"
+                                ></v-text>
                             </template>
                         </div>
                     </accordion>
diff --git a/src/components/fields/Text.vue b/src/components/fields/Text.vue
index 31d8ab4..1ee2655 100644
--- a/src/components/fields/Text.vue
+++ b/src/components/fields/Text.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-text :required="field.required" :name="field.key" :label="field.name" :id="innerId" :hint="field.hint" v-model="inner"></v-text>
+    <v-text type="text" :required="field.required" :name="field.key" :label="field.name" :id="innerId" :hint="field.hint" v-model="inner"></v-text>
 </template>
 
 <script setup>
diff --git a/src/components/fields/VText.vue b/src/components/fields/VText.vue
index 8bb320f..2c000ff 100644
--- a/src/components/fields/VText.vue
+++ b/src/components/fields/VText.vue
@@ -22,6 +22,7 @@
 import {computed} from 'vue';
 import FieldLabel from '../FieldLabel.vue';
 import Hint from '../Hint.vue';
+import dayjs from 'dayjs';
 
 const emit = defineEmits(['update:modelValue', 'keypress']);
 const props = defineProps({
@@ -46,14 +47,15 @@ const props = defineProps({
         type: String,
         default: () => '',
     },
-    max: {
-        type: String,
-        default: () => '',
-    },
     label: {
         required: true,
         type: String,
     },
+    maxToday: {
+        required: false,
+        type: Boolean,
+        default: () => false,
+    },
     type: {
         required: false,
         type: String,
@@ -66,6 +68,10 @@ const props = defineProps({
     },
 });
 
+const max = computed(() => {
+    return props.maxToday ? dayjs().format('YYYY-MM-DD') : null;
+});
+
 const inner = computed({
     get: () => props.modelValue,
     set: (v) => emit('update:modelValue', v),