New CustomerInventory,

New Mitgliederverwaltung für Vereine
New Bank Auto Complete

frontend/components/columnRenderings/address.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { computed } from "vue"
+
 const props = defineProps({
   row: {
     type: Object,
@@ -6,13 +8,15 @@ const props = defineProps({
     default: {}
   }
 })
+
+const addressData = computed(() => props.row?.infoData || props.row?.info_data || {})
 </script>
 
 <template>
-  <span v-if="props.row.infoData.streetNumber">{{props.row.infoData.streetNumber}},</span>
-  <span v-if="props.row.infoData.street">{{props.row.infoData.street}},</span>
-  <span v-if="props.row.infoData.special">{{props.row.infoData.special}},</span>
-  <span v-if="props.row.infoData.zip">{{props.row.infoData.zip}},</span>
-  <span v-if="props.row.infoData.city">{{props.row.infoData.city}}</span>
+  <span v-if="addressData.streetNumber">{{ addressData.streetNumber }},</span>
+  <span v-if="addressData.street">{{ addressData.street }},</span>
+  <span v-if="addressData.special">{{ addressData.special }},</span>
+  <span v-if="addressData.zip">{{ addressData.zip }},</span>
+  <span v-if="addressData.city">{{ addressData.city }}</span>
 
 </template>

frontend/components/columnRenderings/memberrelation.vue

@@ -0,0 +1,48 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+
+const relations = ref([])
+
+const normalizeId = (value) => {
+  if (value === null || value === undefined || value === "") return null
+  const parsed = Number(value)
+  return Number.isNaN(parsed) ? String(value) : parsed
+}
+
+const relationLabel = computed(() => {
+  const id = normalizeId(props.row?.infoData?.memberrelation)
+  if (!id) return ""
+  return relations.value.find((i) => normalizeId(i.id) === id)?.type || ""
+})
+
+const relationId = computed(() => {
+  return normalizeId(props.row?.infoData?.memberrelation)
+})
+
+const loadRelations = async () => {
+  try {
+    relations.value = await useEntities("memberrelations").select()
+  } catch (e) {
+    relations.value = []
+  }
+}
+
+loadRelations()
+</script>
+
+<template>
+  <NuxtLink
+      v-if="relationId && relationLabel"
+      :to="`/standardEntity/memberrelations/show/${relationId}`"
+      class="text-primary"
+  >
+    {{ relationLabel }}
+  </NuxtLink>
+  <span v-else>{{ relationLabel }}</span>
+</template>

frontend/components/columnRenderings/product.vue

@@ -0,0 +1,20 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  },
+  inShow: {
+    type: Boolean,
+    default: false
+  }
+})
+</script>
+
+<template>
+  <div v-if="props.row.product">
+    <nuxt-link v-if="props.inShow" :to="`/standardEntity/products/show/${props.row.product.id}`">{{ props.row.product ? props.row.product.name : '' }}</nuxt-link>
+    <span v-else>{{ props.row.product ? props.row.product.name : '' }}</span>
+  </div>
+</template>

frontend/components/columnRenderings/productcategoriesWithLoad.vue

@@ -0,0 +1,30 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+
+const productcategories = ref([])
+
+const setup = async () => {
+  productcategories.value = await useEntities("productcategories").select()
+}
+
+setup()
+
+const renderedCategories = computed(() => {
+  if (!Array.isArray(props.row?.productcategories)) return ""
+
+  return props.row.productcategories
+    .map((id) => productcategories.value.find((x) => x.id === id)?.name)
+    .filter(Boolean)
+    .join(", ")
+})
+</script>
+
+<template>
+  <span v-if="renderedCategories">{{ renderedCategories }}</span>
+</template>