Color Changes

Login Changes
Misc

spaces/pages/projects/index.vue

@@ -1,6 +1,49 @@
 <template>
   <div id="main">
+    <UButton @click="showCreateProject = true">+ Projekt</UButton>
+    <UModal v-model="showCreateProject">
+      <UCard>
+        <template #header>
+          Projekt erstellen
+        </template>
 
+        <UFormGroup
+            label="Name:"
+        >
+          <UInput
+              v-model="createProjectData.name"
+          />
+        </UFormGroup>
+        <UFormGroup
+            label="Kunde:"
+        >
+          <USelectMenu
+              v-model="createProjectData.customer"
+              :options="customers"
+              option-attribute="name"
+              value-attribute="id"
+              searchable
+              :search-attributes="['name']"
+          />
+        </UFormGroup>
+        <UFormGroup
+            label="Notizen:"
+        >
+          <UTextarea
+              v-model="createProjectData.notes"
+          />
+        </UFormGroup>
+
+        <template #footer>
+          <UButton
+              @click="createProject"
+          >
+            Erstellen
+          </UButton>
+        </template>
+      </UCard>
+    </UModal>
+    <!-- TODO: USelect im Modal anpassen -->
     <UTable
         :rows="projects"
         :columns="projectColumns"