Added Phases in Project Rendering

components/columnRenderings/phase.vue

@@ -0,0 +1,14 @@
+<script setup>
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true,
+    default: {}
+  }
+})
+
+</script>
+
+<template>
+  <span v-if="props.row.phases && props.row.phases.length > 0">{{props.row.phases.find(i => i.active).label}}</span>
+</template>

stores/data.js

@@ -31,6 +31,7 @@ import sellingPriceComposedTotal from "~/components/columnRenderings/sellingPric
 import startDate from "~/components/columnRenderings/startDate.vue"
 import endDate from "~/components/columnRenderings/endDate.vue"
 import serviceCategories from "~/components/columnRenderings/serviceCategories.vue"
+import phase from "~/components/columnRenderings/phase.vue"
 
 import quantity from "~/components/helpRenderings/quantity.vue"
 import {useZipCheck} from "~/composables/useZipCheck.js";
@@ -736,7 +737,11 @@ export const useDataStore = defineStore('data', () => {
                     default: true,
                     "filterFunction": function (row) {
                         if(row.phases && row.phases.length > 0) {
-                            return row.phases.find(i => i.active).label !== "Abgeschlossen";
+                            return row.phases.find(i => i.active).label !== "Abgeschlossen"
+
+                            //return phase.label !== "Abgeschlossen";
+
+
                         } else {
                             return true
                         }
@@ -772,7 +777,8 @@ export const useDataStore = defineStore('data', () => {
                     }
                 },{
                     key: "phase",
-                    label: "Phase"
+                    label: "Phase",
+                    component: phase
                 },{
                     key: "name",
                     label: "Name",