Deprecated following as non standardEntity checks, inventoryitems, spaces

components/EntityEdit.vue

@@ -76,6 +76,8 @@ const loadOptions = async () => {
     }
   })
 
+  console.log(optionsToLoad)
+
   for await(const option of optionsToLoad) {
     if(option.option === "countrys") {
       loadedOptions.value[option.option] = (await supabase.from("countrys").select()).data
@@ -154,24 +156,196 @@ const contentChanged = (content, datapoint) => {
     <UForm
         class="p-5"
     >
+      <div class="flex flex-row">
+        <div
+            v-for="columnName in dataType.inputColumns"
+            class="w-1/2 mr-5"
+        >
+          <UDivider>{{columnName}}</UDivider>
+
+          <!--
+           Die Form Group darf nur in der ersten bearbeitet werden und muss dann runterkopiert werden
+           -->
+
+          <UFormGroup
+              v-for="datapoint in dataType.templateColumns.filter(i => i.inputType && i.inputColumn === columnName)"
+              :label="datapoint.label"
+          >
+            <template #help>
+              <component
+                  v-if="datapoint.helpComponent"
+                  :is="datapoint.helpComponent"
+                  :item="props.item"
+              />
+            </template>
+            <div v-if="datapoint.key.includes('.')">
+              <UInput
+                  v-if="['text','number'].includes(datapoint.inputType)"
+                  v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  :type="datapoint.inputType"
+                  :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
+              />
+              <UToggle
+                  v-else-if="datapoint.inputType === 'bool'"
+                  v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+              />
+              <USelectMenu
+                  v-else-if="datapoint.inputType === 'select'"
+                  v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  :option-attribute="datapoint.selectOptionAttribute"
+                  :value-attribute="datapoint.selectValueAttribute || 'id'"
+                  :options="datapoint.selectManualOptions || loadedOptions[datapoint.selectDataType]"
+                  :searchable="datapoint.selectSearchAttributes"
+                  :search-attributes="datapoint.selectSearchAttributes"
+                  :multiple="datapoint.selectMultiple"
+              >
+                <template #empty>
+                  Keine Optionen verfügbar
+                </template>
+              </USelectMenu>
+              <UTextarea
+                  v-else-if="datapoint.inputType === 'textarea'"
+                  v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  rows="4"
+              />
+              <UPopover :popper="{ placement: 'bottom-start' }" v-else-if="datapoint.inputType === 'date'">
+                <UButton
+                    icon="i-heroicons-calendar-days-20-solid"
+                    :label="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]] ? dayjs(props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]).format('DD.MM.YYYY') : 'Datum auswählen'"
+                    variant="outline"
+                    :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+
+                />
+
+                <template #panel="{ close }">
+                  <LazyDatePicker
+                      v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]" @close="close"
+                      :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  />
+                </template>
+              </UPopover>
+              <!-- TODO: DISABLED FOR TIPTAP -->
+              <Tiptap
+                  v-else-if="datapoint.inputType === 'editor'"
+                  @updateContent="(i) => contentChanged(i,datapoint)"
+                  :preloadedContent="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]].html"
+              />
+            </div>
+            <div v-else>
+              <UInput
+                  v-if="['text','number'].includes(datapoint.inputType)"
+                  v-model="props.item[datapoint.key]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  :type="datapoint.inputType"
+                  :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
+              />
+              <UToggle
+                  v-else-if="datapoint.inputType === 'bool'"
+                  v-model="props.item[datapoint.key]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+              />
+              <USelectMenu
+                  v-else-if="datapoint.inputType === 'select'"
+                  v-model="props.item[datapoint.key]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  :option-attribute="datapoint.selectOptionAttribute"
+                  :value-attribute="datapoint.selectValueAttribute || 'id'"
+                  :options="datapoint.selectManualOptions || loadedOptions[datapoint.selectDataType]"
+                  :searchable="datapoint.selectSearchAttributes"
+                  :search-attributes="datapoint.selectSearchAttributes"
+                  :multiple="datapoint.selectMultiple"
+                  searchable-placeholder="Suche..."
+              >
+                <template #empty>
+                  Keine Optionen verfügbar
+                </template>
+              </USelectMenu>
+              <UTextarea
+                  v-else-if="datapoint.inputType === 'textarea'"
+                  v-model="props.item[datapoint.key]"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  rows="4"
+              />
+              <UPopover :popper="{ placement: 'bottom-start' }" v-else-if="datapoint.inputType === 'date'">
+                <UButton
+                    icon="i-heroicons-calendar-days-20-solid"
+                    :label="props.item[datapoint.key] ? dayjs(props.item[datapoint.key]).format('DD.MM.YYYY') : 'Datum auswählen'"
+                    variant="outline"
+                    :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                />
+
+                <template #panel="{ close }">
+                  <LazyDatePicker
+                      v-model="props.item[datapoint.key]" @close="close"
+                      :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+                  />
+                </template>
+              </UPopover>
+              <Tiptap
+                  v-else-if="datapoint.inputType === 'editor'"
+                  @updateContent="(i) => contentChanged(i,datapoint)"
+                  :preloadedContent="props.item[datapoint.key].html"
+              />
+            </div>
+            <div
+                v-if="profileStore.ownTenant.ownFields"
+            >
+              <UDivider
+                  class="mt-3"
+              >Eigene Felder</UDivider>
+
+              <UFormGroup
+                  v-for="field in profileStore.ownTenant.ownFields.contracts"
+                  :key="field.key"
+                  :label="field.label"
+              >
+                <UInput
+                    v-if="field.type === 'text'"
+                    v-model="props.item.ownFields[field.key]"
+                />
+                <USelectMenu
+                    v-else-if="field.type === 'select'"
+                    :options="field.options"
+                    v-model="props.item.ownFields[field.key]"
+                />
+              </UFormGroup>
+            </div>
+
+          </UFormGroup>
+        </div>
+      </div>
       <UFormGroup
-          v-for="datapoint in dataType.templateColumns.filter(i => i.inputType)"
+          v-for="datapoint in dataType.templateColumns.filter(i => i.inputType && i.inputColumn === columnName)"
           :label="datapoint.label"
       >
+        <template #help>
+          <component
+              v-if="datapoint.helpComponent"
+              :is="datapoint.helpComponent"
+              :item="props.item"
+          />
+        </template>
         <div v-if="datapoint.key.includes('.')">
           <UInput
               v-if="['text','number'].includes(datapoint.inputType)"
               v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               :type="datapoint.inputType"
               :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
           />
           <UToggle
               v-else-if="datapoint.inputType === 'bool'"
               v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
           />
           <USelectMenu
               v-else-if="datapoint.inputType === 'select'"
               v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               :option-attribute="datapoint.selectOptionAttribute"
               :value-attribute="datapoint.selectValueAttribute || 'id'"
               :options="datapoint.selectManualOptions || loadedOptions[datapoint.selectDataType]"
@@ -186,6 +360,7 @@ const contentChanged = (content, datapoint) => {
           <UTextarea
               v-else-if="datapoint.inputType === 'textarea'"
               v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               rows="4"
           />
           <UPopover :popper="{ placement: 'bottom-start' }" v-else-if="datapoint.inputType === 'date'">
@@ -193,12 +368,18 @@ const contentChanged = (content, datapoint) => {
                 icon="i-heroicons-calendar-days-20-solid"
                 :label="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]] ? dayjs(props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]).format('DD.MM.YYYY') : 'Datum auswählen'"
                 variant="outline"
+                :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+
             />
 
             <template #panel="{ close }">
-              <LazyDatePicker v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]" @close="close" />
+              <LazyDatePicker
+                  v-model="props.item[datapoint.key.split('.')[0]][datapoint.key.split('.')[1]]" @close="close"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+              />
             </template>
           </UPopover>
+          <!-- TODO: DISABLED FOR TIPTAP -->
           <Tiptap
               v-else-if="datapoint.inputType === 'editor'"
               @updateContent="(i) => contentChanged(i,datapoint)"
@@ -209,16 +390,19 @@ const contentChanged = (content, datapoint) => {
           <UInput
               v-if="['text','number'].includes(datapoint.inputType)"
               v-model="props.item[datapoint.key]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               :type="datapoint.inputType"
               :placeholder="datapoint.inputIsNumberRange ? 'Leer lassen für automatisch generierte Nummer' : ''"
           />
           <UToggle
               v-else-if="datapoint.inputType === 'bool'"
               v-model="props.item[datapoint.key]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
           />
           <USelectMenu
               v-else-if="datapoint.inputType === 'select'"
               v-model="props.item[datapoint.key]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               :option-attribute="datapoint.selectOptionAttribute"
               :value-attribute="datapoint.selectValueAttribute || 'id'"
               :options="datapoint.selectManualOptions || loadedOptions[datapoint.selectDataType]"
@@ -234,6 +418,7 @@ const contentChanged = (content, datapoint) => {
           <UTextarea
               v-else-if="datapoint.inputType === 'textarea'"
               v-model="props.item[datapoint.key]"
+              :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
               rows="4"
           />
           <UPopover :popper="{ placement: 'bottom-start' }" v-else-if="datapoint.inputType === 'date'">
@@ -241,10 +426,14 @@ const contentChanged = (content, datapoint) => {
                 icon="i-heroicons-calendar-days-20-solid"
                 :label="props.item[datapoint.key] ? dayjs(props.item[datapoint.key]).format('DD.MM.YYYY') : 'Datum auswählen'"
                 variant="outline"
+                :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
             />
 
             <template #panel="{ close }">
-              <LazyDatePicker v-model="props.item[datapoint.key]" @close="close" />
+              <LazyDatePicker
+                  v-model="props.item[datapoint.key]" @close="close"
+                  :disabled="datapoint.disabledFunction ? datapoint.disabledFunction(props.item) : false"
+              />
             </template>
           </UPopover>
           <Tiptap

components/MainNav.vue

@@ -155,7 +155,7 @@ const links = computed(() => {
         }] : [],
         ... role.checkRight("inventoryitems") ? [{
           label: "Inventar",
-          to: "/inventoryitems",
+          to: "/standardEntity/inventoryitems",
           icon: "i-heroicons-puzzle-piece"
         }] : [],
       ]
@@ -205,7 +205,7 @@ const links = computed(() => {
     },
     ... role.checkRight("checks") ? [{
       label: "Überprüfungen",
-      to: "/checks",
+      to: "/standardEntity/checks",
       icon: "i-heroicons-magnifying-glass"
     },] : [],
     ... role.checkRight("projects") ? [{

components/columnRenderings/profile.vue

@@ -8,8 +8,9 @@ const props = defineProps({
 })
 
 const profileStore = useProfileStore()
+
 </script>
 
 <template>
-  <span>{{props.row.profile ? profileStore.getProfileById(props.row.profile).fullName : ''}}</span>
+  <span v-if="props.row.profile">{{props.row.profile.id ? profileStore.getProfileById(props.row.profile.id).fullName : profileStore.getProfileById(props.row.profile).fullName}}</span>
 </template>

components/columnRenderings/usePlanning.vue

@@ -0,0 +1,13 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+</script>
+
+<template>
+  <span>{{props.row.usePlanning ? 'Ja' : 'Nein'}}</span>
+</template>

components/columnRenderings/vehicle.vue

@@ -0,0 +1,13 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+</script>
+
+<template>
+  <span v-if="props.row.vehicle">{{props.row.vehicle.id ? props.row.vehicle.licensePlate : ''}}</span>
+</template>

components/helpRenderings/quantity.vue

@@ -0,0 +1,13 @@
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+</script>
+
+<template>
+  <span>{{props.item.serialNumber ? 'Menge deaktiviert durch Eingabe der Seriennummer' : 'Für Einzelartikel Menge gleich 0'}}</span>
+</template>