flfeders/FEDEO
2
1
Fork 0
Code Issues 62 Pull Requests Actions Packages Projects 21 Releases Wiki Activity

Changed STore Type and corrected all Pages

Browse Source 
Added HistoryDisplay.vue
Added NumberRanges
This commit is contained in:
Florian Federspiel
2023-12-27 21:52:55 +01:00
parent 9e092823e4
commit c41b99f29d
33 changed files with 1094 additions and 812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
spaces/pages/contacts/[mode]/[[id]].vue
View File

@@ -11,9 +11,7 @@ const toast = useToast()
const id = ref(route.params.id ? route.params.id : null )
//Store
const {customers, vendors, contacts } = storeToRefs(useDataStore())
const {fetchContacts, getContactById} = useDataStore()
const dataStore = useDataStore()
let currentContact = null
@@ -27,7 +25,7 @@ const itemInfo = ref({
//Functions
const setupPage = () => {
if(mode.value === "show" || mode.value === "edit"){
currentContact = getContactById(Number(useRoute().params.id))
currentContact = dataStore.getContactById(Number(useRoute().params.id))
}
if(mode.value === "edit") itemInfo.value = currentContact
@@ -53,7 +51,7 @@ const createItem = async () => {
id: 0,
}
toast.add({title: "Kontakt erfolgreich erstellt"})
await fetchContacts()
await dataStore.fetchContacts()
router.push(`/contacts/show/${data[0].id}`)
setupPage()
}
@@ -84,7 +82,7 @@ const updateCustomer = async () => {
name: "",
}
toast.add({title: "Kontakt erfolgreich gespeichert"})
fetchContacts()
dataStore.fetchContacts()
}
@@ -125,8 +123,8 @@ setupPage()
</UButton>
</InputGroup>
<span v-if="currentContact.customer">Kunde: {{customers.find(customer => customer.id === currentContact.customer) ? customers.find(customer => customer.id === currentContact.customer).name : "" }}</span><br>
<span v-if="currentContact.vendor">Lieferant: {{vendors.find(vendor => vendor.id === currentContact.vendor) ? vendors.find(vendor => vendor.id === currentContact.vendor).name : ""}}</span><br>
<span v-if="currentContact.customer">Kunde: {{dataStore.customers.find(customer => customer.id === currentContact.customer) ? dataStore.customers.find(customer => customer.id === currentContact.customer).name : "" }}</span><br>
<span v-if="currentContact.vendor">Lieferant: {{dataStore.vendors.find(vendor => vendor.id === currentContact.vendor) ? dataStore.vendors.find(vendor => vendor.id === currentContact.vendor).name : ""}}</span><br>
<span>E-Mail: {{currentContact.email}}</span><br>
<span>Mobil: {{currentContact.phoneMobile}}</span><br>
@@ -201,7 +199,7 @@ setupPage()
:search-attributes="['name']"
>
<template #label>
{{customers.find(customer => customer.id === itemInfo.customer) ? customers.find(customer => customer.id === itemInfo.customer).name : "Kunde auswählen"}}
{{dataStore.customers.find(customer => customer.id === itemInfo.customer) ? dataStore.customers.find(customer => customer.id === itemInfo.customer).name : "Kunde auswählen"}}
</template>
</USelectMenu>
</UFormGroup>
@@ -217,7 +215,7 @@ setupPage()
:search-attributes="['name']"
>
<template #label>
{{vendors.find(vendor => vendor.id === itemInfo.vendor) ? vendors.find(vendor => vendor.id === itemInfo.vendor).name : "Lieferant auswählen"}}
{{dataStore.vendors.find(vendor => vendor.id === itemInfo.vendor) ? dataStore.vendors.find(vendor => vendor.id === itemInfo.vendor).name : "Lieferant auswählen"}}
</template>
</USelectMenu>
</UFormGroup>