Start for Dev Branch
This commit is contained in:
@@ -23,6 +23,9 @@ let {documentData, openShowModal:openShowModalProp, returnEmit } = props;
|
||||
const tags = dataStore.getDocumentTags
|
||||
const openShowModal = ref(false)
|
||||
|
||||
|
||||
|
||||
|
||||
//Functions
|
||||
const openDocument = async () => {
|
||||
//selectedDocument.value = doc
|
||||
@@ -137,7 +140,7 @@ const updateDocumentAssignment = async () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
|
||||
<div :id="`docDisplay-${documentData.id}`" class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
|
||||
<iframe
|
||||
:src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
|
||||
class="previewEmbed"
|
||||
@@ -150,8 +153,8 @@ const updateDocumentAssignment = async () => {
|
||||
:src="documentData.url"
|
||||
/>
|
||||
<!-- TODO: Remove Scrollbar -->
|
||||
<UTooltip class="w-full" :text="documentData.path.split('_')[documentData.path.split('_').length -1]">
|
||||
<p class="truncate my-3">{{documentData.path.split("_")[documentData.path.split("_").length -1]}}</p>
|
||||
<UTooltip class="w-full" :text="documentData.path.split('/')[documentData.path.split('/').length -1]">
|
||||
<p class="truncate my-3">{{documentData.path.split("/")[documentData.path.split("/").length -1]}}</p>
|
||||
</UTooltip>
|
||||
|
||||
<InputGroup class="mt-3 flex-wrap">
|
||||
@@ -226,6 +229,14 @@ const updateDocumentAssignment = async () => {
|
||||
>
|
||||
Archivieren
|
||||
</UButton>
|
||||
<UButton
|
||||
:to="documentData.url"
|
||||
variant="outline"
|
||||
icon="i-heroicons-arrow-top-right-on-square"
|
||||
target="_blank"
|
||||
>
|
||||
Öffnen
|
||||
</UButton>
|
||||
<!-- <UButton
|
||||
v-if="documentData.tags.includes('Eingangsrechnung')"
|
||||
@click="createVendorInvoice"
|
||||
@@ -233,11 +244,11 @@ const updateDocumentAssignment = async () => {
|
||||
Eingangsrechnung erstellen
|
||||
</UButton>-->
|
||||
</UButtonGroup>
|
||||
<br>
|
||||
<!-- <br>
|
||||
<a
|
||||
:href="documentData.url"
|
||||
target="_blank"
|
||||
>In neuen Tab anzeigen</a>
|
||||
>In neuen Tab anzeigen</a>-->
|
||||
|
||||
<UFormGroup
|
||||
label="Tags ändern:"
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<script setup lang="ts">
|
||||
<script setup >
|
||||
import { format, isToday } from 'date-fns'
|
||||
|
||||
const props = defineProps({
|
||||
@@ -12,15 +12,15 @@ const props = defineProps({
|
||||
}
|
||||
})
|
||||
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const emit = defineEmits(['update:modelValue','emailSelected'])
|
||||
|
||||
const mailsRefs = ref<Element[]>([])
|
||||
const mailsRefs = ref([])
|
||||
|
||||
const selectedMail = computed({
|
||||
get() {
|
||||
return props.modelValue
|
||||
},
|
||||
set(value: Mail | null) {
|
||||
set(value) {
|
||||
emit('update:modelValue', value)
|
||||
}
|
||||
})
|
||||
@@ -30,12 +30,17 @@ watch(selectedMail, () => {
|
||||
return
|
||||
}
|
||||
|
||||
const ref = mailsRefs.value[selectedMail.value.id]
|
||||
if (ref) {
|
||||
ref.scrollIntoView({ block: 'nearest' })
|
||||
const ref1 = mailsRefs.value[selectedMail.value.id]
|
||||
if (ref1) {
|
||||
ref1.scrollIntoView({ block: 'nearest' })
|
||||
}
|
||||
})
|
||||
|
||||
const changeMail = (mail) => {
|
||||
selectedMail.value = mail
|
||||
emit("emailSelected")
|
||||
}
|
||||
|
||||
defineShortcuts({
|
||||
arrowdown: () => {
|
||||
const index = props.mails.findIndex((mail) => mail.id === selectedMail.value?.id)
|
||||
@@ -59,15 +64,15 @@ defineShortcuts({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UDashboardPanelContent class="p-0">
|
||||
<div v-for="(mail, index) in mails" :key="index" :ref="el => { mailsRefs[mail.id] = el as Element }">
|
||||
<div class="p-0 scrollCont overflow-scroll">
|
||||
<div v-for="(mail, index) in mails" :key="index" :ref="el => { mailsRefs[mail.id] = el }">
|
||||
<div
|
||||
class="p-4 text-sm cursor-pointer border-l-2"
|
||||
:class="[
|
||||
mail.unread ? 'text-gray-900 dark:text-white' : 'text-gray-600 dark:text-gray-300',
|
||||
!mail.seen ? 'text-gray-900 dark:text-white' : 'text-gray-600 dark:text-gray-300',
|
||||
selectedMail && selectedMail.id === mail.id ? 'border-primary-500 dark:border-primary-400 bg-primary-100 dark:bg-primary-900/25' : 'border-white dark:border-gray-900 hover:border-primary-500/25 dark:hover:border-primary-400/25 hover:bg-primary-100/50 dark:hover:bg-primary-900/10'
|
||||
]"
|
||||
@click="selectedMail = mail"
|
||||
@click="changeMail(mail)"
|
||||
>
|
||||
<div class="flex items-center justify-between" :class="[mail.unread && 'font-semibold']">
|
||||
<div class="flex items-center gap-3">
|
||||
@@ -82,11 +87,17 @@ defineShortcuts({
|
||||
{{ mail.subject }}
|
||||
</p>
|
||||
<p class="text-gray-400 dark:text-gray-500 line-clamp-1">
|
||||
{{ mail.body }}
|
||||
{{ mail.text }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<UDivider />
|
||||
</div>
|
||||
</UDashboardPanelContent>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.scrollCont {
|
||||
height: 90vh;
|
||||
}
|
||||
</style>
|
||||
@@ -17,11 +17,11 @@ defineProps({
|
||||
<UDashboardPanelContent>
|
||||
<div class="flex justify-between">
|
||||
<div class="flex items-center gap-4">
|
||||
<UAvatar v-bind="mail.from.avatar" :alt="mail.from.name" size="lg" />
|
||||
<UAvatar v-bind="mail.from.avatar" :alt="mail.from.name||mail.from.address" size="lg" />
|
||||
|
||||
<div class="min-w-0">
|
||||
<p class="text-gray-900 dark:text-white font-semibold">
|
||||
{{ mail.from.name }}
|
||||
{{ mail.from.name ||mail.from.address}}
|
||||
</p>
|
||||
<p class="text-gray-500 dark:text-gray-400 font-medium">
|
||||
{{ mail.subject }}
|
||||
@@ -36,18 +36,33 @@ defineProps({
|
||||
|
||||
<UDivider class="my-5" />
|
||||
|
||||
<div class="flex-1">
|
||||
<p class="text-lg">
|
||||
{{ mail.body }}
|
||||
</p>
|
||||
<InputGroup class="mb-3">
|
||||
<UButton
|
||||
v-for="attachment in mail.attachments"
|
||||
icon="i-heroicons-arrow-down-tray"
|
||||
disabled
|
||||
>
|
||||
{{attachment.filename}}
|
||||
</UButton>
|
||||
</InputGroup>
|
||||
|
||||
<div class="contentscroll overflow-scroll">
|
||||
<iframe class="flex-1 h-full w-full" :srcdoc="mail.html" v-if="mail.html"/>
|
||||
|
||||
<!-- <div class="flex-1" v-html="mail.html" v-if="mail.html">
|
||||
|
||||
</div>-->
|
||||
<div class="flex-1" v-else>
|
||||
<p>{{mail.text}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<UDivider class="my-5" />
|
||||
|
||||
<form @submit.prevent>
|
||||
<UTextarea color="gray" required size="xl" :rows="5" :placeholder="`Reply to ${mail.from.name}`">
|
||||
<UButton type="submit" color="black" label="Send" icon="i-heroicons-paper-airplane" class="absolute bottom-2.5 right-3.5" />
|
||||
</UTextarea>
|
||||
</form>
|
||||
</UDashboardPanelContent>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.contentscroll{
|
||||
height: 80vh;
|
||||
}
|
||||
</style>
|
||||
@@ -1,7 +1,13 @@
|
||||
<script setup>
|
||||
import {useRole} from "~/composables/useRole.js";
|
||||
|
||||
const dataStore = useDataStore()
|
||||
const route = useRoute()
|
||||
|
||||
const role = useRole()
|
||||
console.log(role)
|
||||
console.log(role.checkRight("projects"))
|
||||
|
||||
const links = computed(() => {
|
||||
return [
|
||||
{
|
||||
@@ -36,7 +42,7 @@ const links = computed(() => {
|
||||
icon: "i-heroicons-calendar-days"
|
||||
}] : [],
|
||||
{
|
||||
label: "Dokumente",
|
||||
label: "Dateien",
|
||||
to: "/documents",
|
||||
icon: "i-heroicons-document"
|
||||
},
|
||||
@@ -202,37 +208,22 @@ const links = computed(() => {
|
||||
},
|
||||
]
|
||||
},
|
||||
/*... dataStore.ownTenant.features.projects ? [{
|
||||
label: "Projekte",
|
||||
defaultOpen: false,
|
||||
icon: "i-heroicons-clipboard-document-check",
|
||||
children: [
|
||||
...dataStore.ownTenant.projecttypes.map(i => {
|
||||
return {
|
||||
label: i.label,
|
||||
to: `/projects?type=${i.label}`,
|
||||
icon: i.icon
|
||||
}
|
||||
})
|
||||
|
||||
]
|
||||
},] : [],*/
|
||||
{
|
||||
... role.checkRight("checks") ? [{
|
||||
label: "Überprüfungen",
|
||||
to: "/checks",
|
||||
icon: "i-heroicons-magnifying-glass"
|
||||
},
|
||||
... dataStore.ownTenant.features.projects ? [{
|
||||
},] : [],
|
||||
... (role.checkRight("projects") && dataStore.ownTenant.features.projects) ? [{
|
||||
label: "Projekte",
|
||||
to: "/projects",
|
||||
icon: "i-heroicons-clipboard-document-check"
|
||||
},] : [],
|
||||
... dataStore.ownTenant.features.contracts ? [{
|
||||
... (role.checkRight("contracts") && dataStore.ownTenant.features.contracts) ? [{
|
||||
label: "Verträge",
|
||||
to: "/contracts",
|
||||
icon: "i-heroicons-clipboard-document"
|
||||
}] : [],
|
||||
... dataStore.ownTenant.features.objects ? [{
|
||||
... (role.checkRight("objects") && dataStore.ownTenant.features.objects) ? [{
|
||||
label: "Objekte",
|
||||
to: "/plants",
|
||||
icon: "i-heroicons-clipboard-document"
|
||||
|
||||
@@ -622,7 +622,7 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
|
||||
maxWidth: 240
|
||||
})
|
||||
|
||||
console.log(row.text.match(/.{1,35}/g))
|
||||
console.log(row)
|
||||
|
||||
if(invoiceData.type !== "deliveryNotes") {
|
||||
pages[pageCounter - 1].drawText(row.text.match(/.{1,35}/g).join("\n"), {
|
||||
@@ -933,6 +933,8 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
|
||||
//console.log(rowHeight)
|
||||
//rowHeight += 25
|
||||
|
||||
let endTextDiff = 45
|
||||
|
||||
if(invoiceData.type !== "deliveryNotes"){
|
||||
pages[pageCounter - 1].drawRectangle({
|
||||
...getCoordinatesForPDFLib(20,rowHeight, page1),
|
||||
@@ -1012,11 +1014,86 @@ export const useCreatePdf = async (invoiceData,backgroundSourceBuffer) => {
|
||||
maxWidth: 240,
|
||||
font:fontBold
|
||||
})
|
||||
|
||||
if(invoiceData.total.totalGrossAlreadyPaid !== "0,00 €") {
|
||||
pages[pageCounter - 1].drawText("Bereits bezahlt:", {
|
||||
...getCoordinatesForPDFLib(21,rowHeight+21, page1),
|
||||
size:11,
|
||||
color:rgb(0,0,0),
|
||||
lineHeight:11,
|
||||
opacity: 1,
|
||||
maxWidth: 240,
|
||||
font: fontBold
|
||||
})
|
||||
|
||||
pages[pageCounter - 1].drawText(invoiceData.total.totalGrossAlreadyPaid, {
|
||||
y: getCoordinatesForPDFLib(21,rowHeight+21,page1).y,
|
||||
x: getCoordinatesForPDFLib(21,rowHeight+21,page1).x + 500 - fontBold.widthOfTextAtSize(invoiceData.total.totalGrossAlreadyPaid,11),
|
||||
size:11,
|
||||
color:rgb(0,0,0),
|
||||
lineHeight:11,
|
||||
opacity: 1,
|
||||
maxWidth: 240,
|
||||
font:fontBold
|
||||
})
|
||||
|
||||
pages[pageCounter - 1].drawRectangle({
|
||||
...getCoordinatesForPDFLib(20,rowHeight +32, page1),
|
||||
width: 180 * 2.83,
|
||||
height: 8 * 2.83,
|
||||
color: rgb(0,0,0),
|
||||
opacity: 0.25
|
||||
})
|
||||
|
||||
pages[pageCounter - 1].drawText("Offene Summe:", {
|
||||
...getCoordinatesForPDFLib(21,rowHeight+29, page1),
|
||||
size:11,
|
||||
color:rgb(0,0,0),
|
||||
lineHeight:11,
|
||||
opacity: 1,
|
||||
maxWidth: 240,
|
||||
font: fontBold
|
||||
})
|
||||
|
||||
pages[pageCounter - 1].drawText(invoiceData.total.totalSumToPay, {
|
||||
y: getCoordinatesForPDFLib(21,rowHeight+29,page1).y,
|
||||
x: getCoordinatesForPDFLib(21,rowHeight+29,page1).x + 500 - fontBold.widthOfTextAtSize(invoiceData.total.totalSumToPay,11),
|
||||
size:11,
|
||||
color:rgb(0,0,0),
|
||||
lineHeight:11,
|
||||
opacity: 1,
|
||||
maxWidth: 240,
|
||||
font:fontBold
|
||||
})
|
||||
|
||||
invoiceData.usedAdvanceInvoices.forEach((advanceInvoice,index) => {
|
||||
//For Each Advance Invoice
|
||||
|
||||
pages[pageCounter - 1].drawText(String(advanceInvoice.documentNumber), {
|
||||
...getCoordinatesForPDFLib(21,rowHeight+36+5*index, page1),
|
||||
size:11,
|
||||
color:rgb(0,0,0),
|
||||
lineHeight:11,
|
||||
opacity: 1,
|
||||
maxWidth: 240
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
endTextDiff = 22
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
pages[pageCounter - 1].drawText(invoiceData.endText,{
|
||||
...getCoordinatesForPDFLib(20,rowHeight+22, page1),
|
||||
...getCoordinatesForPDFLib(20,rowHeight+endTextDiff, page1),
|
||||
size: 10,
|
||||
color: rgb(0,0,0),
|
||||
lineHeight: 10,
|
||||
|
||||
114
composables/useRole.js
Normal file
114
composables/useRole.js
Normal file
@@ -0,0 +1,114 @@
|
||||
|
||||
|
||||
/*const rights2 = ref({
|
||||
projects: {
|
||||
label: "Projekte",
|
||||
children: {
|
||||
viewOwnProjects: {label: "Eigene Projekte sehen"},
|
||||
viewAllProjects: {label: "Alle Projekte sehen"},
|
||||
}
|
||||
},
|
||||
createUser: {label: "Benutzer erstellen"},
|
||||
modifyUser: {label: "Benutzer bearbeiten"},
|
||||
deactivateUser: {label: "Benutzer sperren"},
|
||||
createProject: {label: "Projekt erstellen"},
|
||||
|
||||
createTask: {label: "Aufgabe erstellen"},
|
||||
viewOwnTasks: {label:"Eigene Aufgaben sehen"},
|
||||
viewAllTasks: {label: "Alle Aufgaben sehen"},
|
||||
trackOwnTime: {label:"Eigene Zeite erfassen"},
|
||||
createOwnTime: {label:"Eigene Zeiten erstellen"},
|
||||
createTime: {label:"Zeiten erstellen"},
|
||||
viewOwnTimes: {label:"Eigene Zeiten anzeigen"},
|
||||
viewTimes: {label:"Zeiten anzeigen"},
|
||||
})*/
|
||||
|
||||
|
||||
|
||||
|
||||
export const useRole = () => {
|
||||
const supabase = useSupabaseClient()
|
||||
const dataStore = useDataStore()
|
||||
|
||||
|
||||
const rights = ref({
|
||||
projects: {
|
||||
label: "Projekte"
|
||||
},
|
||||
"projects-viewAll": {
|
||||
label: "Alle Projekte einsehen",
|
||||
parent: "projects"
|
||||
},
|
||||
"projects-viewOwn": {
|
||||
label: "Eigene Projekte einsehen",
|
||||
parent: "projects"
|
||||
},
|
||||
"projects-create": {
|
||||
label: "Projekte erstellen",
|
||||
parent: "projects"
|
||||
},
|
||||
contracts: {
|
||||
label: "Verträge"
|
||||
},
|
||||
objects: {
|
||||
label: "Objekte"
|
||||
},
|
||||
checks: {
|
||||
label: "Überprüfungen"
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
let role = dataStore.activeProfile.role
|
||||
|
||||
/*const checkRight = (right) => {
|
||||
let rightsToCheck = [right]
|
||||
|
||||
if(rights.value[right].parent) {
|
||||
rightsToCheck.push(rights.value[right].parent)
|
||||
}
|
||||
|
||||
let hasAllNeccessaryRights = false
|
||||
|
||||
rightsToCheck.forEach(i => {
|
||||
if(role.rights.includes(i)){
|
||||
hasAllNeccessaryRights = true
|
||||
} else {
|
||||
hasAllNeccessaryRights = false
|
||||
}
|
||||
})
|
||||
|
||||
return hasAllNeccessaryRights
|
||||
}*/
|
||||
|
||||
const checkRight = (right) => {
|
||||
let rightsToCheck = [right]
|
||||
|
||||
//console.log(right.split("-"))
|
||||
|
||||
if(right.split("-").length > 1) {
|
||||
rightsToCheck.push(right.split("-")[0])
|
||||
}
|
||||
//console.log(rightsToCheck)
|
||||
|
||||
let hasAllNeccessaryRights = true
|
||||
|
||||
//console.log(role.rights)
|
||||
|
||||
rightsToCheck.forEach(i => {
|
||||
if(!role.rights.includes(i)){
|
||||
hasAllNeccessaryRights = false
|
||||
}
|
||||
})
|
||||
|
||||
//console.log(hasAllNeccessaryRights)
|
||||
|
||||
return hasAllNeccessaryRights
|
||||
}
|
||||
|
||||
return {
|
||||
role,
|
||||
checkRight
|
||||
}
|
||||
|
||||
}
|
||||
@@ -33,14 +33,12 @@ export const useSupabaseSelectDocuments = async (select = '*', sortColumn = null
|
||||
.from("documents")
|
||||
.select(select)
|
||||
.eq("tenant", dataStore.currentTenant)
|
||||
.eq("folderPath", folderPath)
|
||||
.order(sortColumn, {ascending: true})).data
|
||||
} else {
|
||||
data = (await supabase
|
||||
.from("documents")
|
||||
.select(select)
|
||||
.eq("tenant", dataStore.currentTenant)
|
||||
.eq("folderPath",folderPath)).data
|
||||
.eq("tenant", dataStore.currentTenant)).data
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -57,7 +57,8 @@ const itemInfo = ref({
|
||||
dateDirection: "Rückwirkend",
|
||||
},
|
||||
letterhead: null,
|
||||
agriculture: {}
|
||||
agriculture: {},
|
||||
usedAdvanceInvoices: []
|
||||
})
|
||||
|
||||
|
||||
@@ -71,7 +72,10 @@ const selectedProductcategorie = ref(null)
|
||||
const services = ref([])
|
||||
const servicecategories = ref([])
|
||||
const selectedServicecategorie = ref(null)
|
||||
const customers = ref([])
|
||||
const contacts = ref([])
|
||||
|
||||
const loaded = ref(false)
|
||||
const setupPage = async () => {
|
||||
|
||||
letterheads.value = (await useSupabaseSelect("letterheads","*")).filter(i => i.documentTypes.length === 0 || i.documentTypes.includes(itemInfo.value.type))
|
||||
@@ -81,6 +85,8 @@ const setupPage = async () => {
|
||||
servicecategories.value = (await useSupabaseSelect("servicecategories","*"))
|
||||
products.value = (await useSupabaseSelect("products","*"))
|
||||
productcategories.value = (await useSupabaseSelect("productcategories","*"))
|
||||
customers.value = (await useSupabaseSelect("customers","*","customerNumber"))
|
||||
contacts.value = (await useSupabaseSelect("contacts","*"))
|
||||
if(productcategories.value.length > 0) selectedProductcategorie.value = productcategories.value[0].id
|
||||
if(servicecategories.value.length > 0) selectedServicecategorie.value = servicecategories.value[0].id
|
||||
|
||||
@@ -165,13 +171,33 @@ const setupPage = async () => {
|
||||
|
||||
}
|
||||
|
||||
if(route.query.project) itemInfo.value.project = Number(route.query.project)
|
||||
if(route.query.project) {
|
||||
itemInfo.value.project = Number(route.query.project)
|
||||
checkForOpenAdvanceInvoices()
|
||||
}
|
||||
if(route.query.contact) itemInfo.value.contact = Number(route.query.contact)
|
||||
if(route.query.customer) {
|
||||
itemInfo.value.customer = Number(route.query.customer)
|
||||
setCustomerData()
|
||||
}
|
||||
}
|
||||
|
||||
loaded.value = true
|
||||
|
||||
}
|
||||
|
||||
const openAdvanceInvoices = ref([])
|
||||
const checkForOpenAdvanceInvoices = async () => {
|
||||
const {data,error} = await supabase.from("createddocuments").select().eq("project", itemInfo.value.project).eq("advanceInvoiceResolved", false).eq("type","advanceInvoices")
|
||||
|
||||
console.log(data)
|
||||
|
||||
openAdvanceInvoices.value = data
|
||||
|
||||
}
|
||||
|
||||
const addAdvanceInvoiceToInvoice = (advanceInvoice) => {
|
||||
itemInfo.value.usedAdvanceInvoices.push(advanceInvoice)
|
||||
}
|
||||
|
||||
const setDocumentTypeConfig = (withTexts = false) => {
|
||||
@@ -201,7 +227,6 @@ const setDocumentTypeConfig = (withTexts = false) => {
|
||||
|
||||
const setCustomerData = () => {
|
||||
|
||||
|
||||
let customer = dataStore.getCustomerById(itemInfo.value.customer)
|
||||
itemInfo.value.contact = null
|
||||
if(customer) {
|
||||
@@ -210,6 +235,8 @@ const setCustomerData = () => {
|
||||
itemInfo.value.address.city = customer.infoData.city
|
||||
itemInfo.value.address.special = customer.infoData.special
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
const setContactPersonData = async () => {
|
||||
@@ -256,8 +283,6 @@ const importPositions = () => {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const getRowAmount = (row) => {
|
||||
return String(Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(2)).replace('.',',')
|
||||
}
|
||||
@@ -332,13 +357,6 @@ const addPosition = (mode) => {
|
||||
|
||||
}
|
||||
|
||||
|
||||
const showEditRowDescription = ref(false)
|
||||
const rowToEdit = ref("")
|
||||
|
||||
|
||||
|
||||
|
||||
const removePosition = (id) => {
|
||||
let rows = itemInfo.value.rows.filter(row => row.id !== id)
|
||||
/*rows = rows.sort((a,b) => a.pos - b.pos)
|
||||
@@ -353,6 +371,15 @@ const removePosition = (id) => {
|
||||
|
||||
}
|
||||
|
||||
const getRowMargin = (row) => {
|
||||
if(row.mode === "normal" && row.product) {
|
||||
let purchasePrice = dataStore.getProductById(row.product).purchasePrice || 0
|
||||
return row.price - purchasePrice
|
||||
} else {
|
||||
return 0
|
||||
}
|
||||
}
|
||||
|
||||
const findDocumentErrors = computed(() => {
|
||||
let errors = []
|
||||
|
||||
@@ -405,6 +432,7 @@ const tabItems = computed(() => {
|
||||
const renderCurrency = (value, currency = "€") => {
|
||||
return Number(value).toFixed(2).replace(".",",") + " €"
|
||||
}
|
||||
|
||||
const documentTotal = computed(() => {
|
||||
let totalNet = 0
|
||||
let total19 = 0
|
||||
@@ -412,7 +440,7 @@ const documentTotal = computed(() => {
|
||||
|
||||
itemInfo.value.rows.forEach(row => {
|
||||
if(!['pagebreak','title','text'].includes(row.mode)){
|
||||
let rowPrice = Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(2)
|
||||
let rowPrice = Number(Number(row.quantity) * Number(row.price) * (1 - Number(row.discountPercent) /100) ).toFixed(3)
|
||||
totalNet = totalNet + Number(rowPrice)
|
||||
|
||||
if(row.taxPercent === 19) {
|
||||
@@ -421,11 +449,33 @@ const documentTotal = computed(() => {
|
||||
}
|
||||
})
|
||||
|
||||
totalGross = totalNet + total19
|
||||
|
||||
let totalGrossAlreadyPaid = 0
|
||||
|
||||
itemInfo.value.usedAdvanceInvoices.forEach(advanceInvoiceId => {
|
||||
let advanceInvoice = openAdvanceInvoices.value.find(i => i.id === advanceInvoiceId)
|
||||
|
||||
let priceNet = advanceInvoice.rows.find(i => i.advanceInvoiceData).price
|
||||
|
||||
let partSum = priceNet * ((100 + advanceInvoice.rows.find(i => i.advanceInvoiceData).taxPercent) / 100)
|
||||
|
||||
totalGrossAlreadyPaid += partSum
|
||||
})
|
||||
|
||||
console.log(totalGrossAlreadyPaid)
|
||||
|
||||
let sumToPay = totalGross - totalGrossAlreadyPaid
|
||||
|
||||
|
||||
|
||||
return {
|
||||
totalNet: `${String(totalNet.toFixed(2)).replace(".",",")} €`,
|
||||
total19: `${String(total19.toFixed(2)).replace(".",",")} €`,
|
||||
totalGross: `${String(Number(totalNet + total19).toFixed(2)).replace(".",",")} €`
|
||||
totalGross: renderCurrency(totalGross),
|
||||
totalGrossAlreadyPaid: renderCurrency(totalGrossAlreadyPaid),
|
||||
totalSumToPay: renderCurrency(sumToPay)
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -476,7 +526,6 @@ const processDieselPosition = () => {
|
||||
itemInfo.value.agriculture = {...itemInfo.value.agriculture, ...agricultureData}
|
||||
}
|
||||
|
||||
|
||||
const getDocumentData = () => {
|
||||
|
||||
let customerData = dataStore.getCustomerById(itemInfo.value.customer)
|
||||
@@ -532,6 +581,7 @@ const getDocumentData = () => {
|
||||
return {
|
||||
vorname:contactData && contactData.firstName,
|
||||
nachname: contactData && contactData.lastName,
|
||||
kundenname: customerData && customerData.name,
|
||||
zahlungsziel_in_tagen:itemInfo.paymentDays,
|
||||
diesel_gesamtverbrauch: (itemInfo.agriculture && itemInfo.agriculture.dieselUsageTotal) && itemInfo.agriculture.dieselUsageTotal
|
||||
}
|
||||
@@ -566,7 +616,10 @@ const getDocumentData = () => {
|
||||
startText: templateStartText(generateContext(itemInfo.value, contactData)),
|
||||
rows: rows,
|
||||
total: documentTotal.value,
|
||||
agriculture: itemInfo.value.agriculture
|
||||
agriculture: itemInfo.value.agriculture,
|
||||
usedAdvanceInvoices: itemInfo.value.usedAdvanceInvoices.map(i => {
|
||||
return openAdvanceInvoices.value.find(x => x.id === i)
|
||||
})
|
||||
}
|
||||
|
||||
//console.log(returnData)
|
||||
@@ -574,7 +627,6 @@ const getDocumentData = () => {
|
||||
return returnData
|
||||
}
|
||||
|
||||
|
||||
const showDocument = ref(false)
|
||||
const uri = ref("")
|
||||
const generateDocument = async () => {
|
||||
@@ -712,7 +764,8 @@ const saveDocument = async (state) => {
|
||||
contactPerson: itemInfo.value.contactPerson,
|
||||
linkedDocument: itemInfo.value.linkedDocument,
|
||||
agriculture: itemInfo.value.agriculture,
|
||||
letterhead: itemInfo.value.letterhead
|
||||
letterhead: itemInfo.value.letterhead,
|
||||
usedAdvanceInvoices: itemInfo.value.usedAdvanceInvoices
|
||||
}
|
||||
|
||||
if(route.params.id) {
|
||||
@@ -796,7 +849,7 @@ setupPage()
|
||||
</UDashboardNavbar>
|
||||
|
||||
<UDashboardPanelContent>
|
||||
<UTabs class="p-5" :items="tabItems" @change="onChangeTab">
|
||||
<UTabs class="p-5" :items="tabItems" @change="onChangeTab" v-if="loaded">
|
||||
<template #item="{item}">
|
||||
|
||||
|
||||
@@ -940,11 +993,9 @@ setupPage()
|
||||
<UFormGroup
|
||||
label="Kunde:"
|
||||
>
|
||||
<InputGroup
|
||||
class="w-full"
|
||||
>
|
||||
<div class="flex flex-row">
|
||||
<USelectMenu
|
||||
:options="dataStore.customers"
|
||||
:options="customers"
|
||||
option-attribute="name"
|
||||
value-attribute="id"
|
||||
:search-attributes="['name']"
|
||||
@@ -952,14 +1003,15 @@ setupPage()
|
||||
searchable-placeholder="Suche..."
|
||||
v-model="itemInfo.customer"
|
||||
@change="setCustomerData"
|
||||
class="flex-auto"
|
||||
class="flex-auto mr-2"
|
||||
>
|
||||
<UButton
|
||||
:color="itemInfo.customer ? 'primary' : 'rose'"
|
||||
variant="outline"
|
||||
class="w-full">
|
||||
<span class="truncate">{{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}</span>
|
||||
|
||||
class="w-full"
|
||||
>
|
||||
<!-- <span class="truncate text-left">{{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}</span>-->
|
||||
{{dataStore.getCustomerById(itemInfo.customer) ? dataStore.getCustomerById(itemInfo.customer).name : "Kein Kunde ausgewählt"}}
|
||||
|
||||
<UIcon name="i-heroicons-chevron-right-20-solid" class="w-5 h-5 transition-transform text-gray-400 dark:text-gray-500" :class="['transform rotate-90']" />
|
||||
</UButton>
|
||||
@@ -969,11 +1021,14 @@ setupPage()
|
||||
</USelectMenu>
|
||||
<UButton
|
||||
variant="outline"
|
||||
class="w-25"
|
||||
v-if="itemInfo.customer"
|
||||
icon="i-heroicons-arrow-right-end-on-rectangle"
|
||||
@click="router.push(`/customers/show/${itemInfo.customer}`)"
|
||||
>Kunde</UButton>
|
||||
</InputGroup>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<UAlert
|
||||
v-if="itemInfo.customer"
|
||||
@@ -997,7 +1052,7 @@ setupPage()
|
||||
>
|
||||
<InputGroup>
|
||||
<USelectMenu
|
||||
:options="dataStore.getContactsByCustomerId(itemInfo.customer)"
|
||||
:options="contacts.filter(i => i.customer === itemInfo.customer)"
|
||||
option-attribute="fullName"
|
||||
value-attribute="id"
|
||||
:search-attributes="['name']"
|
||||
@@ -1121,9 +1176,13 @@ setupPage()
|
||||
</UFormGroup>
|
||||
|
||||
<UFormGroup
|
||||
label="Zahlungziel in Tagen:"
|
||||
class="flex-auto"
|
||||
class="w-full"
|
||||
>
|
||||
<template #label>
|
||||
<span class="truncate">
|
||||
Zahlungsziel in Tagen:
|
||||
</span>
|
||||
</template>
|
||||
<UInput
|
||||
type="number"
|
||||
v-model="itemInfo.paymentDays"
|
||||
@@ -1169,6 +1228,7 @@ setupPage()
|
||||
:search-attributes="['name']"
|
||||
class="w-full"
|
||||
:disabled="!itemInfo.customer"
|
||||
@change="checkForOpenAdvanceInvoices"
|
||||
>
|
||||
<template #label>
|
||||
{{dataStore.getProjectById(itemInfo.project) ? dataStore.getProjectById(itemInfo.project).name : "Kein Projekt ausgewählt"}}
|
||||
@@ -1270,9 +1330,6 @@ setupPage()
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<UDivider
|
||||
class="my-3"
|
||||
/>
|
||||
@@ -1389,6 +1446,7 @@ setupPage()
|
||||
<UInput
|
||||
v-model="row.text"
|
||||
placeholder="Name"
|
||||
class="min-w-40"
|
||||
/>
|
||||
</td>
|
||||
<td
|
||||
@@ -1558,7 +1616,8 @@ setupPage()
|
||||
<UInput
|
||||
v-model="row.price"
|
||||
type="number"
|
||||
step="0.01"
|
||||
step="0.001"
|
||||
:color="getRowMargin(row) > 0 ? 'primary' : 'rose'"
|
||||
>
|
||||
<template #trailing>
|
||||
<span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
|
||||
@@ -1715,18 +1774,21 @@ setupPage()
|
||||
<UButton
|
||||
@click="addPosition('service')"
|
||||
class="mt-3"
|
||||
:disabled="itemInfo.type === 'advanceInvoices'"
|
||||
>
|
||||
+ Leistung
|
||||
</UButton>
|
||||
<UButton
|
||||
@click="addPosition('normal')"
|
||||
class="mt-3"
|
||||
:disabled="itemInfo.type === 'advanceInvoices'"
|
||||
>
|
||||
+ Artikel
|
||||
</UButton>
|
||||
<UButton
|
||||
@click="addPosition('free')"
|
||||
class="mt-3"
|
||||
:disabled="itemInfo.type === 'advanceInvoices'"
|
||||
>
|
||||
+ Freie Position
|
||||
</UButton>
|
||||
@@ -1750,6 +1812,44 @@ setupPage()
|
||||
</UButton>
|
||||
</InputGroup>
|
||||
|
||||
<UDivider
|
||||
class="mt-5 mb-3"
|
||||
v-if="openAdvanceInvoices.length > 0"
|
||||
>
|
||||
Noch nicht abgerechnete Abschlagsrechnungen
|
||||
</UDivider>
|
||||
|
||||
<!-- Abzurechnende Abschlagsrechnungen -->
|
||||
|
||||
<div
|
||||
v-for="advanceInvoice in openAdvanceInvoices"
|
||||
:key="advanceInvoice.id"
|
||||
class="flex flex-row justify-between my-2"
|
||||
>
|
||||
<span>{{advanceInvoice.documentNumber}}</span>
|
||||
<span>Summe: {{renderCurrency(advanceInvoice.rows[0].price * (1 + advanceInvoice.rows[0].taxPercent/100))}}</span>
|
||||
<InputGroup>
|
||||
<UButton
|
||||
@click="addAdvanceInvoiceToInvoice(advanceInvoice.id)"
|
||||
:disabled="itemInfo.usedAdvanceInvoices.includes(advanceInvoice.id)"
|
||||
class="mr-2"
|
||||
>
|
||||
Verwenden
|
||||
</UButton>
|
||||
<UButton
|
||||
@click="itemInfo.usedAdvanceInvoices = itemInfo.usedAdvanceInvoices.filter(i => i !== advanceInvoice.id)"
|
||||
:disabled="!itemInfo.usedAdvanceInvoices.includes(advanceInvoice.id)"
|
||||
color="rose"
|
||||
variant="outline"
|
||||
>
|
||||
X
|
||||
</UButton>
|
||||
</InputGroup>
|
||||
</div>
|
||||
|
||||
<UDivider class="my-3" v-if="itemInfo.rows.length > 0"/>
|
||||
|
||||
|
||||
<div class="w-full flex justify-end" v-if="itemInfo.type !== 'deliveryNotes'">
|
||||
<table class="w-1/3" v-if="itemInfo.rows.length > 0">
|
||||
<tr>
|
||||
@@ -1764,6 +1864,19 @@ setupPage()
|
||||
<td class="font-bold">Brutto:</td>
|
||||
<td class="text-right">{{documentTotal.totalGross}}</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr v-if="documentTotal.totalGrossAlreadyPaid !== '0,00 €'">
|
||||
<td class="font-bold">Bereits bezahlt:</td>
|
||||
<td class="text-right">{{documentTotal.totalGrossAlreadyPaid}}</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr v-if="documentTotal.totalGrossAlreadyPaid !== '0,00 €'">
|
||||
<td class="font-bold">Offene Summe:</td>
|
||||
<td class="text-right">{{documentTotal.totalSumToPay}}</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -1815,6 +1928,7 @@ setupPage()
|
||||
</div>
|
||||
</template>
|
||||
</UTabs>
|
||||
<UProgress animation="carousel" v-else/>
|
||||
</UDashboardPanelContent>
|
||||
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
|
||||
import {BlobReader, BlobWriter, ZipWriter} from "@zip.js/zip.js";
|
||||
import {useSupabaseSelectDocuments} from "~/composables/useSupabase.js";
|
||||
import {useSupabaseSelectDocuments, useSupabaseSelectSingle} from "~/composables/useSupabase.js";
|
||||
|
||||
definePageMeta({
|
||||
middleware: "auth"
|
||||
@@ -11,6 +11,8 @@ const dataStore = useDataStore()
|
||||
const supabase = useSupabaseClient()
|
||||
const user = useSupabaseUser()
|
||||
const toast = useToast()
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
|
||||
dataStore.fetchDocuments()
|
||||
|
||||
@@ -19,29 +21,31 @@ const uploadInProgress = ref(false)
|
||||
const fileUploadFormData = ref({
|
||||
tags: ["Eingang"],
|
||||
path: "",
|
||||
tenant: dataStore.currentTenant
|
||||
tenant: dataStore.currentTenant,
|
||||
folder: null
|
||||
})
|
||||
|
||||
|
||||
let tags = dataStore.getDocumentTags
|
||||
|
||||
const selectedTags = ref("Eingang")
|
||||
const documents = ref([])
|
||||
const folders = ref([])
|
||||
const selectedPath = ref("_")
|
||||
|
||||
const currentFolder = ref(null)
|
||||
|
||||
const loadingDocs = ref(false)
|
||||
const isDragTarget = ref(false)
|
||||
const setupPage = async () => {
|
||||
//documents.value = await useSupabaseSelectDocuments("*, project(id,name), customer(id,name), contract(id,name), vendor(id,name), plant(id,name), vehicle(id,licensePlate), product(id,name), profile(id,fullName) ")
|
||||
//documents.value = await useSupabaseSelectDocuments("*",null, selectedPath.value)
|
||||
//console.log(documents.value)
|
||||
folders.value = await useSupabaseSelect("folders")
|
||||
|
||||
folders.value = dataStore.ownTenant.documentFolders
|
||||
documents.value = await useSupabaseSelectDocuments("*",null)
|
||||
|
||||
documents.value = await useSupabaseSelectDocuments("*",null,selectedPath.value)
|
||||
//await supabase.from("documents").select().eq("folderPath",selectedPath.value).eq("tenant",dataStore.currentTenant)
|
||||
|
||||
//console.log(await supabase.from("documents").select().eq("folderPath",selectedPath.value))
|
||||
if(route.query) {
|
||||
if(route.query.folder) {
|
||||
console.log(route.query.folder)
|
||||
currentFolder.value = await useSupabaseSelectSingle("folders", route.query.folder)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const dropZone = document.getElementById("drop_zone")
|
||||
@@ -71,37 +75,63 @@ const setupPage = async () => {
|
||||
setupPage()
|
||||
const currentFolders = computed(() => {
|
||||
if(folders.value.length > 0) {
|
||||
/*console.log(folders.value[0].path.split("/").filter(x => x.length > 0))
|
||||
console.log(selectedPath.value.split("/").filter(x => x.length > 0))*/
|
||||
|
||||
let tempFolders = folders.value.filter(i => (i.path.split("_").filter(x => x.length > 0) || []).length === selectedPath.value.split("_").filter(x => x.length > 0).length + 1)
|
||||
|
||||
tempFolders = tempFolders.filter(i => i.path.includes(selectedPath.value))
|
||||
let tempFolders = folders.value.filter(i => currentFolder.value ? i.parent === currentFolder.value.id : !i.parent)
|
||||
|
||||
return tempFolders
|
||||
}
|
||||
} else return []
|
||||
|
||||
})
|
||||
|
||||
const breadcrumbLinks = computed(() => {
|
||||
return [{
|
||||
label: "Home",
|
||||
click: () => {
|
||||
changePath("_")
|
||||
},
|
||||
icon: "i-heroicons-folder"
|
||||
},...selectedPath.value.split("_").filter(x => x.length > 0).map((i,index) => {
|
||||
let re = new RegExp(".+?" + i )
|
||||
let path = selectedPath.value.match(re)[0]
|
||||
|
||||
return {
|
||||
label: folders.value.find(x => x.path === path).name ||path,
|
||||
if(currentFolder.value) {
|
||||
let parents = []
|
||||
|
||||
const addParent = (parent) => {
|
||||
parents.push(parent)
|
||||
if(parent.parent) {
|
||||
addParent(folders.value.find(i => i.id === currentFolder.value.parent))
|
||||
}
|
||||
}
|
||||
|
||||
if(currentFolder.value.parent) {
|
||||
addParent(folders.value.find(i => i.id === currentFolder.value.parent))
|
||||
}
|
||||
|
||||
return [{
|
||||
label: "Home",
|
||||
click: () => {
|
||||
changePath(path)
|
||||
changeFolder(null)
|
||||
},
|
||||
icon: "i-heroicons-folder"
|
||||
}
|
||||
})]
|
||||
},
|
||||
...parents.map(i => {
|
||||
return {
|
||||
label: folders.value.find(x => x.id === i.id).name,
|
||||
click: () => {
|
||||
changeFolder(i)
|
||||
},
|
||||
icon: "i-heroicons-folder"
|
||||
}
|
||||
}),
|
||||
{
|
||||
label: currentFolder.value.name,
|
||||
click: () => {
|
||||
changeFolder(currentFolder.value)
|
||||
},
|
||||
icon: "i-heroicons-folder"
|
||||
}]
|
||||
|
||||
} else {
|
||||
return [{
|
||||
label: "Home",
|
||||
click: () => {
|
||||
changeFolder(null)
|
||||
},
|
||||
icon: "i-heroicons-folder"
|
||||
}]
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -110,23 +140,22 @@ const breadcrumbLinks = computed(() => {
|
||||
|
||||
const filteredDocuments = computed(() => {
|
||||
|
||||
/*if(selectedTags.value !== "Archiviert") {
|
||||
return documents.value.filter(i => i.tags.find(t => selectedTags.value === t) && !i.tags.includes("Archiviert"))
|
||||
} else {
|
||||
return documents.value.filter(i => i.tags.find(t => selectedTags.value === t))
|
||||
}*/
|
||||
|
||||
return documents.value
|
||||
|
||||
|
||||
|
||||
|
||||
return documents.value.filter(i => currentFolder.value ? i.folder === currentFolder.value.id : !i.folder)
|
||||
|
||||
})
|
||||
|
||||
const changePath = async (newPath) => {
|
||||
const changeFolder = async (newFolder) => {
|
||||
loadingDocs.value = true
|
||||
selectedPath.value = newPath
|
||||
currentFolder.value = newFolder
|
||||
|
||||
if(newFolder) {
|
||||
fileUploadFormData.value.folder = newFolder.id
|
||||
await router.push(`/documents?folder=${newFolder.id}`)
|
||||
} else {
|
||||
fileUploadFormData.value.folder = null
|
||||
await router.push(`/documents`)
|
||||
}
|
||||
|
||||
setupPage()
|
||||
}
|
||||
|
||||
@@ -134,7 +163,7 @@ const uploadFiles = async (files) => {
|
||||
uploadInProgress.value = true;
|
||||
|
||||
if(files) {
|
||||
await dataStore.uploadFiles({tags: ["Ablage"],tenant: dataStore.currentTenant, folderPath: selectedPath.value}, files, true)
|
||||
await dataStore.uploadFiles({tags: ["Ablage"],tenant: dataStore.currentTenant,folder: currentFolder.value.id}, files, true)
|
||||
|
||||
} else {
|
||||
await dataStore.uploadFiles(fileUploadFormData.value, document.getElementById("fileUploadInput").files, true)
|
||||
@@ -213,7 +242,7 @@ const downloadSelected = async () => {
|
||||
|
||||
<template>
|
||||
<UDashboardNavbar
|
||||
title="Dokumente"
|
||||
title="Dateien"
|
||||
>
|
||||
|
||||
</UDashboardNavbar>
|
||||
@@ -254,7 +283,7 @@ const downloadSelected = async () => {
|
||||
<a
|
||||
class="w-1/6 folderIcon flex flex-col p-5 m-2"
|
||||
v-for="folder in currentFolders"
|
||||
@click="changePath(folder.path)"
|
||||
@click="changeFolder(folder)"
|
||||
>
|
||||
|
||||
<UIcon
|
||||
@@ -265,8 +294,8 @@ const downloadSelected = async () => {
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<UDivider class="my-5" v-if="currentFolders.length > 0">Dokumente</UDivider>
|
||||
|
||||
<UDivider class="my-5" v-if="currentFolder">{{currentFolder.name}}</UDivider>
|
||||
<UDivider class="my-5" v-else>Ablage</UDivider>
|
||||
|
||||
<div v-if="!loadingDocs">
|
||||
<DocumentList
|
||||
|
||||
@@ -43,6 +43,9 @@
|
||||
:ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
|
||||
@select="(i) => router.push(`/inventoryitems/show/${i.id}`) "
|
||||
:empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Inventarartikel anzuzeigen' }"
|
||||
v-model:sort="sortConfig"
|
||||
sort-mode="manual"
|
||||
@update:sort="setupPage"
|
||||
>
|
||||
|
||||
|
||||
@@ -50,6 +53,8 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {sort} from "fast-sort"
|
||||
|
||||
|
||||
definePageMeta({
|
||||
middleware: "auth"
|
||||
@@ -70,8 +75,13 @@ const dataStore = useDataStore()
|
||||
const router = useRouter()
|
||||
const items = ref([])
|
||||
|
||||
const sortConfig = ref({
|
||||
column: "articleNumber",
|
||||
direction: "desc"
|
||||
})
|
||||
|
||||
const setupPage = async () => {
|
||||
items.value = await useSupabaseSelect("inventoryitems","*", "articleNumber")
|
||||
items.value = await useSupabaseSelect("inventoryitems","*")
|
||||
}
|
||||
|
||||
setupPage()
|
||||
@@ -96,17 +106,20 @@ const selectedColumns = ref(templateColumns)
|
||||
const columns = computed(() => templateColumns.filter((column) => selectedColumns.value.includes(column)))
|
||||
|
||||
|
||||
|
||||
const searchString = ref('')
|
||||
const filteredRows = computed(() => {
|
||||
if(!searchString.value) {
|
||||
return items.value
|
||||
|
||||
let sorted = []
|
||||
|
||||
if(sortConfig.value.direction === "asc"){
|
||||
sorted = sort(items.value).asc(i => i[sortConfig.value.column])
|
||||
} else {
|
||||
sorted = sort(items.value).desc(i => i[sortConfig.value.column])
|
||||
}
|
||||
|
||||
return items.value.filter(product => {
|
||||
return Object.values(product).some((value) => {
|
||||
return String(value).toLowerCase().includes(searchString.value.toLowerCase())
|
||||
})
|
||||
})
|
||||
return useListFilter(searchString.value, sorted)
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
@@ -237,7 +237,7 @@ setupPage()
|
||||
<UInput
|
||||
v-model="itemInfo.sellingPrice"
|
||||
type="number"
|
||||
steps="0.01"
|
||||
steps="0.001"
|
||||
>
|
||||
<template #trailing>
|
||||
<span class="text-gray-500 dark:text-gray-400 text-xs">EUR</span>
|
||||
|
||||
41
pages/settings/integrations/index.vue
Normal file
41
pages/settings/integrations/index.vue
Normal file
@@ -0,0 +1,41 @@
|
||||
<script setup>
|
||||
|
||||
const lexofficeActiveFunctions = ref({
|
||||
sendInvoicesToLexoffice: true,
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UDashboardNavbar title="Integrationen"></UDashboardNavbar>
|
||||
<UDashboardPanelContent>
|
||||
<UAccordion
|
||||
class="p-5"
|
||||
color="primary"
|
||||
variant="soft"
|
||||
size="sm"
|
||||
:items="[{ label: 'Lexoffice', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]"
|
||||
>
|
||||
<template #item="{item}">
|
||||
<div v-if="item.label === 'Lexoffice'">
|
||||
Scopes:
|
||||
<UCheckbox v-model="lexofficeActiveFunctions.sendInvoicesToLexoffice" name="notifications" label="Rechnungen an Lexoffice übertragen" />
|
||||
|
||||
<UButton>
|
||||
Kunden importieren
|
||||
</UButton>
|
||||
<UButton>
|
||||
Lieferanten importieren
|
||||
</UButton>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</UAccordion>
|
||||
</UDashboardPanelContent>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -48,9 +48,9 @@ const projects = ref([])
|
||||
//Functions
|
||||
const setupPage = async () => {
|
||||
if(mode.value === "show" ){
|
||||
itemInfo.value = await useSupabaseSelectSingle("trackingtrips",route.params.id,"*, trackingDevice(*, vehicle(*))")
|
||||
itemInfo.value = await useSupabaseSelectSingle("trackingtripsgen",route.params.id,"*, trackingDevice(*, vehicle(*))")
|
||||
} else if(mode.value === "edit") {
|
||||
itemInfo.value = await useSupabaseSelectSingle("trackingtrips",route.params.id,"*")
|
||||
itemInfo.value = await useSupabaseSelectSingle("trackingtripsgen",route.params.id,"*")
|
||||
|
||||
}
|
||||
|
||||
@@ -141,8 +141,6 @@ const zoom = ref(6)
|
||||
</template>
|
||||
</UDashboardNavbar>
|
||||
|
||||
|
||||
|
||||
<UTabs
|
||||
:items="[{label: 'Informationen'}]"
|
||||
v-if="mode === 'show' && itemInfo.id"
|
||||
@@ -192,9 +190,9 @@ const zoom = ref(6)
|
||||
|
||||
</UCard>
|
||||
<UCard class="mt-5">
|
||||
<Map :markers="[[itemInfo.startLatitude, itemInfo.startLongitude],[itemInfo.endLatitude, itemInfo.endLongitude]]"
|
||||
:startMarker="[itemInfo.startLatitude, itemInfo.startLongitude]"
|
||||
:endMarker="[itemInfo.endLatitude, itemInfo.endLongitude]"
|
||||
<Map :markers="[[itemInfo.startLat, itemInfo.startLon],[itemInfo.endLat, itemInfo.endLon]]"
|
||||
:startMarker="[itemInfo.startLat, itemInfo.startLon]"
|
||||
:endMarker="[itemInfo.endLat, itemInfo.endLon]"
|
||||
/>
|
||||
|
||||
|
||||
|
||||
@@ -57,8 +57,12 @@
|
||||
<template #endTime-data="{row}">
|
||||
{{dayjs(row.endTime).format("DD.MM.YY HH:mm")}}
|
||||
</template>
|
||||
<template #distance-data="{row}">
|
||||
{{row.distance > 0 ? (row.distance/1000).toFixed(2) : 0 }} km
|
||||
<template #gpsDistance-data="{row}">
|
||||
{{row.gpsDistance > 0 ? (row.gpsDistance/1000).toFixed(2) : 0 }} km
|
||||
</template>
|
||||
<template #usedFuel-data="{row}">
|
||||
<span v-if="row.endFuelLevel - row.startFuelLevel < 0">{{row.endFuelLevel - row.startFuelLevel}} / {{(row.vehicle.tankSize / 100 * Math.abs(row.endFuelLevel - row.startFuelLevel)).toFixed(2)}}</span>
|
||||
<span v-else>0</span>
|
||||
</template>
|
||||
</UTable>
|
||||
</template>
|
||||
@@ -106,7 +110,8 @@ const items = ref([])
|
||||
const selectedItem = ref(0)
|
||||
|
||||
const setupPage = async () => {
|
||||
items.value = await useSupabaseSelect("trackingtrips","*, trackingDevice(*), vehicle (*)","startTime",false)
|
||||
items.value = await useSupabaseSelect("trackingtripsgen","*, trackingDevice(*), vehicle(*)","startTime",false)
|
||||
console.log(items.value)
|
||||
}
|
||||
|
||||
setupPage()
|
||||
@@ -137,9 +142,13 @@ const templateColumns = [
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
key: "distance",
|
||||
key: "gpsDistance",
|
||||
label: "Entfernung:",
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
key: "usedFuel",
|
||||
label: "Kraftstoff:"
|
||||
}
|
||||
]
|
||||
const selectedColumns = ref(templateColumns)
|
||||
|
||||
8
pages/vendors/[mode]/[[id]].vue
vendored
8
pages/vendors/[mode]/[[id]].vue
vendored
@@ -121,6 +121,7 @@ setupPage()
|
||||
<p>E-Mail: {{currentItem.infoData.email}}</p>
|
||||
<p>Web: {{currentItem.infoData.web}}</p>
|
||||
<p>USt-Id: {{currentItem.infoData.ustid}}</p>
|
||||
<p>SEPA Mandat: {{currentItem.hasSEPA ? "Ja" : "Nein"}}</p>
|
||||
<p>Notizen:<br> {{currentItem.notes}}</p>
|
||||
</div>
|
||||
</UCard>
|
||||
@@ -251,6 +252,13 @@ setupPage()
|
||||
v-model="itemInfo.infoData.web"
|
||||
/>
|
||||
</UFormGroup>
|
||||
<UFormGroup
|
||||
label="SEPA Mandat abgeschlossen:"
|
||||
>
|
||||
<UCheckbox
|
||||
v-model="itemInfo.hasSEPA"
|
||||
/>
|
||||
</UFormGroup>
|
||||
<UFormGroup
|
||||
label="USt-Id:"
|
||||
>
|
||||
|
||||
@@ -313,7 +313,7 @@ export const useDataStore = defineStore('data', () => {
|
||||
const resources =ref([])
|
||||
|
||||
|
||||
const rights = ref({
|
||||
/*const rights = ref({
|
||||
createUser: {label: "Benutzer erstellen"},
|
||||
modifyUser: {label: "Benutzer bearbeiten"},
|
||||
deactivateUser: {label: "Benutzer sperren"},
|
||||
@@ -328,9 +328,9 @@ export const useDataStore = defineStore('data', () => {
|
||||
createTime: {label:"Zeiten erstellen"},
|
||||
viewOwnTimes: {label:"Eigene Zeiten anzeigen"},
|
||||
viewTimes: {label:"Zeiten anzeigen"},
|
||||
})
|
||||
})*/
|
||||
|
||||
const roles = ref([
|
||||
/*const roles = ref([
|
||||
{
|
||||
key: "tenantAdmin",
|
||||
label: "Firmenadministrator",
|
||||
@@ -369,12 +369,12 @@ export const useDataStore = defineStore('data', () => {
|
||||
"viewAllTimes"
|
||||
]
|
||||
}
|
||||
])
|
||||
])*/
|
||||
|
||||
async function initializeData (userId) {
|
||||
|
||||
let profileconnections = (await supabase.from("profileconnections").select()).data
|
||||
let profiles = (await supabase.from("profiles").select()).data
|
||||
let profiles = (await supabase.from("profiles").select("*, role(*)")).data
|
||||
let activeProfileConnection = profileconnections.find(i => i.active)
|
||||
if(activeProfileConnection) {
|
||||
activeProfile.value = profiles.find(i => i.id === activeProfileConnection.profile_id)
|
||||
@@ -521,7 +521,7 @@ export const useDataStore = defineStore('data', () => {
|
||||
resources.value = []
|
||||
}
|
||||
|
||||
function hasRight (right) {
|
||||
/*function hasRight (right) {
|
||||
const role = profiles.value.find(i => i.id === activeProfile.value.id).role
|
||||
const grantedRights = roles.value.find(i => i.key === role).rights
|
||||
|
||||
@@ -529,7 +529,7 @@ export const useDataStore = defineStore('data', () => {
|
||||
return true
|
||||
} else return false
|
||||
|
||||
}
|
||||
}*/
|
||||
|
||||
var deepDiffMapper = function () {
|
||||
return {
|
||||
@@ -1749,7 +1749,6 @@ export const useDataStore = defineStore('data', () => {
|
||||
initializeData,
|
||||
changeProfile,
|
||||
uploadFiles,
|
||||
hasRight,
|
||||
generateHistoryItems,
|
||||
dataTypes,
|
||||
|
||||
|
||||
Reference in New Issue
Block a user