silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 106 Wiki Activity

Lint

This commit is contained in:
philipp lang 2024-03-15 02:26:18 +01:00
parent 2d02c79c86
commit 339e76d874
1 changed files with 5 additions and 10 deletions
resources/js/views/subscription
SubscriptionForm.vue

15
resources/js/views/subscription/SubscriptionForm.vue
View File

@ -10,23 +10,19 @@
<ui-box heading="Beitrag"> <ui-box heading="Beitrag">
<div class="grid gap-4 sm:grid-cols-2"> <div class="grid gap-4 sm:grid-cols-2">
<f-text id="name" v-model="inner.name" label="Name" size="sm" required></f-text> <f-text id="name" v-model="inner.name" label="Name" size="sm" required></f-text>
<f-select id="fee_id" v-model="inner.fee_id" name="fee_id" :options="fees" label="Nami-Beitrag" <f-select id="fee_id" v-model="inner.fee_id" name="fee_id" :options="fees" label="Nami-Beitrag" size="sm" required></f-select>
size="sm" required></f-select>
</div> </div>
</ui-box> </ui-box>
<ui-box heading="Positionen"> <ui-box heading="Positionen">
<div class="flex flex-col space-y-4"> <div class="flex flex-col space-y-4">
<div v-for="(pos, index) in inner.children" :key="index" class="flex space-x-2 items-end"> <div v-for="(pos, index) in inner.children" :key="index" class="flex space-x-2 items-end">
<f-text :id="`name-${index}`" v-model="pos.name" label="Name" size="sm" required></f-text> <f-text :id="`name-${index}`" v-model="pos.name" label="Name" size="sm" required></f-text>
<f-text :id="`amount-${index}`" v-model="pos.amount" label="Beitrag" size="sm" mode="area" <f-text :id="`amount-${index}`" v-model="pos.amount" label="Beitrag" size="sm" mode="area" required></f-text>
required></f-text> <a href="#" class="btn btn-sm btn-danger icon flex-none" @click.prevent="inner.children.splice(index, 1)">
<a href="#" class="btn btn-sm btn-danger icon flex-none"
@click.prevent="inner.children.splice(index, 1)">
<ui-sprite src="trash" class="w-5 h-5"></ui-sprite> <ui-sprite src="trash" class="w-5 h-5"></ui-sprite>
</a> </a>
</div> </div>
<a href="#" class="btn btn-sm flex btn-primary flex self-start mt-4" <a href="#" class="btn btn-sm flex btn-primary flex self-start mt-4" @click.prevent="inner.children.push({name: 'Beitrag {year} für {name} (' + inner.name + ')', amount: 0})">
@click.prevent="inner.children.push({ name: ('Beitrag {year} für {name} (' + inner.name + ')'), amount: 0 })">
<ui-sprite src="plus" class="w-5 h-5"></ui-sprite> <ui-sprite src="plus" class="w-5 h-5"></ui-sprite>
Position hinzufügen Position hinzufügen
</a> </a>
@ -38,7 +34,6 @@
<script> <script>
export default { export default {
props: { props: {
data: {}, data: {},
fees: {}, fees: {},
@ -47,7 +42,7 @@ export default {
}, },
data: function () { data: function () {
return { return {
inner: { ...this.data }, inner: {...this.data},
}; };
}, },