Color Changes

Login Changes
Misc

spaces/app.vue

@@ -3,6 +3,7 @@
 
 
 const user = useSupabaseUser()
+console.log(user)
 const router = useRouter()
 const route = useRoute()
 const supabase = useSupabaseClient()
@@ -142,6 +143,32 @@ useSeoMeta({
   twitterCard: 'summary_large_image'
 })
 
+const items = [
+  [{
+    label: user.value ? user.value.email : "",
+    slot: 'account',
+    disabled: true
+  }], [{
+    label: 'Settings',
+    icon: 'i-heroicons-cog-8-tooth'
+  }], [{
+    label: 'Documentation',
+    icon: 'i-heroicons-book-open'
+  }, {
+    label: 'Changelog',
+    icon: 'i-heroicons-megaphone'
+  }, {
+    label: 'Status',
+    icon: 'i-heroicons-signal'
+  }], [{
+    label: 'Sign out',
+    icon: 'i-heroicons-arrow-left-on-rectangle',
+    click: () => {
+      supabase.auth.signOut()
+      router.push("/login")
+    }
+  }]
+]
 
 </script>
 
@@ -150,8 +177,28 @@ useSeoMeta({
     <template #logo>
       spaces.software
     </template>
-    <template #right>
+    <template #right  v-if="user">
       <UColorModeButton/>
+      <UDropdown :items="items" :ui="{ item: { disabled: 'cursor-text select-text' } }" :popper="{ placement: 'bottom-start' }">
+        <UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
+
+        <template #account="{ item }">
+          <div class="text-left">
+            <p>
+              Signed in as
+            </p>
+            <p class="truncate font-medium text-gray-900 dark:text-white">
+              {{ item.label }}
+            </p>
+          </div>
+        </template>
+
+        <template #item="{ item }">
+          <span class="truncate">{{ item.label }}</span>
+
+          <UIcon :name="item.icon" class="flex-shrink-0 h-4 w-4 text-gray-400 dark:text-gray-500 ms-auto" />
+        </template>
+      </UDropdown>
     </template>
   </UHeader>
   <div class="m-3" id="contentContainer">

spaces/pages/documents.vue

@@ -170,6 +170,8 @@ const fileUploadFormData = ref({
   path: ""
 })
 
+const selectedDocuments = ref([])
+
 let tags = ["Eingangsrechnung","Ausgangrechnung","Mahnung", "Dokument"]
 const folders = [
   {

spaces/pages/login.vue

@@ -1,4 +1,5 @@
 <script setup >
+
 definePageMeta({
   layout: "notLoggedIn"
 })
@@ -6,6 +7,7 @@ definePageMeta({
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()
 const router = useRouter()
+const {fetchData} = useDataStore()
 
 const email = ref("")
 const password = ref("")
@@ -21,7 +23,10 @@ const onSubmit = async () => {
     alert(error.toString())
   } else {
     console.log("Login Successful")
+    await fetchData()
     router.push("/")
+
+
   }
 }
 

spaces/pages/planningBoard.vue

@@ -27,11 +27,15 @@ const createEvent = async () => {
       .insert([newEventData.value])
       .select()
 
-  if(error) console.log(error)
+  if(error) {
+    console.log(error)
+  } else {
+    openNewEventModal.value = false
+    newEventData.value = {}
+    fetchEvents()
+  }
+
 
-  openNewEventModal.value = false
-  newEventData.value = {}
-  fetchEvents()
 }
 
 
@@ -50,7 +54,10 @@ const calendarOptions = reactive({
   select: function (info) {
     //console.log(info)
     newEventData.value.resourceId = info.resource.id
-    newEventData.value.resourceType = info.resource.extendedProps.type
+    if(info.resource.extendedProps){
+      newEventData.value.resourceType = info.resource.extendedProps.type
+    }
+
     newEventData.value.start = info.startStr
     newEventData.value.end = info.endStr
     openNewEventModal.value = true

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"

spaces/pages/tasks.vue

@@ -205,11 +205,11 @@ usersSelected.value = usersForList
 
 
 const showCreateTask = ref(false)
-const taskCategories = ["Offen","In Bearbeitung", "Dringend"]
+const taskCategories = ["Offen","In Bearbeitung", "Dringend","Erledigt"]
 const createTaskData = ref({
   name: "",
   description: "",
-  categorie: "Neu"
+  categorie: "Offen"
   /*users: ["86e67794-0ea8-41b0-985a-1072e84f56e9"]*/
 })
 

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>
 

spaces/tailwind.config.ts

@@ -0,0 +1,25 @@
+import type {Config} from 'tailwindcss'
+import defaultTheme from 'tailwindcss/defaultTheme'
+
+export default <Partial<Config>>{
+    theme: {
+        extend: {
+            colors: {
+                green: {
+                    50: "#f4fbf2",
+                    100: "#E7F7E1",
+                    200: "#cdeec4",
+                    300: "#a6e095",
+                    400: "#69c350",
+                    500: "#53ad3a",
+                    600: "#418e2b",
+                    700: "#357025",
+                    800: "#2d5922",
+                    900: "#254a1d",
+                    950: "#10280b"
+
+                }
+            }
+        }
+    }
+}