From 5503c572f156b5ee5bfda1e23654d4d2e4c5459a Mon Sep 17 00:00:00 2001
From: flfeders <f.federspiel@federspiel.tech>
Date: Mon, 11 Dec 2023 12:04:32 +0100
Subject: [PATCH] Added Logo Added Document Download Added zipjs

---
 spaces/app.vue                           |  30 +++-
 spaces/package.json                      |   1 +
 spaces/pages/customers/[mode]/[[id]].vue |   1 -
 spaces/pages/documents.vue               |  95 +++++++++-
 spaces/pages/downloadFolder.vue          |  90 ++++++++++
 spaces/pages/jobs/[mode]/[[id]].vue      | 218 +++++++++++++++++++++++
 spaces/pages/jobs/index.vue              |  51 ++++++
 spaces/pages/timetracking.vue            |  48 ++++-
 spaces/public/spaces.svg                 |   1 +
 spaces/stores/data.ts                    |  15 +-
 10 files changed, 528 insertions(+), 22 deletions(-)
 create mode 100644 spaces/pages/downloadFolder.vue
 create mode 100644 spaces/pages/jobs/[mode]/[[id]].vue
 create mode 100644 spaces/pages/jobs/index.vue
 create mode 100644 spaces/public/spaces.svg

diff --git a/spaces/app.vue b/spaces/app.vue
index c55e46a..c6e008a 100644
--- a/spaces/app.vue
+++ b/spaces/app.vue
@@ -8,13 +8,13 @@ const router = useRouter()
 const route = useRoute()
 const supabase = useSupabaseClient()
 const tenants = (await supabase.from("tenants").select()).data
+const {loaded, profiles} = storeToRefs(useDataStore())
+const {fetchData, getProfileById} = useDataStore()
+const userProfile = user.value ? getProfileById(user.value.id) : {}
 
 
 
 
-const dataStore = useDataStore()
-const {loaded} = storeToRefs(useDataStore())
-const {fetchData} = dataStore
 fetchData()
 
 const navLinks = [
@@ -62,6 +62,11 @@ const navLinks = [
     label: "Inventar",
     to: "/inventory",
     icon: "i-heroicons-square-3-stack-3d"
+  },
+  {
+    label: "Jobs",
+    to: "/jobs",
+    icon: "i-heroicons-square-3-stack-3d"
   }
 ]
 
