Changed Backend to Supabase

spaces/pages/projects/[id].vue

@@ -13,6 +13,9 @@ const tabItems = [
   },{
     key: "forms",
     label: "Formulare"
+  },{
+    key: "timetracking",
+    label: "Zeiterfassung"
   }
 ]
 const selectedPhase = ref({})
@@ -51,8 +54,35 @@ const addPhase = async (phaseBefore) => {
 </script>
 
 <template>
-  <div id="main">
-    <div id="left">
+  <div>
+    <UTabs :items="tabItems" class="w-full">
+      <template #item="{ item }">
+        <div v-if="item.key === 'phases'" class="space-y-3">
+          <div id="phaseList">
+            <a
+                v-for="phase in project.attributes.phases"
+                @click="selectedPhase = phase"
+            >
+              <div
+                  class="phaseContainer"
+              >
+                <span>{{phase.name}} - {{phase.position}}</span>
+              </div>
+
+              <a class="plusIcon" @click="addPhase(phase)">
+
+                <UDivider icon="i-heroicons-plus-circle"/>
+              </a>
+            </a>
+          </div>
+
+        </div>
+        <div v-else-if="item.key === 'password'" class="space-y-3">
+
+        </div>
+      </template>
+    </UTabs>
+<!--    <div id="left">
       <a
           v-for="phase in project.attributes.phases"
           @click="selectedPhase = phase"
@@ -64,7 +94,7 @@ const addPhase = async (phaseBefore) => {
         </div>
 
         <a class="plusIcon" @click="addPhase(phase)">
-<!--          <UIcon name="i-heroicons-plus-circle" />-->
+&lt;!&ndash;          <UIcon name="i-heroicons-plus-circle" />&ndash;&gt;
           <UDivider icon="i-heroicons-plus-circle"/>
         </a>
       </a>
@@ -101,7 +131,7 @@ const addPhase = async (phaseBefore) => {
       </UButton>
 
       {{selectedPhase}}
-    </div>
+    </div>-->
   </div>
 </template>
 
@@ -134,6 +164,17 @@ const addPhase = async (phaseBefore) => {
 .phaseContainer:hover {
   border: 1px solid #69c350;
 }
+#phaseList {
+  height: 70vh;
+  overflow: auto;
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+
+#phaseList::-webkit-scrollbar {
+  display: none;
+}
+
 
 .notesTextarea {
   margin-top: 1em