th.guenther/mareike
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Design improvements

Browse Source
This commit is contained in:
Thomas Günther
2026-02-13 13:51:07 +01:00
parent f468814a2f
commit fa886aad4d
3 changed files with 75 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
app/Domains/Invoice/Views/Partials/invoiceDetails/Header.vue
View File

@@ -25,37 +25,40 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td>
<td rowspan="4">
<button
<td rowspan="4" style="width: 250px; padding-right: 25px; text-align: right; vertical-align: top;">
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('accept')"
class="button mareike-button mareike-accept-button"
>
Abrechnung annehmen
</button>
<button v-if="props.data.status === 'denied' && modeShow"
@click="emit('reopen')"
class="button mareike-button mareike-accept-button"
>
Abrechnung zur Wiedervorlage öffnen
</button>
class="accept-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung annehmen"
/>
<input type="button" v-if="props.data.status === 'denied' && modeShow"
@click="emit('reopen')"
class="accept-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung zur Wiedervorlage öffnen"
/>
<br />
<button
v-if="props.data.status === 'new' && modeShow"
@click="emit('fix')"
class="button mareike-button mareike-fix-button"
>
Abrechnung ablehnen und korrigieren
</button><br />
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('fix')"
class="fix-button"
style="width: 100%; margin-bottom: 10px;"
value="Abrechnung ablehnen und korrigieren"
/>
<br />
<button
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('deny')"
class="button mareike-button mareike-deny-button"
>
Abrechnung ablehnen
</button>
class="deny-button"
style="width: 100%"
value="Abrechnung ablehnen"
/>
</td>
</tr>

48
app/Domains/Invoice/Views/Partials/myInvoiceDetails/Header.vue
View File

@@ -16,30 +16,34 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
<template>
<span id="invoice_details_header">
<table>
<tr>
<td>Name:</td>
<td v-if="modeShow">{{props.data.contactName}}</td>
<td v-else style="width: 300px;">{{props.data.contactName}}</td>
<tr>
<td>Name:</td>
<td v-if="modeShow">{{props.data.contactName}}</td>
<td v-else style="width: 300px;">{{props.data.contactName}}</td>
<td v-if="modeShow" style="width: 250px;">Kostenstelle</td>
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td v-if="modeShow" style="width: 250px;">Kostenstelle</td>
<td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
<td>{{props.data.costUnitName}}</td>
<td rowspan="4" style="vertical-align: top;">
<button
v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')"
class="button mareike-button mareike-deny-button"
>
Abrechnung zurückziehen
</button>
<button v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')"
class="button mareike-button mareike-deny-button"
>
Abrechnung Endgültig löschen
</button>
</td>
<td>{{props.data.costUnitName}}</td>
<td
rowspan="4"
style="vertical-align: top;
padding-top: 15px;
padding-right: 25px;
text-align: right;"
>
<input type="button"
v-if="props.data.status === 'new' && modeShow"
@click="emit('reject')"
class="deny-button"
value="Abrechnung zurückziehen" />
<input type="button"
v-if="props.data.status === 'denied' && modeShow"
@click="emit('delete')"
class="deny-button"
value="Abrechnung Endgültig löschen" />
</td>
</tr>
<!-- Rest der Tabelle bleibt unverändert -->