From 0bd894a61b9721b038a0623ca373c2eb9385b872 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Fri, 24 Jan 2025 15:24:53 +0100
Subject: [PATCH] Added Phases in Project Rendering

---
 components/columnRenderings/phase.vue | 14 ++++++++++++++
 stores/data.js                        | 10 ++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 components/columnRenderings/phase.vue

diff --git a/components/columnRenderings/phase.vue b/components/columnRenderings/phase.vue
new file mode 100644
index 0000000..20d14bd
--- /dev/null
+++ b/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>
diff --git a/stores/data.js b/stores/data.js
index fd697b7..1f1190f 100644
--- a/stores/data.js
+++ b/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",