Changes

2023-12-02 13:09:23 +01:00
parent 098bc97fa4
commit 45da05c9a4
46 changed files with 2889 additions and 5793 deletions
--- a/spaces/pages/banking/[account].vue
+++ b/spaces/pages/banking/[account].vue
@@ -0,0 +1,18 @@
+<script setup>
+  const route = useRoute()
+  const supabase = useSupabaseClient()
+  console.log(route.params.account)
+
+  const accounts = (await supabase.from("bankAccounts").select()).data
+
+</script>
+
+<template>
+  <div>
+
+  </div>
+</template>
+
+<style scoped>
+
+</style>
--- a/spaces/pages/banking/index.vue
+++ b/spaces/pages/banking/index.vue
@@ -0,0 +1,103 @@
+<script setup>
+import Papa from 'papaparse'
+
+const supabase = useSupabaseClient()
+
+const accounts = (supabase.from("bankAccounts").select()).data
+
+let items = ref([])
+async function readSingleFile(evt) {
+  var f = document.getElementById('fileInput').files[0];
+  if (f) {
+    let results = []
+    let text = await f.text()
+    results = Papa.parse(text).data
+    console.log(results[0])
+    results = results.slice(1)
+    results = results.map(temp => {
+      return {
+        iban: temp[1],
+        bank: temp[3],
+        date: temp[4],
+        partnerName: temp[6],
+        partnerIban: temp[7],
+        type: temp[9],
+        text: temp[10],
+        value: temp[11],
+        currency: temp[12]
+      }
+    })
+
+    console.log(results)
+    items.value = results
+
+    parseStatements()
+
+  } else {
+    alert("Failed to load file");
+  }
+}
+
+const newStatements = ref([])
+
+const parseStatements = async () => {
+  items.value.forEach(item => {
+    if(item.date) {
+      let returnObj = {
+        date: item.date,
+        partnerIban: item.partnerIban,
+        partnerName: item.partnerName,
+        text: item.text,
+        value: Number(item.value.replace(",",".")),
+
+      }
+
+      newStatements.value.push(returnObj)
+    }
+
+  })
+
+  const {data,error} = await supabase
+      .from("bankStatements")
+      .insert(newStatements.value)
+      .select()
+
+  console.log(data)
+  console.log(error)
+
+}
+
+
+</script>
+
+<template>
+<div>
+  <UInput
+    type="file"
+    id="fileInput"
+  />
+  <UButton
+    @click="readSingleFile"
+  >Test</UButton>
+
+  <table>
+    <tr
+      v-for="temp in items"
+    >
+      <td>{{temp.date}}</td>
+      <td>{{temp.partnerName}}</td>
+      <td>{{temp.text}}</td>
+      <td>{{temp.value}}</td>
+      <td></td>
+      <td></td>
+      <td></td>
+    </tr>
+  </table>
+
+
+</div>
+</template>
+
+<style scoped>
+
+</style>
--- a/spaces/pages/calendar/planningBoard.vue
+++ b/spaces/pages/calendar/planningBoard.vue
@@ -0,0 +1,28 @@
+<script setup>
+/*import '@bryntum/scheduler'
+import { BryntumScheduler } from '@bryntum/scheduler-vue-3'
+import '@bryntum/scheduler/scheduler.material.css'
+const config = reactive({
+  startDate: new Date(2024,0,1,6),
+  endDate: new Date(2024,0,1,20),
+  viewPreset: "hourAndDay",
+  rowHeight: 50,
+  columns: [{text: "Name", field: "name", width: 130}]
+})*/
+
+</script>
+
+<template>
+  <div>
+<!--    <bryntum-scheduler
+        :width="800"
+        :height="600"
+        start-date="2023-04-16"
+        end-date="2023-05-15"
+    ></bryntum-scheduler>-->
+  </div>
+</template>
+
+<style scoped>
+
+</style>
--- a/spaces/pages/customers.vue
+++ b/spaces/pages/customers.vue
@@ -1,5 +1,6 @@
 <template>
  <div id="main">
+<!-- TODO: Kontakte erstellen und dem Kunden zuweisen    -->
    <div id="left">

      <UButton @click="showCreateCustomer = true">+ Kunde</UButton>
@@ -57,7 +58,7 @@



-
+<!-- TODO: Scrollcontainer      -->
      </UCard>
    </div>
  </div>