@@ -151,7 +156,7 @@ const items = [
   }], [{
     label: 'Settings',
     icon: 'i-heroicons-cog-8-tooth'
-  }], [{
+  }], /*[{
     label: 'Documentation',
     icon: 'i-heroicons-book-open'
   }, {
@@ -160,7 +165,7 @@ const items = [
   }, {
     label: 'Status',
     icon: 'i-heroicons-signal'
-  }], [{
+  }],*/ [{
     label: 'Sign out',
     icon: 'i-heroicons-arrow-left-on-rectangle',
     click: () => {
@@ -175,12 +180,17 @@ const items = [
 <template>
   <UHeader :links="navLinks">
     <template #logo>
-      spaces.software
+      <div id="logo">
+        <img src="/spaces.svg"/>
+      </div>
+
     </template>
     <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" />
+        <UAvatar
+            :alt="userProfile ? userProfile.firstName + ' ' + userProfile.lastName : '' "
+        />
 
         <template #account="{ item }">
           <div class="text-left">
@@ -201,6 +211,7 @@ const items = [
       </UDropdown>
     </template>
   </UHeader>
+  <UDivider />
   <div class="m-3" id="contentContainer">
     <NuxtPage
         v-if="loaded"
@@ -274,6 +285,11 @@ const items = [
 
 <style>
 
+#logo img{
+  height: 15vh;
+  width: auto;
+}
+
 #contentContainer {
   width: 95vw;
   height: 85vh;
diff --git a/spaces/package.json b/spaces/package.json
index 0360e4e..a55a6de 100644
--- a/spaces/package.json
+++ b/spaces/package.json
@@ -32,6 +32,7 @@
     "@nuxtjs/strapi": "^1.9.3",
     "@pinia/nuxt": "^0.5.1",
     "@vicons/ionicons5": "^0.12.0",
+    "@zip.js/zip.js": "^2.7.32",
     "axios": "^1.6.2",
     "buffer": "^6.0.3",
     "jsprintmanager": "^6.0.3",
diff --git a/spaces/pages/customers/[mode]/[[id]].vue b/spaces/pages/customers/[mode]/[[id]].vue
index af9ca19..7866e62 100644
--- a/spaces/pages/customers/[mode]/[[id]].vue
+++ b/spaces/pages/customers/[mode]/[[id]].vue
@@ -150,7 +150,6 @@ setupPage()
           Bearbeiten
         </UButton>
         <UButton
-            @click="cancelEditorCreate"
             color="red"
             class="ml-2"
             disabled
diff --git a/spaces/pages/documents.vue b/spaces/pages/documents.vue
index 6ebc531..7d44a69 100644
--- a/spaces/pages/documents.vue
+++ b/spaces/pages/documents.vue
@@ -2,6 +2,11 @@
   <div>
     <div class="controlHeader">
       <UButton @click="uploadModalOpen = true">Hochladen</UButton>
+      <UButton
+          @click="downloadSelected"
+          class="ml-2"
+          :disabled="documents.filter(doc => doc.selected).length === 0"
+      >Herunterladen</UButton>
       <UModal
         v-model="uploadModalOpen"
       >
@@ -69,11 +74,11 @@
         fullscreen
       >
         <UCard class="h-full">
-
-          <embed
+          {{selectedDocument}}
+<!--          <embed
               class="bigPreview mb-3"
               :src="selectedDocument.url"
-          />
+          />-->
 
           <UBadge
             v-for="tag in selectedDocument.tags"
@@ -107,7 +112,7 @@
       >
         <template #item="{item}">
           <div class="documentList">
-            <div
+            <a
                 v-if="documents.filter(doc => doc.folder === item.label).length > 0"
                 v-for="document in documents.filter(doc => doc.folder === item.label)"
                 class="documentListItem"
@@ -122,6 +127,10 @@
               >
                 <UIcon name="i-heroicons-eye-solid" />
               </UButton>
+              <UToggle
+                v-model="document.selected"
+                class="ml-2"
+              />
 
               <!--              {{document.name}}<br>-->
               <!--              <UBadge
@@ -134,7 +143,7 @@
                                 variant="outline"
                             >{{document.state}}</UBadge>-->
 
-            </div>
+            </a>
             <div v-else>
               <p>Keine Dokumente in diesem Ordner</p>
               <UButton
@@ -153,6 +162,8 @@
 
 <script setup>
 
+import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
+
 definePageMeta({
   middleware: "auth"
 })
@@ -230,19 +241,24 @@ const uploadFile = async () => {
 
 const changeFolder = async () => {
   console.log("Change Folder")
-  console.log(selectedDocument.value.path)
+  console.log(selectedDocument.value)
 
   let filename = selectedDocument.value.path.split("/")[2]
+  let oldPath = selectedDocument.value.path
   let newPath = `${user.value.app_metadata.tenant}/${newFolder.value}/${filename}`
+  console.log(oldPath)
   console.log(newPath)
 
   const { data, error } = await supabase
       .storage
       .from('documents')
-      .move(selectedDocument.value.path, newPath )
+      .move(oldPath,newPath  )
 
-  console.log(data)
-  console.log(error)
+  if(error) {
+    console.log(error)
+  } else {
+    console.log(data)
+  }
 
 }
 
@@ -257,6 +273,67 @@ const openDocument = async (document) => {
   showDocumentModal.value = true
 
 }
+
+
+const downloadSelected = async () => {
+  const bucket = "documents";
+
+  let files = []
+  documents.value.filter(doc => doc.selected).forEach(doc => files.push(doc.path))
+
+  console.log(files)
+
+// If there are no files in the folder, throw an error
+  if (!files || !files.length) {
+    throw new Error("No files to download");
+  }
+
+  const promises = [];
+
+// Download each file in the folder
+  files.forEach((file) => {
+    promises.push(
+        supabase.storage.from(bucket).download(`${file}`)
+    );
+  });
+
+// Wait for all the files to download
+  const response = await Promise.allSettled(promises);
+
+// Map the response to an array of objects containing the file name and blob
+  const downloadedFiles = response.map((result, index) => {
+    if (result.status === "fulfilled") {
+      return {
+        name: files[index],
+        blob: result.value.data,
+      };
+    }
+  });
+
+// Create a new zip file
+  const zipFileWriter = new BlobWriter("application/zip");
+  const zipWriter = new ZipWriter(zipFileWriter, { bufferedWrite: true });
+
+// Add each file to the zip file
+  downloadedFiles.forEach((downloadedFile) => {
+    if (downloadedFile) {
+      zipWriter.add(downloadedFile.name, new BlobReader(downloadedFile.blob));
+    }
+  });
+
+// Download the zip file
+  const url = URL.createObjectURL(await zipWriter.close());
+  const link = document.createElement("a");
+
+  link.href = url;
+  link.setAttribute("download", "documents.zip");
+
+  document.body.appendChild(link);
+
+  link.click();
+}
+
+
 </script>
 
 <style scoped>
diff --git a/spaces/pages/downloadFolder.vue b/spaces/pages/downloadFolder.vue
new file mode 100644
index 0000000..1d773ab
--- /dev/null
+++ b/spaces/pages/downloadFolder.vue
@@ -0,0 +1,90 @@
+<script setup>
+import { BlobReader, BlobWriter, ZipWriter } from "@zip.js/zip.js";
+
+const downloadFolder = async (folder) => {
+  const supabaseClient = useSupabaseClient();
+
+  const bucket = "documents";
+
+// Get a list of all the files in the path /my-bucket/images
+  /*const { data: files, error } = await supabaseClient.storage
+      .from(bucket)
+      .list(folder);
+
+  if (error) {
+    throw error;
+  }*/
+
+  let files = [
+      "1/Eingang/Rechnung_VRB170A0249604_2023-12-06.pdf"
+  ]
+
+  console.log(files)
+
+// If there are no files in the folder, throw an error
+  if (!files || !files.length) {
+    throw new Error("No files to download");
+  }
+
+  const promises = [];
+
+// Download each file in the folder
+  files.forEach((file) => {
+    promises.push(
+        supabaseClient.storage.from(bucket).download(`${file}`)
+    );
+  });
+
+// Wait for all the files to download
+  const response = await Promise.allSettled(promises);
+
+// Map the response to an array of objects containing the file name and blob
+  const downloadedFiles = response.map((result, index) => {
+    if (result.status === "fulfilled") {
+      return {
+        name: files[index],
+        blob: result.value.data,
+      };
+    }
+  });
+
+// Create a new zip file
+  const zipFileWriter = new BlobWriter("application/zip");
+  const zipWriter = new ZipWriter(zipFileWriter, { bufferedWrite: true });
+
+// Add each file to the zip file
+  downloadedFiles.forEach((downloadedFile) => {
+    if (downloadedFile) {
+      zipWriter.add(downloadedFile.name, new BlobReader(downloadedFile.blob));
+    }
+  });
+
+// Download the zip file
+  const url = URL.createObjectURL(await zipWriter.close());
+  const link = document.createElement("a");
+
+  link.href = url;
+  link.setAttribute("download", "documents.zip");
+
+  document.body.appendChild(link);
+
+  link.click();
+}
+
+
+
+</script>
+
+<template>
+  <div>
+    <UButton
+      @click="downloadFolder('1/Eingang')"
+    >
+      Download
+    </UButton>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/spaces/pages/jobs/[mode]/[[id]].vue b/spaces/pages/jobs/[mode]/[[id]].vue
new file mode 100644
index 0000000..799b109
--- /dev/null
+++ b/spaces/pages/jobs/[mode]/[[id]].vue
@@ -0,0 +1,218 @@
+<script setup>
+definePageMeta({
+  middleware: "auth"
+})
+
+//
+const supabase = useSupabaseClient()
+const route = useRoute()
+const router = useRouter()
+const toast = useToast()
+const id = ref(route.params.id ? route.params.id : null )
+
+//Store
+const {jobs, customers} = storeToRefs(useDataStore())
+const {fetchJobs, getJobById} = useDataStore()
+
+let currentItem = null
+
+
+
+//Working
+const mode = ref(route.params.mode || "show")
+const itemInfo = ref({
+  title: "",
+  customer: 0,
+
+})
+const states = ["Offen", "In Bearbeitung", "Erledigt"]
+
+//Functions
+const setupPage = () => {
+  if(mode.value === "show" || mode.value === "edit"){
+    currentItem = getJobById(Number(useRoute().params.id))
+  }
+
+  if(mode.value === "edit") itemInfo.value = currentItem
+
+
+
+}
+
+const createItem = async () => {
+  const {data,error} = await supabase
+      .from("jobs")
+      .insert([itemInfo.value])
+      .select()
+
+  if(error) {
+    console.log(error)
+  } else {
+    mode.value = "show"
+    itemInfo.value = {
+      id: 0,
+      title: "",
+    }
+    toast.add({title: "Job erfolgreich erstellt"})
+    await fetchJobs()
+    router.push(`/jobs/show/${data[0].id}`)
+    setupPage()
+  }
+}
+
+const editItem = async () => {
+  router.push(`/jobs/edit/${currentItem.id}`)
+  setupPage()
+}
+
+const cancelEditorCreate = () => {
+  mode.value = "show"
+  itemInfo.value = {
+    id: 0,
+    infoData: {}
+  }
+}
+
+const updateItem = async () => {
+  const {error} = await supabase
+      .from("jobs")
+      .update(itemInfo.value)
+      .eq('id',itemInfo.value.id)
+  console.log(error)
+  mode.value = "show"
+  itemInfo.value = {
+    id: 0,
+    title: ""
+  }
+  toast.add({title: "Job erfolgreich gespeichert"})
+  fetchJobs()
+}
+
+
+
+setupPage()
+</script>
+
+<template>
+  <div>
+    <UCard v-if="currentItem && mode == 'show'" >
+      <template #header>
+        <UBadge>
+          {{currentItem.state}}
+        </UBadge>
+
+        {{currentItem.title}}
+      </template>
+
+      Beschreibung:<br>
+      {{currentItem.description}}<br>
+
+
+
+      <!--      Kontakte:<br>
+            &lt;!&ndash;        <ul>
+            <li v-for="contact in currentCustomer.contacts.data">{{contact.lastName}}, {{contact.firstName}}</li>
+          </ul>&ndash;&gt;
+            &lt;!&ndash;        {{currentCustomer.contacts.data}}&ndash;&gt;
+            <br>
+            Projekte:<br>
+            &lt;!&ndash;        <ul>
+            <li v-for="project in currentCustomer.projects.data"><router-link :to="'/projects?id=' + project.id">{{project.name}}</router-link></li>
+          </ul>&ndash;&gt;-->
+
+
+
+      <template #footer>
+        <UButton
+            v-if="mode == 'show' && currentItem.id"
+            @click="editItem"
+        >
+          Bearbeiten
+        </UButton>
+        <UButton
+            color="red"
+            class="ml-2"
+            disabled
+        >
+          Archivieren
+        </UButton>
+        <!-- TODO: Kunde archivieren        -->
+      </template>
+
+
+
+    </UCard>
+    <UCard v-else-if="mode == 'edit' || mode == 'create'" >
+      <template #header>
+        {{itemInfo.title}}
+      </template>
+
+      <UFormGroup
+          label="Titel:"
+      >
+        <UInput
+            v-model="itemInfo.title"
+        />
+      </UFormGroup>
+
+      <UFormGroup
+          label="Status:"
+      >
+        <USelectMenu
+            v-model="itemInfo.state"
+            :options="states"
+        />
+      </UFormGroup>
+
+      <UFormGroup
+          label="Kundennummer:"
+      >
+        <USelectMenu
+            v-model="itemInfo.customer"
+            :options="customers"
+            option-attribute="name"
+            value-attribute="id"
+            searchable
+            :search-attributes="['name']"
+        />
+      </UFormGroup>
+
+
+      <UFormGroup
+          label="Beschreibung:"
+      >
+        <UTextarea
+            v-model="itemInfo.description"
+        />
+      </UFormGroup>
+
+
+      <template #footer>
+        <UButton
+            v-if="mode == 'edit'"
+            @click="updateItem"
+        >
+          Speichern
+        </UButton>
+        <UButton
+            v-else-if="mode == 'create'"
+            @click="createItem"
+        >
+          Erstellen
+        </UButton>
+        <UButton
+            @click="cancelEditorCreate"
+            color="red"
+            class="ml-2"
+        >
+          Abbrechen
+        </UButton>
+      </template>
+
+    </UCard>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/spaces/pages/jobs/index.vue b/spaces/pages/jobs/index.vue
new file mode 100644
index 0000000..456f7fe
--- /dev/null
+++ b/spaces/pages/jobs/index.vue
@@ -0,0 +1,51 @@
+<template>
+  <div id="main">
+
+    <UButton @click="router.push(`/jobs/create/`)">+ Job</UButton>
+
+    <UTable
+        :rows="jobs"
+        :columns="columns"
+        @select="selectJob"
+
+    />
+
+  </div>
+</template>
+
+<script setup>
+
+definePageMeta({
+  middleware: "auth"
+})
+
+const router = useRouter()
+const {jobs } = storeToRefs(useDataStore())
+const mode = ref("show")
+
+const columns = [
+  {
+    key: "title",
+    label: "Titel",
+    sortable: true
+  },{
+    key: "state",
+    label: "Status",
+    sortable: true
+  },{
+    key: "customer",
+    label: "Kunde",
+    sortable: true
+  }
+]
+
+
+const selectJob = (job) => {
+  console.log(job)
+  router.push(`/jobs/show/${job.id} `)
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/spaces/pages/timetracking.vue b/spaces/pages/timetracking.vue
index cd94fdb..12762c4 100644
--- a/spaces/pages/timetracking.vue
+++ b/spaces/pages/timetracking.vue
@@ -6,7 +6,6 @@ definePageMeta({
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()
 const toast = useToast()
-console.log(user)
 
 const {times, projects} = storeToRefs(useDataStore())
 const {fetchTimes, getTimeTypes} = useDataStore()
@@ -20,6 +19,38 @@ const timeInfo = ref({
   type: null
 })
 
+
+const columns = [
+  {
+    key: "user",
+    label: "Benutzer"
+  },
+  {
+    key:"start",
+    label:"Start"
+  },
+  {
+    key:"type",
+    label:"Typ"
+  },
+  {
+    key: "end",
+    label: "Ende"
+  },
+  {
+    key: "duration",
+    label: "Dauer"
+  },
+  {
+    key: "projectId",
+    label: "Projekt"
+  },
+  {
+    key: "notes",
+    label: "Notizen"
+  }
+]
+
 const runningTimeInfo = ref({
 
 })
@@ -43,7 +74,8 @@ const startTime = async () => {
     console.log(error)
   } else if(data) {
     timeInfo.value = data[0]
-    fetchTimes()
+    await fetchTimes()
+    runningTimeInfo.value = times.value.find(time => time.user == user.value.id && !time.end)
   }
 
   console.log(data)
@@ -77,10 +109,17 @@ const stopStartedTime = async () => {
   }
 }
 
+if(times.value.find(time => time.user == user.value.id && !time.end)) {
+  runningTimeInfo.value = times.value.find(time => time.user == user.value.id && !time.end)
+}
+
 const selectStartedTime = () => {
   runningTimeInfo.value = times.value.find(time => time.user == user.value.id && !time.end)
 }
 
+
+
+
 //selectStartedTime()
 
 </script>
@@ -101,12 +140,12 @@ const selectStartedTime = () => {
       >
         Stop
       </UButton>
-      <UButton
+      <!--<UButton
           class="controlButton"
           @click="selectStartedTime"
       >
         Zeit Wählen
-      </UButton>
+      </UButton>-->
       <UButton
           class="controlButton"
           @click="showAddTimeModal = true"
@@ -227,6 +266,7 @@ const selectStartedTime = () => {
       <UTable
           class="mt-3"
           v-if="times && user"
+          :columns="columns"
           :rows="times.filter(time => time.user === user.id)"
       />
 
diff --git a/spaces/public/spaces.svg b/spaces/public/spaces.svg
new file mode 100644
index 0000000..ddb3ad9
--- /dev/null
+++ b/spaces/public/spaces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/></defs><g fill="#ffffff" fill-opacity="1"><g transform="translate(106.647191, 199.675084)"><g><path d="M 15.15625 -28.28125 C 16.726562 -28.28125 18.28125 -28.097656 19.8125 -27.734375 C 21.351562 -27.378906 22.5 -27.023438 23.25 -26.671875 L 24.375 -26.140625 L 21.265625 -19.921875 C 19.117188 -21.066406 17.082031 -21.640625 15.15625 -21.640625 C 14.082031 -21.640625 13.320312 -21.519531 12.875 -21.28125 C 12.4375 -21.050781 12.21875 -20.617188 12.21875 -19.984375 C 12.21875 -19.835938 12.234375 -19.691406 12.265625 -19.546875 C 12.296875 -19.410156 12.363281 -19.28125 12.46875 -19.15625 C 12.582031 -19.03125 12.679688 -18.921875 12.765625 -18.828125 C 12.859375 -18.734375 13.007812 -18.632812 13.21875 -18.53125 C 13.4375 -18.425781 13.609375 -18.347656 13.734375 -18.296875 C 13.859375 -18.242188 14.0625 -18.160156 14.34375 -18.046875 C 14.632812 -17.941406 14.851562 -17.863281 15 -17.8125 C 15.144531 -17.757812 15.382812 -17.675781 15.71875 -17.5625 C 16.0625 -17.457031 16.320312 -17.390625 16.5 -17.359375 C 17.601562 -17.035156 18.566406 -16.675781 19.390625 -16.28125 C 20.210938 -15.882812 21.078125 -15.347656 21.984375 -14.671875 C 22.898438 -13.992188 23.609375 -13.132812 24.109375 -12.09375 C 24.609375 -11.0625 24.859375 -9.882812 24.859375 -8.5625 C 24.859375 -2.320312 20.519531 0.796875 11.84375 0.796875 C 9.875 0.796875 8.003906 0.492188 6.234375 -0.109375 C 4.472656 -0.710938 3.195312 -1.316406 2.40625 -1.921875 L 1.234375 -2.890625 L 5.09375 -9.375 C 5.375 -9.125 5.742188 -8.828125 6.203125 -8.484375 C 6.671875 -8.148438 7.507812 -7.6875 8.71875 -7.09375 C 9.9375 -6.507812 10.992188 -6.21875 11.890625 -6.21875 C 13.859375 -6.21875 14.84375 -6.875 14.84375 -8.1875 C 14.84375 -8.800781 14.59375 -9.273438 14.09375 -9.609375 C 13.59375 -9.953125 12.742188 -10.335938 11.546875 -10.765625 C 10.347656 -11.191406 9.410156 -11.582031 8.734375 -11.9375 C 7.015625 -12.832031 5.65625 -13.84375 4.65625 -14.96875 C 3.65625 -16.09375 3.15625 -17.582031 3.15625 -19.4375 C 3.15625 -22.226562 4.234375 -24.398438 6.390625 -25.953125 C 8.554688 -27.503906 11.476562 -28.28125 15.15625 -28.28125 Z M 15.15625 -28.28125 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(128.442193, 199.675084)"><g><path d="M 31.484375 -24.078125 C 34.054688 -21.273438 35.34375 -17.835938 35.34375 -13.765625 C 35.34375 -9.691406 34.054688 -6.242188 31.484375 -3.421875 C 28.921875 -0.609375 25.65625 0.796875 21.6875 0.796875 C 18.050781 0.796875 15.050781 -0.34375 12.6875 -2.625 L 12.6875 13.921875 L 3.21875 13.921875 L 3.21875 -27.484375 L 12.59375 -27.484375 L 12.59375 -24.375 L 12.6875 -24.375 C 15.050781 -26.976562 18.050781 -28.28125 21.6875 -28.28125 C 25.65625 -28.28125 28.921875 -26.878906 31.484375 -24.078125 Z M 23.421875 -9.09375 C 24.660156 -10.3125 25.28125 -11.867188 25.28125 -13.765625 C 25.28125 -15.660156 24.691406 -17.203125 23.515625 -18.390625 C 22.335938 -19.585938 20.785156 -20.1875 18.859375 -20.1875 C 16.992188 -20.1875 15.460938 -19.578125 14.265625 -18.359375 C 13.078125 -17.148438 12.484375 -15.617188 12.484375 -13.765625 C 12.484375 -11.867188 13.097656 -10.3125 14.328125 -9.09375 C 15.554688 -7.882812 17.066406 -7.28125 18.859375 -7.28125 C 20.671875 -7.28125 22.191406 -7.882812 23.421875 -9.09375 Z M 23.421875 -9.09375 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(160.465938, 199.675084)"><g><path d="M 5.078125 -3.40625 C 2.515625 -6.207031 1.234375 -9.640625 1.234375 -13.703125 C 1.234375 -17.773438 2.515625 -21.222656 5.078125 -24.046875 C 7.648438 -26.867188 10.921875 -28.28125 14.890625 -28.28125 C 18.535156 -28.28125 21.535156 -27.140625 23.890625 -24.859375 L 23.890625 -27.484375 L 33.375 -27.484375 L 33.375 0 L 24 0 L 24 -3.109375 L 23.890625 -3.109375 C 21.535156 -0.503906 18.535156 0.796875 14.890625 0.796875 C 10.921875 0.796875 7.648438 -0.601562 5.078125 -3.40625 Z M 13.140625 -18.359375 C 11.910156 -17.148438 11.296875 -15.597656 11.296875 -13.703125 C 11.296875 -11.816406 11.882812 -10.273438 13.0625 -9.078125 C 14.25 -7.878906 15.804688 -7.28125 17.734375 -7.28125 C 19.585938 -7.28125 21.113281 -7.882812 22.3125 -9.09375 C 23.507812 -10.3125 24.109375 -11.851562 24.109375 -13.71875 C 24.109375 -15.601562 23.488281 -17.148438 22.25 -18.359375 C 21.019531 -19.578125 19.515625 -20.1875 17.734375 -20.1875 C 15.910156 -20.1875 14.378906 -19.578125 13.140625 -18.359375 Z M 13.140625 -18.359375 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(192.489683, 199.675084)"><g><path d="M 17.84375 -20.515625 C 16.050781 -20.515625 14.507812 -19.851562 13.21875 -18.53125 C 11.9375 -17.207031 11.296875 -15.617188 11.296875 -13.765625 C 11.296875 -11.867188 11.9375 -10.257812 13.21875 -8.9375 C 14.507812 -7.625 16.050781 -6.96875 17.84375 -6.96875 C 18.695312 -6.96875 19.503906 -7.070312 20.265625 -7.28125 C 21.035156 -7.5 21.597656 -7.710938 21.953125 -7.921875 L 22.4375 -8.25 L 25.65625 -1.65625 C 25.40625 -1.476562 25.054688 -1.253906 24.609375 -0.984375 C 24.160156 -0.722656 23.140625 -0.363281 21.546875 0.09375 C 19.960938 0.5625 18.257812 0.796875 16.4375 0.796875 C 12.40625 0.796875 8.863281 -0.617188 5.8125 -3.453125 C 2.757812 -6.296875 1.234375 -9.695312 1.234375 -13.65625 C 1.234375 -17.65625 2.757812 -21.09375 5.8125 -23.96875 C 8.863281 -26.84375 12.40625 -28.28125 16.4375 -28.28125 C 18.257812 -28.28125 19.9375 -28.066406 21.46875 -27.640625 C 23.007812 -27.210938 24.101562 -26.785156 24.75 -26.359375 L 25.65625 -25.703125 L 22.4375 -19.234375 C 21.257812 -20.085938 19.726562 -20.515625 17.84375 -20.515625 Z M 17.84375 -20.515625 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(214.231131, 199.675084)"><g><path d="M 31.015625 -12.421875 L 11.09375 -12.421875 C 11.09375 -10.492188 11.71875 -9.066406 12.96875 -8.140625 C 14.21875 -7.210938 15.570312 -6.75 17.03125 -6.75 C 18.570312 -6.75 19.785156 -6.953125 20.671875 -7.359375 C 21.566406 -7.773438 22.585938 -8.585938 23.734375 -9.796875 L 30.578125 -6.375 C 27.722656 -1.59375 22.976562 0.796875 16.34375 0.796875 C 12.195312 0.796875 8.640625 -0.617188 5.671875 -3.453125 C 2.710938 -6.296875 1.234375 -9.71875 1.234375 -13.71875 C 1.234375 -17.71875 2.710938 -21.144531 5.671875 -24 C 8.640625 -26.851562 12.195312 -28.28125 16.34375 -28.28125 C 20.695312 -28.28125 24.238281 -27.019531 26.96875 -24.5 C 29.695312 -21.988281 31.0625 -18.394531 31.0625 -13.71875 C 31.0625 -13.070312 31.046875 -12.640625 31.015625 -12.421875 Z M 11.359375 -17.671875 L 21.796875 -17.671875 C 21.585938 -19.097656 21.023438 -20.195312 20.109375 -20.96875 C 19.203125 -21.738281 18.035156 -22.125 16.609375 -22.125 C 15.035156 -22.125 13.785156 -21.710938 12.859375 -20.890625 C 11.929688 -20.066406 11.429688 -18.992188 11.359375 -17.671875 Z M 11.359375 -17.671875 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(241.970582, 199.675084)"><g><path d="M 15.15625 -28.28125 C 16.726562 -28.28125 18.28125 -28.097656 19.8125 -27.734375 C 21.351562 -27.378906 22.5 -27.023438 23.25 -26.671875 L 24.375 -26.140625 L 21.265625 -19.921875 C 19.117188 -21.066406 17.082031 -21.640625 15.15625 -21.640625 C 14.082031 -21.640625 13.320312 -21.519531 12.875 -21.28125 C 12.4375 -21.050781 12.21875 -20.617188 12.21875 -19.984375 C 12.21875 -19.835938 12.234375 -19.691406 12.265625 -19.546875 C 12.296875 -19.410156 12.363281 -19.28125 12.46875 -19.15625 C 12.582031 -19.03125 12.679688 -18.921875 12.765625 -18.828125 C 12.859375 -18.734375 13.007812 -18.632812 13.21875 -18.53125 C 13.4375 -18.425781 13.609375 -18.347656 13.734375 -18.296875 C 13.859375 -18.242188 14.0625 -18.160156 14.34375 -18.046875 C 14.632812 -17.941406 14.851562 -17.863281 15 -17.8125 C 15.144531 -17.757812 15.382812 -17.675781 15.71875 -17.5625 C 16.0625 -17.457031 16.320312 -17.390625 16.5 -17.359375 C 17.601562 -17.035156 18.566406 -16.675781 19.390625 -16.28125 C 20.210938 -15.882812 21.078125 -15.347656 21.984375 -14.671875 C 22.898438 -13.992188 23.609375 -13.132812 24.109375 -12.09375 C 24.609375 -11.0625 24.859375 -9.882812 24.859375 -8.5625 C 24.859375 -2.320312 20.519531 0.796875 11.84375 0.796875 C 9.875 0.796875 8.003906 0.492188 6.234375 -0.109375 C 4.472656 -0.710938 3.195312 -1.316406 2.40625 -1.921875 L 1.234375 -2.890625 L 5.09375 -9.375 C 5.375 -9.125 5.742188 -8.828125 6.203125 -8.484375 C 6.671875 -8.148438 7.507812 -7.6875 8.71875 -7.09375 C 9.9375 -6.507812 10.992188 -6.21875 11.890625 -6.21875 C 13.859375 -6.21875 14.84375 -6.875 14.84375 -8.1875 C 14.84375 -8.800781 14.59375 -9.273438 14.09375 -9.609375 C 13.59375 -9.953125 12.742188 -10.335938 11.546875 -10.765625 C 10.347656 -11.191406 9.410156 -11.582031 8.734375 -11.9375 C 7.015625 -12.832031 5.65625 -13.84375 4.65625 -14.96875 C 3.65625 -16.09375 3.15625 -17.582031 3.15625 -19.4375 C 3.15625 -22.226562 4.234375 -24.398438 6.390625 -25.953125 C 8.554688 -27.503906 11.476562 -28.28125 15.15625 -28.28125 Z M 15.15625 -28.28125 "/></g></g></g><path stroke-linecap="butt" transform="matrix(0.75, 0, 0, 0.75, 90.574247, 228.073139)" fill="none" stroke-linejoin="miter" d="M -0.0000370697 5.001439 L 84.43226 5.001439 " stroke="#69c350" stroke-width="10" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0, 0.75, -0.75, 0, 98.070394, 171.479446)" fill="none" stroke-linejoin="miter" d="M 0.00136321 5.000109 L 82.46491 5.000109 " stroke="#69c350" stroke-width="10" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(-0.75, 0, 0, -0.75, 283.487477, 146.919146)" fill="none" stroke-linejoin="miter" d="M -0.00107222 5.00157 L 84.431225 5.00157 " stroke="#69c350" stroke-width="10" stroke-opacity="1" stroke-miterlimit="4"/><path stroke-linecap="butt" transform="matrix(0, -0.75, 0.75, 0, 275.991344, 203.512837)" fill="none" stroke-linejoin="miter" d="M 0.00149105 5.001125 L 82.465038 5.001125 " stroke="#69c350" stroke-width="10" stroke-opacity="1" stroke-miterlimit="4"/></svg>
\ No newline at end of file
diff --git a/spaces/stores/data.ts b/spaces/stores/data.ts
index cfb58c1..df8a2e4 100644
--- a/spaces/stores/data.ts
+++ b/spaces/stores/data.ts
@@ -28,6 +28,7 @@ export const useDataStore = defineStore('data', {
         products: [] as any[],
         movements: [] as any[],
         forms: [] as any[],
+        jobs: [] as any[],
         formSubmits: [] as any[],
         contacts: [] as any[],
         vehicles: [] as any[],
@@ -47,6 +48,7 @@ export const useDataStore = defineStore('data', {
             await this.fetchDocuments()
             await this.fetchMovements()
             await this.fetchTimes()
+            await this.fetchJobs()
             await this.fetchSpaces()
             await this.fetchVehicles()
             this.loaded = true
@@ -108,6 +110,10 @@ export const useDataStore = defineStore('data', {
             // @ts-ignore
             this.times = (await supabase.from("times").select()).data
         },
+        async fetchJobs() {
+            // @ts-ignore
+            this.jobs = (await supabase.from("jobs").select()).data
+        },
         async fetchDocuments() {
             // @ts-ignore
             this.documents = (await supabase.from("documents").select()).data
@@ -119,6 +125,7 @@ export const useDataStore = defineStore('data', {
         }
     },
     getters: {
+        getProfileById: (state) => (userUid:string) => state.profiles.find(profile => profile.id === userUid),
         getOpenTasksCount: (state) => state.tasks.filter(task => task.categorie != "Erledigt").length,
         movementsBySpace: (state) => (spaceId:number) => state.movements.filter(move => move.spaceId === spaceId),
         getProductById: (state) => (productId:number) => state.products.find(product => product.id === productId),
@@ -136,6 +143,7 @@ export const useDataStore = defineStore('data', {
 
         },
         getCustomerById: (state) => (customerId:number) => state.customers.find(customer => customer.id === customerId),
+        getJobById: (state) => (jobId:number) => state.jobs.find(job => job.id === jobId),
         getTimesByProjectId: (state) => (projectId:number) => {
             let times = state.times.filter(time => time.projectId === projectId)
             console.log(times.length)
@@ -171,11 +179,16 @@ export const useDataStore = defineStore('data', {
             ]
         },
         getEvents: (state) => {
+
             return [
                 ...state.events.map(event => {
+                    let eventColor = state.ownTenant.calendarConfig.eventTypes.find(type => type.label === event.type).color
+
                     return {
                         ...event,
-                        backgroundColor: state.ownTenant.calendarConfig.eventTypes.find(type => type.label === event.type).color
+                        borderColor: eventColor,
+                        textColor: eventColor,
+                        backgroundColor: "black"
                     }
                 }),
             ]