Changes

spaces/pages/projects/[id].vue

@@ -58,6 +58,9 @@ const tabItems = [
   },{
     key: "timetracking",
     label: "Zeiterfassung"
+  },{
+    key: "material",
+    label: "Material"
   }
 ]
 const selectedPhase = ref({})
@@ -142,7 +145,8 @@ const phaseInfo = ref({
     <UTabs :items="tabItems" class="w-full">
       <template #item="{ item }">
         <div v-if="item.key === 'phases'" class="space-y-3">
-          <div id="phaseList">
+          <p>Hier wird aktuell noch gearbeitet</p>
+          <!--          <div id="phaseList">
             <a
                 v-for="phase in []"
                 @click="selectedPhase = phase"
@@ -158,7 +162,7 @@ const phaseInfo = ref({
                 <UDivider icon="i-heroicons-plus-circle"/>
               </a>
             </a>
-          </div>
+          </div>-->
 
         </div>
         <div v-else-if="item.key === 'forms'" class="space-y-3">
@@ -222,7 +226,12 @@ const phaseInfo = ref({
           </UButton>
           <client-only><editor-js v-model="newProjectDescription" /></client-only>
         </div>
-        {{item}}
+        <div v-else-if="item.key === 'timetracking'" class="space-y-3">
+          <p>Hier wird aktuell noch gearbeitet</p>
+        </div>
+        <div v-else-if="item.key === 'material'" class="space-y-3">
+          <p>Hier wird aktuell noch gearbeitet</p>
+        </div>
       </template>
     </UTabs>
 <!--    <div id="left">
@@ -278,7 +287,7 @@ const phaseInfo = ref({
   </div>
 </template>
 
-<style >
+<style scoped>
 
 #main {
   display: flex;