Added Phases to Projects

spaces/pages/projects/index.vue

@@ -14,23 +14,28 @@
   </InputGroup>
 
 
+  <div class="table">
+    <UTable
+        :rows="filteredRows"
+        @select="selectItem"
+        :columns="itemColumns"
+        :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Noch keine Einträge' }"
+    >
+      <template #phase-data="{row}">
+        {{getActivePhaseLabel(row)}}
+      </template>
+      <template #customer-data="{row}">
+        {{dataStore.getCustomerById(row.customer) ? dataStore.getCustomerById(row.customer).name : ""}}
+      </template>
+      <template #plant-data="{row}">
+        {{dataStore.getPlantById(row.plant) ? dataStore.getPlantById(row.plant).name : ""}}
+      </template>
+      <template #users-data="{row}">
+        {{row.users.map(i => dataStore.getProfileById(i).fullName).join(", ")}}
+      </template>
+    </UTable>
+  </div>
 
-  <UTable
-      :rows="filteredRows"
-      @select="selectItem"
-      :columns="itemColumns"
-      :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Noch keine Einträge' }"
-  >
-    <template #phase-data="{row}">
-      {{getActivePhaseLabel(row)}}
-    </template>
-    <template #customer-data="{row}">
-      {{dataStore.getCustomerById(row.customer) ? dataStore.getCustomerById(row.customer).name : ""}}
-    </template>
-    <template #plant-data="{row}">
-      {{dataStore.getPlantById(row.plant) ? dataStore.getPlantById(row.plant).name : ""}}
-    </template>
-  </UTable>
 </template>
 
 <script setup>
@@ -58,16 +63,21 @@ const itemColumns = [
     key: "customer",
     label: "Kunde",
     sortable: true
-  },
+  },/*
   {
     key: "notes",
     label: "Notizen",
     sortable: true
-  },
+  },*/
   {
     key: "plant",
     label: "Objekt",
     sortable: true
+  },
+  {
+    key: "users",
+    label: "Benutzer",
+    sortable: true
   }
 ]