@@ -70,11 +71,7 @@ definePageMeta({

 const supabase = useSupabaseClient()

-//const {find,create} = useStrapi4()
-//const customers = (await find('customers',{populate: "*"})).data
-
-const customers = (await supabase.from("customers").select().order('customerNumber', {ascending: true})).data
-
+const {customers } = storeToRefs(useDataStore())


 let showCreateCustomer = ref(false)
--- a/spaces/pages/documents.vue
+++ b/spaces/pages/documents.vue
@@ -68,72 +68,37 @@
        v-model="showDocumentModal"
        fullscreen
      >
-        <UCard>
-
-<!--          <a
-              v-if="selectedDocument"
-              target="_blank"
-              :href="`http://localhost:1337${selectedDocument.file.data.url}`"
-              class="p-2"
-          >
-            Anzeigen
-
-
-          </a>-->
-
-          {{selectedDocument}}
+        <UCard class="h-full">

          <embed
-            :src="pdfSource"
+              class="bigPreview mb-3"
+              :src="selectedDocument.url"
+          />
+
+          <UBadge
+            v-for="tag in selectedDocument.tags"
          >
+            {{tag}}
+          </UBadge>


-<!--          <UFormGroup
-              label="Tags:"
+          <UFormGroup
+            label="Ordner ändern:"
          >
            <USelectMenu
-                v-if="selectedDocument"
-                multiple
-                searchable
-                searchable-placeholder="Suchen..."
-                :options="tags"
-                v-on:change="update('documents',selectedDocument.id, {tags: selectedDocument.tags})"
-                v-model="selectedDocument.tags"
+              :options="folders"
+              v-on:change="changeFolder"
+              v-model="newFolder"
+              value-attribute="label"
            />
          </UFormGroup>

-          <UFormGroup
-              label="Status:"
-              class="mb-3"
-          >
-            <USelectMenu
-                :options="states"
-                v-model="selectedDocument.state"
-                v-on:change="update('documents',selectedDocument.id,{state: selectedDocument.state})"
-            />
-          </UFormGroup>-->

-          <div>
-            <VuePDF
-                ref="vuePDFRef"
-                :pdf="pdf"
-                fit-parent
-                :page="page"
-            />
-          </div>
-          <div class="mt-3">
-            <UButton @click="page = page > 1 ? page - 1 : page">
-              Prev
-            </UButton>
-            <span class="mx-3">{{ page }} / {{ pages }}</span>
-            <UButton @click="page = page < pages ? page + 1 : page">
-              Next
-            </UButton>
-          </div>
+

        </UCard>
      </USlideover>
-
+<!-- TODO: Tab Height always Full      -->
      <UTabs
          :items="folders"
          orientation="vertical"
@@ -143,8 +108,8 @@
        <template #item="{item}">
          <div class="documentList">
            <div
-                v-if="documentsComposed.filter(doc => doc.folder === item.label).length > 0"
-                v-for="document in documentsComposed.filter(doc => doc.folder === item.label)"
+                v-if="documents.filter(doc => doc.folder === item.label).length > 0"
+                v-for="document in documents.filter(doc => doc.folder === item.label)"
                class="documentListItem"
            >
              <embed
@@ -187,25 +152,14 @@
 </template>

 <script setup>
+
 definePageMeta({
  middleware: "auth"
 })
 const supabase = useSupabaseClient()
 const user = useSupabaseUser()

-const documents = (await supabase.from("documents").select()).data
-
-const documentsComposed = ref([])
-async function composeDocs () {
-  for(const doc of documents){
-    let fileurl = (await supabase.storage.from('documents').createSignedUrl(doc.path,60*60)).data.signedUrl
-
-    documentsComposed.value.push({...doc, url: fileurl})
-
-  }
-}
-
-await composeDocs()
+const {documents} = storeToRefs(useDataStore())

 const tabOpen = ref(0)
 const uploadModalOpen = ref(false)
@@ -271,10 +225,28 @@ const uploadFile = async () => {
  uploadModalOpen.value = false;
 }

-const updateDocument = async () => {
-  await update('documents', selectedDocument.id, {tags: selectedDocument.tags, state: selectedDocument.state})
+
+
+const changeFolder = async () => {
+  console.log("Change Folder")
+  console.log(selectedDocument.value.path)
+
+  let filename = selectedDocument.value.path.split("/")[2]
+  let newPath = `${user.value.app_metadata.tenant}/${newFolder.value}/${filename}`
+  console.log(newPath)
+
+  const { data, error } = await supabase
+      .storage
+      .from('documents')
+      .move(selectedDocument.value.path, newPath )
+
+  console.log(data)
+  console.log(error)
+
 }

+const newFolder = ref("")
+
 const selectedDocument = ref({})
 const showDocumentModal = ref(false)

@@ -290,12 +262,13 @@ const openDocument = async (document) => {
 .documentList {
  display: flex;
  flex-direction: row;
+  flex-wrap: wrap;
 }

 .documentListItem {
  display:block;
  width: 15vw;
-  height: 25vh;
+  height: 30vh;
  padding:1em;
  margin: 0.7em;
  border: 1px solid lightgrey;
@@ -309,7 +282,7 @@ const openDocument = async (document) => {

 .previewEmbed {
  width: 100%;
-  height: 18vh;
+  height: 22vh;
  overflow: hidden;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
@@ -318,4 +291,9 @@ const openDocument = async (document) => {
 .previewEmbed::-webkit-scrollbar {
  display: none;
 }
+
+.bigPreview {
+  height: 70vh;
+  width: 100%;
+}
 </style>
--- a/spaces/pages/formSubmissions/[id].vue
+++ b/spaces/pages/formSubmissions/[id].vue
@@ -0,0 +1,88 @@
+<script setup>
+  const route = useRoute()
+  const router = useRouter()
+  const supabase = useSupabaseClient()
+
+
+  const currentSubmission = (await supabase.from("formSubmits").select().eq('id',route.params.id)).data[0]
+  const form = (await supabase.from("forms").select().eq('id',currentSubmission.formType)).data[0]
+
+  const formData = ref({})
+  const submitted = ref(currentSubmission.submitted)
+
+  const submitForm = async () => {
+
+    submitted.value = true
+
+    console.log(formData.value)
+    const {data,error} = await supabase
+        .from("formSubmits")
+        .update({values: formData.value, submitted: true})
+        .eq('id',currentSubmission.id)
+        .select()
+
+    if(error) {
+      console.log(error)
+    } else if( data) {
+      formData.value = {}
+    }
+
+
+
+
+  }
+
+</script>
+
+<template>
+  <div>
+    <UForm
+        v-if="!submitted"
+      @submit="submitForm"
+      @reset="formData = {}"
+    >
+      <div
+        v-for="item in form.fields"
+      >
+        <p v-if="item.type === 'header'">{{item.label}}</p>
+        <UFormGroup
+          v-else-if="item.type.includes('Input')"
+          :label="item.required ? item.label + '*' : item.label"
+        >
+            <UInput
+              v-if="item.type === 'textInput'"
+              v-model="formData[item.key]"
+              :required="item.required"
+            />
+            <UInput
+              v-else-if="item.type === 'numberInput'"
+              v-model="formData[item.key]"
+              :required="item.required"
+              type="number"
+              inputmode="numeric"
+            />
+        </UFormGroup>
+      </div>
+
+      <UButton type="submit">
+        Abschicken
+      </UButton>
+      <UButton
+          type="reset"
+          color="rose"
+          class="m-2"
+      >
+        Zurücksetzen
+      </UButton>
+
+
+    </UForm>
+    <div v-else>
+      Dieses Formular wurde bereits abgeschickt. Möchten Sie erneut Daten abschicken, sprechen Sie bitte Ihren Ansprechpartner an, um das Formular freizuschalten.
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
--- a/spaces/pages/index.vue
+++ b/spaces/pages/index.vue
@@ -1,5 +1,9 @@
 <template>
+  <div>
+    Offene Aufgaben: {{openTasks}}<br>
+    Laufende Projekte:

+  </div>
 </template>

 <script setup>
@@ -7,15 +11,13 @@ definePageMeta({
  middleware: "auth"
 })

+const {getOpenTasksCount} = useDataStore()
+const openTasks = getOpenTasksCount

 const supabase = useSupabaseClient()

-const tasks = (await supabase.from("tasks").select()).data
-
 const user = useSupabaseUser()
-console.log(user)

-console.log(tasks)
 </script>

 <style scoped>
--- a/spaces/pages/inventory/index.vue
+++ b/spaces/pages/inventory/index.vue
@@ -66,21 +66,17 @@ function checkSpaceId(spaceId) {
  <div id="main">
    <router-link to="/inventory/spaces"><UButton>Lagerplätze</UButton></router-link>

-    <!--<UInput
-        icon="i-heroicons-magnifying-glass-20-solid"
-        variant="outline"
-        color="primary"
-        placeholder="Barcode / Suche"
-        v-model="searchinput"
-    />-->

-    <UButton @click="mode = 'incoming'" class="ml-3" >Wareneingang</UButton>
-    <UButton @click="mode = 'outgoing'" class="ml-1">Warenausgang</UButton>
-    <UButton @click="mode = 'change'" class="ml-1" disabled>Umlagern</UButton>
+    <div class="my-3">
+      <UButton @click="mode = 'incoming'" class="ml-3" >Wareneingang</UButton>
+      <UButton @click="mode = 'outgoing'" class="ml-1">Warenausgang</UButton>
+      <UButton @click="mode = 'change'" class="ml-1" disabled>Umlagern</UButton>
+    </div>
+

    <UFormGroup
        label="Artikel:"
-        class="mt-3"
+        class="mt-3 w-80"
    >
      <UInput
          variant="outline"
@@ -92,7 +88,7 @@ function checkSpaceId(spaceId) {

    <UFormGroup
        label="Lagerplatz:"
-        class="mt-3"
+        class="mt-3 w-80"
    ><!--.map(space => {return  {id: space.id, name: space.spaceNumber}}-->
      <USelectMenu
        :options="spaces"
@@ -106,7 +102,7 @@ function checkSpaceId(spaceId) {

    <UFormGroup
        label="Anzahl:"
-        class="mt-3"
+        class="mt-3 w-80"
    >
      <UInput
          variant="outline"
@@ -132,8 +128,9 @@ function checkSpaceId(spaceId) {

 <style scoped>
 #main {
-  /*display: flex;
-  flex-direction: row;*/
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 #left {
  width: 25vw;
--- a/spaces/pages/inventory/spaces.vue
+++ b/spaces/pages/inventory/spaces.vue
@@ -1,5 +1,4 @@
 <script setup>
-import {move} from "@antfu/utils";

 definePageMeta({
  middleware: "auth"
@@ -7,23 +6,19 @@ definePageMeta({

 const supabase = useSupabaseClient()

-const spaces = (await supabase.from("spaces").select()).data
-const movements = (await supabase.from("movements").select()).data
-const products = (await supabase.from("products").select()).data
-const units = (await supabase.from("units").select()).data
-
-
-
+const {spaces,movements,products,units} = storeToRefs(useDataStore())
+const {movementsBySpace, getProductById} = useDataStore()

+console.log(movements)
 let selectedItem = ref({})
 const showCreateSpace = ref(false)

 const selectItem = (item) => {
  selectedItem.value = item
-  spaceMovements.value = movements.filter(movement => movement.spaceId === selectedItem.value.id)
+  spaceMovements.value = movementsBySpace(item.id)//movements.filter(movement => movement.spaceId === selectedItem.value.id)
  spaceProducts.value = []
  spaceMovements.value.forEach(movement => {
-    if(spaceProducts.value.filter(product => product.id === movement.productId).length === 0) spaceProducts.value.push(products.find(product => product.id === movement.productId))
+    if(spaceProducts.value.filter(product => product.id === movement.productId).length === 0) spaceProducts.value.push(getProductById(movement.productId))
  })


@@ -31,7 +26,7 @@ const selectItem = (item) => {

 }

-const spaceTypes = ["Regalplatz", "Kiste", "Palettenplatz"]
+const spaceTypes = ["Regalplatz", "Kiste", "Palettenplatz","KFZ"]

 const createSpaceData = ref({})
 const createSpace = async () => {
@@ -112,11 +107,23 @@ function getSpaceProductCount(productId) {
          </template>
          {{selectedItem.description}}

-
        </UCard>
        <div v-if="spaceProducts.length > 0">
          <p class="mt-5">Artikel in diesem Lagerplatz</p>
-          <p  v-for="product in spaceProducts">{{product.name}} - {{getSpaceProductCount(product.id)}} {{units.find(unit => unit.id === product.unit).name}}</p>
+
+          <table>
+            <tr>
+              <th>Artikel</th>
+              <th>Anzahl</th>
+              <th>Einheit</th>
+            </tr>
+            <tr v-for="product in spaceProducts">
+              <td>{{product.name}}</td>
+              <td>{{getSpaceProductCount(product.id)}}</td>
+              <td>{{units.find(unit => unit.id === product.unit).name}}</td>
+            </tr>
+
+          </table>
        </div>
        </div>
     </div>
@@ -138,4 +145,9 @@ function getSpaceProductCount(productId) {
  width: 60vw;
  padding-left: 3vw;
 }
+
+td, th {
+  padding: 1em;
+  border: 1px solid black;
+}
 </style>
--- a/spaces/pages/login.vue
+++ b/spaces/pages/login.vue
@@ -13,7 +13,8 @@ const onSubmit = async () => {
    password: password.value
  })
  if(error) {
-    console.log(error)
+    console.log(error.toString())
+    alert(error.toString())
  } else {
    console.log("Login Successful")
    router.push("/")
--- a/spaces/pages/products.vue
+++ b/spaces/pages/products.vue
@@ -127,13 +127,11 @@ definePageMeta({

 const supabase = useSupabaseClient()

-const products = (await supabase.from("products").select()).data
-const units = (await supabase.from("units").select()).data
+const {products,units} = storeToRefs(useDataStore())

 const showCreateProduct = ref(false)
 const createProductData = ref({})

-
 let selectedItem = ref({})

 const history = ref([
--- a/spaces/pages/projects/[id].vue
+++ b/spaces/pages/projects/[id].vue
@@ -3,9 +3,48 @@ definePageMeta({
  middleware: "auth"
 })

-//const {find, findOne,create, update} = useStrapi4()
+const supabase = useSupabaseClient()
 const route = useRoute()
-//let project = (await findOne('projects',route.params.id)).data
+
+const {getProjectById, getFormSubmitsWithLabelProp} = useDataStore()
+const {forms, formSubmits} = storeToRefs(useDataStore())
+
+const currentProject = getProjectById(Number(route.params.id))
+
+
+const formSubmissionsComposed = getFormSubmitsWithLabelProp
+const formModalOpen = ref(false)
+const newFormSubmissionData = ref({
+  formType: "",
+  values: {},
+  submitted: false
+})
+
+const addNewFormSubmission = async () => {
+  //Add Form Submission
+  const {data:insertData,error:insertError} = await supabase
+      .from("formSubmits")
+      .insert([newFormSubmissionData.value])
+      .select()
+
+  console.log(insertData)
+  console.log(insertError)
+
+  let projectForms = [...currentProject.forms, insertData[0].id ]
+  console.log(projectForms)
+
+  //Add Form ID to project.forms
+  const {data:updateData,error:updateError} = await supabase
+      .from("projects")
+      .update({forms: projectForms})
+      .eq('id',currentProject.id)
+      .select()
+
+  console.log(updateData)
+  console.log(updateError)
+
+}
+
 const tabItems = [
  {
    key: "phases",
@@ -25,6 +64,8 @@ const selectedPhase = ref({})
 const changesSaved = ref(true)


+
+
 const default_data = {
  time: 1660335428612,
  blocks: [
@@ -43,87 +84,25 @@ const default_data = {
        text: "This is a nuxt3 plugin for editorjs.",
      },
    },
-    {
-      id: "R3o5BpI-r9",
-      type: "paragraph",
-      data: {
-        text: "<b>A paragraph of text:</b>&nbsp;Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore perspiciatis molestias neque autem cumque provident? Laudantium ad, quisquam quos nulla amet, perferendis recusandae voluptates eligendi cupiditate consectetur veniam! Ipsum, ullam?",
-      },
-    },
-    {
-      id: "b9mkw6ZO92",
-      type: "header",
-      data: {
-        text: "Heading 1",
-        level: 1,
-      },
-    },
-    {
-      id: "P2PZsHo2lq",
-      type: "header",
-      data: {
-        text: "Heading 2",
-        level: 2,
-      },
-    },
-    {
-      id: "hHJZjkW-TO",
-      type: "header",
-      data: {
-        text: "Heading 3",
-        level: 3,
-      },
-    },
-    {
-      id: "k8EDwa0oVG",
-      type: "header",
-      data: {
-        text: "Heading 4",
-        level: 4,
-      },
-    },
-    {
-      id: "62ciFnEFjZ",
-      type: "header",
-      data: {
-        text: "Heading 5",
-        level: 5,
-      },
-    },
-    {
-      id: "YCBcKhNqib",
-      type: "header",
-      data: {
-        text: "Heading 6",
-        level: 6,
-      },
-    },
-    {
-      id: "s_J3d5U8DA",
-      type: "list",
-      data: {
-        style: "ordered",
-        items: [
-          "An ordered list item",
-          "Another ordered list item",
-          "One more",
-        ],
-      },
-    },
-    {
-      id: "kMyQbO156y",
-      type: "list",
-      data: {
-        style: "unordered",
-        items: ["An unordered list item!", "In italics?", "Or bold?"],
-      },
-    },
+
  ],
  version: "2.25.0",
 };
-const dat = ref(default_data);
-const save = () => {
-  console.log(foo);
+const newProjectDescription = ref(currentProject.description || default_data.value);
+
+const saveProjectDescription = async () => {
+  //Update Project Description
+  const {data:updateData,error:updateError} = await supabase
+      .from("projects")
+      .update({description: newProjectDescription.value})
+      .eq('id',currentProject.id)
+      .select()
+
+  console.log(updateData)
+  console.log(updateError)
+
+
+
 };


@@ -182,12 +161,68 @@ const phaseInfo = ref({
          </div>

        </div>
-        <div v-else-if="item.key === 'password'" class="space-y-3">
+        <div v-else-if="item.key === 'forms'" class="space-y-3">
+          <UButton
+            @click="formModalOpen = true"
+          >
+            + Formular
+          </UButton>
+          <UModal
+            v-model="formModalOpen"
+          >
+            <UCard>
+              <template #header>
+                Formular hinzufügen
+              </template>
+              <UFormGroup>
+                <USelectMenu
+                  :options="forms"
+                  option-attribute="name"
+                  value-attribute="id"
+                  v-model="newFormSubmissionData.formType"
+                />
+              </UFormGroup>
+              <template #footer>
+                <UButton
+                  @click="addNewFormSubmission"
+                >
+                  Hinzufügen
+                </UButton>
+              </template>
+            </UCard>
+          </UModal>

+
+          <UAccordion :items="formSubmissionsComposed">
+            <template #item="{item}">
+
+              <p class="my-3">Formular Link: <a :href="'https://app.spaces.software/formSubmissions/' + item.id">{{'https://app.spaces.software/formSubmissions/' + item.id}}</a></p>
+
+
+              <div v-if="Object.keys(item.values).length == 0">
+                <p>Es wurden noch keine Daten über das Formular abgegeben</p>
+              </div>
+
+              <table v-else>
+                <tr v-for="key in Object.keys(item.values)">
+                  <td>{{key}}</td>
+                  <td>{{ item.values[key] }}</td>
+                </tr>
+              </table>
+
+            </template>
+          </UAccordion>
        </div>
        <div v-else-if="item.key === 'description'" class="space-y-3">
-            <client-only><editor-js v-model="dat" /></client-only>
+          <UButton
+              :disabled="false/*newProjectDescription.time === currentProject.description.time*/"
+              @click="saveProjectDescription"
+          >
+            Speichern
+          </UButton>
+          <client-only><editor-js v-model="newProjectDescription" /></client-only>
        </div>
+        {{item}}
      </template>
    </UTabs>
 <!--    <div id="left">
--- a/spaces/pages/projects/index.vue
+++ b/spaces/pages/projects/index.vue
@@ -1,7 +1,7 @@
 <template>
  <div id="main">
    <div id="left">
-
+<!-- TODO: Projekt Auflistung überarbeiten, Rechte Seite wird nicht genutzt      -->
      <UButton @click="showCreateProject = true">+ Projekt</UButton>
      <UModal v-model="showCreateProject">
        <UCard>
@@ -89,8 +89,11 @@ definePageMeta({

 const supabase = useSupabaseClient()

-const projects = (await supabase.from("projects").select()).data
-const customers = (await supabase.from("customers").select()).data
+const {projects,customers} = storeToRefs(useDataStore())
+const {fetchProjects} = useDataStore()
+
+//const projects = (await supabase.from("projects").select()).data
+//const customers = (await supabase.from("customers").select()).data

 const showCreateProject = ref(false)
 const createProjectData = ref({
@@ -114,6 +117,8 @@ const createProject = async () => {

  showCreateProject.value = false
  createProjectData.value = {phases: []}
+  fetchProjects()
+

 }

--- a/spaces/pages/tasks.vue
+++ b/spaces/pages/tasks.vue
@@ -1,5 +1,6 @@
 <template>
  <div>
+<!-- TODO: Benutzer Aufgaben zuweisen und nach diesen Filtern    -->
    <UModal
        v-model="showCreateTask"
    >
@@ -112,7 +113,7 @@
    <div id="taskCatList">
      <div id="catNew">
        <h3>Neue Aufgaben</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
          <a
              v-for="taskNew in tasks.filter(task => task.categorie == 'Neu')"
              @click="inspectTask(taskNew)"
@@ -134,7 +135,7 @@
      </div>
      <div id="catInProgress">
        <h3>Aufgaben in Bearbeitung</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
          <a
              v-for="taskNew in tasks.filter(task => task.categorie == 'In Bearbeitung')"
              @click="inspectTask(taskNew)"
@@ -154,7 +155,7 @@
      </div>
      <div id="catUrgent">
        <h3>Dringende Aufgaben</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
          <a
              v-for="taskNew in tasks.filter(task => task.categorie == 'Dringend')"
              @click="inspectTask(taskNew)"
@@ -184,15 +185,12 @@ definePageMeta({


 const supabase = useSupabaseClient()
-
-const tasks = (await supabase.from("tasks").select()).data
-
+const {tasks} = storeToRefs(useDataStore())
+const {fetchTasks} = useDataStore()

 let refTasks = ref([])


-//const users = (await find('users',{populate: "*"}))
-//const users = (await supabase.from("users").select()).data
 let usersForList = []
 //users.forEach(user => usersForList.push(user.username))
 const usersSelected = ref([])
@@ -223,6 +221,7 @@ const createTask = async () => {

  showCreateTask.value = false
  createTaskData.value = {}
+  fetchTasks()
 }

 const updateTask = async () => {
@@ -260,7 +259,7 @@ const finishTask = async () => {
  showTaskModal.value = false
 }

-filterTasks()
+//filterTasks()

 </script>

--- a/spaces/pages/vendorinvoices/[id].vue
+++ b/spaces/pages/vendorinvoices/[id].vue
@@ -0,0 +1,121 @@
+<template>
+  <div id="main">
+    <div
+      class="previewDoc"
+    >
+      <embed
+        :src="fileurl"
+
+      >
+        {{documents}}
+    </div>
+    <div
+      class="inputData"
+    >
+      <UFormGroup label="Lieferant:" required>
+        <UInput />
+      </UFormGroup>
+
+      <UFormGroup label="Rechnungsreferenz:" required>
+        <UInput />
+      </UFormGroup>
+
+      <UFormGroup label="Rechnungsdatum:" required>
+        <UInput />
+      </UFormGroup>
+
+      <UButton @click="vendorInvoiceData.lineItems.push({})">+ Reihe</UButton>
+
+
+      <div v-for="lineItem in vendorInvoiceData.lineItems" class="lineItemRow">
+        <UFormGroup label="Text:" required>
+          <UInput v-model="lineItem.text"/>
+        </UFormGroup>
+        <UFormGroup label="Produkt:" required>
+          <UInput v-model="lineItem.productId"/>
+        </UFormGroup>
+        <UFormGroup label="Projekt:" required>
+          <UInput v-model="lineItem.projectId"/>
+        </UFormGroup>
+        <UFormGroup label="Anzahl:" required>
+          <UInput v-model="lineItem.quantity"/>
+        </UFormGroup>
+        <UFormGroup label="Einheit:" required>
+          <UInput v-model="lineItem.unit"/>
+        </UFormGroup>
+        <UFormGroup label="Einzelpreis:" required>
+          <UInput v-model="lineItem.unitPriceNet"/>
+        </UFormGroup>
+        <UFormGroup label="USt:" required>
+          <UInput v-model="lineItem.vat"/>
+        </UFormGroup>
+        <UFormGroup label="Rabatt:" required>
+          <UInput v-model="lineItem.discount"/>
+        </UFormGroup>
+        <UFormGroup label="Buchungskonto:" required>
+          <UInput v-model="lineItem.skrAccountId"/>
+        </UFormGroup>
+        <UFormGroup label="Positionspreis:" required>
+          <UInput disabled/>
+        </UFormGroup>
+      </div>
+      {{vendorInvoiceData}}
+    </div>
+  </div>
+</template>
+
+<script setup>
+const supabase = useSupabaseClient()
+const route = useRoute()
+
+const currentVendorInvoice = (await supabase.from('vendorInvoices').select().eq('id', route.params.id)).data
+const document = (await supabase.from('documents').select().eq("id",18)).data[0]
+
+console.log(currentVendorInvoice)
+console.log(document)
+
+let fileurl = (await supabase.storage.from('documents').createSignedUrl(document.path,60*60)).data.signedUrl
+
+
+let vendorInvoiceData = ref({
+  reference: "",
+  date: "",
+  vendorId: 0,
+  lineItems: []
+})
+
+
+
+
+
+
+</script>
+
+<style scoped>
+#main {
+  display: flex;
+  flex-direction: row;
+}
+
+.previewDoc {
+  width: 50vw;
+  min-height: 80vh;
+}
+
+.previewDoc embed {
+  width: 90%;
+  height: 100%;
+}
+
+.inputData {
+
+}
+
+
+
+
+.lineItemRow {
+  display: flex;
+  flex-direction: row;
+}
+</style>
--- a/spaces/pages/vendorinvoices/edit.vue
+++ b/spaces/pages/vendorinvoices/edit.vue
@@ -1,72 +0,0 @@
-<template>
-  <div id="main">
-    <UFormGroup label="Lieferant:" required>
-        <UInput />
-    </UFormGroup>
-
-    <UFormGroup label="Rechnungsreferenz:" required>
-        <UInput />
-    </UFormGroup>
-
-    <UFormGroup label="Rechnungsdatum:" required>
-        <UInput />
-    </UFormGroup>
-
-    <UButton @click="vendorInvoiceData.lineItems.push({})">+ Reihe</UButton>
-
-
-    <div v-for="lineItem in vendorInvoiceData.lineItems" class="lineItemRow">
-      <UFormGroup label="Text:" required>
-        <UInput v-model="lineItem.text"/>
-      </UFormGroup>
-      <UFormGroup label="Produkt:" required>
-        <UInput v-model="lineItem.productId"/>
-      </UFormGroup>
-      <UFormGroup label="Projekt:" required>
-        <UInput v-model="lineItem.projectId"/>
-      </UFormGroup>
-      <UFormGroup label="Anzahl:" required>
-        <UInput v-model="lineItem.quantity"/>
-      </UFormGroup>
-      <UFormGroup label="Einheit:" required>
-        <UInput v-model="lineItem.unit"/>
-      </UFormGroup>
-      <UFormGroup label="Einzelpreis:" required>
-        <UInput v-model="lineItem.unitPriceNet"/>
-      </UFormGroup>
-      <UFormGroup label="USt:" required>
-        <UInput v-model="lineItem.vat"/>
-      </UFormGroup>
-      <UFormGroup label="Rabatt:" required>
-        <UInput v-model="lineItem.discount"/>
-      </UFormGroup>
-      <UFormGroup label="Buchungskonto:" required>
-        <UInput v-model="lineItem.skrAccountId"/>
-      </UFormGroup>
-      <UFormGroup label="Positionspreis:" required>
-        <UInput disabled/>
-      </UFormGroup>
-    </div>
-    {{vendorInvoiceData}}
-  </div>
-</template>
-
-<script setup>
-
-let vendorInvoiceData = ref({
-  reference: "",
-  date: "",
-  vendorId: 0,
-  lineItems: []
-})
-
-
-
-</script>
-
-<style scoped>
-.lineItemRow {
-  display: flex;
-  flex-direction: row;
-}
-</style>
--- a/spaces/pages/vendorinvoices/index.vue
+++ b/spaces/pages/vendorinvoices/index.vue
@@ -32,7 +32,7 @@

 <script setup>

-import {useDataStore} from "../../store/data";
+import {useDataStore} from "~/stores/data.ts";
 import {storeToRefs} from "pinia"