Rebuild Times in Projects

Added Icons
Rebuild Time Duration

spaces/pages/projects/index.vue

@@ -1,7 +1,16 @@
 <template>
   <div id="main">
-    <div id="left">
-<!-- TODO: Projekt Auflistung überarbeiten, Rechte Seite wird nicht genutzt      -->
+
+    <UTable
+        :rows="projects"
+        :columns="projectColumns"
+        @select="selectProject"
+
+    />
+
+
+
+<!--    <div id="left">
       <UButton @click="showCreateProject = true">+ Projekt</UButton>
       <UModal v-model="showCreateProject">
         <UCard>
@@ -46,11 +55,18 @@
         </UCard>
       </UModal>
 
-      <router-link v-for="item in projects" :to="`/projects/${item.id}`">
+      <UTable
+          :rows="projects"
+          @select="selectCustomer"
+
+      />
+
+
+      &lt;!&ndash;      <router-link v-for="item in projects" :to="`/projects/${item.id}`">
         <UCard class="listItem">
           <UBadge>{{item.id}}</UBadge> {{item.name}}
         </UCard>
-      </router-link>
+      </router-link>&ndash;&gt;
 
 
     </div>
@@ -67,15 +83,15 @@
         Notizen: <br>
         {{selectedItem.notes}}
 
-<!--        Lieferantenrechnungen: <br>
+&lt;!&ndash;        Lieferantenrechnungen: <br>
         <UTable :rows="dataStore.getVendorInvoicesByProjectId(selectedItem.id)"></UTable>
-        {{dataStore.getVendorInvoicesByProjectId(selectedItem.id)}}-->
+        {{dataStore.getVendorInvoicesByProjectId(selectedItem.id)}}&ndash;&gt;
 
 
 
 
       </UCard>
-    </div>
+    </div>-->
 
   </div>
 
@@ -88,10 +104,33 @@ definePageMeta({
 })
 
 const supabase = useSupabaseClient()
-
+const router = useRouter()
 const {projects,customers} = storeToRefs(useDataStore())
 const {fetchProjects} = useDataStore()
 
+const projectColumns = [
+  {
+    key: 'name',
+    label: "Name.",
+    sortable: true
+  },
+  {
+    key: "customer",
+    label: "Kundennummer",
+    sortable: true
+  },
+  {
+    key: "notes",
+    label: "Notizen",
+    sortable: true
+  }
+]
+
+const selectProject = (project) => {
+  router.push(`/projects/${project.id} `)
+}
+
+
 //const projects = (await supabase.from("projects").select()).data
 //const customers = (await supabase.from("customers").select()).data
 
@@ -125,7 +164,7 @@ const createProject = async () => {
 </script>
 
 <style scoped>
-#main {
+/*#main {
   display: flex;
   flex-direction: row;
 }
@@ -136,5 +175,5 @@ const createProject = async () => {
 #right {
   width: 60vw;
   padding-left: 3vw;
-}
+}*/
 </style>