Color Changes

Login Changes
Misc

spaces/pages/timetracking.vue

@@ -22,6 +22,10 @@ const timeInfo = ref({
 
 const runningTimeInfo = ref({
 
+})
+const showAddTimeModal = ref(false)
+const addTimeInfo = ref({
+
 })
 
 
@@ -103,7 +107,67 @@ const selectStartedTime = () => {
       >
         Zeit Wählen
       </UButton>
+      <UButton
+          class="controlButton"
+          @click="showAddTimeModal = true"
+      >
+        Erstellen
+      </UButton>
 
+      <UModal
+        v-model="showAddTimeModal"
+      >
+        <UCard>
+          <template #header>
+            Zeiteintrag erstellen
+          </template>
+
+          <UFormGroup
+            label="Start:"
+          >
+
+          </UFormGroup>
+          <UFormGroup
+            label="Ende:"
+          >
+
+          </UFormGroup>
+          <UFormGroup
+            label="Dauer:"
+          >
+            <UInput
+
+            />
+          </UFormGroup>
+          <UFormGroup
+            label="Benutzer:"
+          >
+            <USelectMenu/>
+          </UFormGroup>
+          <UFormGroup
+            label="Projekt:"
+          >
+            <USelectMenu/>
+          </UFormGroup>
+          <UFormGroup
+            label="Typ:"
+          >
+            <USelectMenu/>
+          </UFormGroup>
+          <UFormGroup
+            label="Notizen:"
+          >
+            <UTextarea/>
+          </UFormGroup>
+
+
+          <template #footer>
+            <UButton>
+              Erstellen
+            </UButton>
+          </template>
+        </UCard>
+      </UModal>
 
       <div>