Flaschengeist/flaschengeist-frontend
Flaschengeist
/
flaschengeist-frontend
7
0
Fork 1
Code Issues Pull Requests Projects Releases Activity

[events] Fixed tables for Event and JobTypes

This commit is contained in:
Ferdinand Thiessen 2021-03-28 03:10:44 +02:00
parent 718c6eaf9d
commit e9333c4af4
2 changed files with 47 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/plugins/schedule/components/management/EventTypes.vue
View File

@ -15,32 +15,30 @@
</q-card> </q-card>
</q-dialog> </q-dialog>
<q-page padding> <q-card>
<q-card> <q-card-section>
<q-card-section> <q-table title="Veranstaltungstypen" :rows="rows" row-key="jobid" :columns="columns">
<q-table title="Veranstaltungstypen" :data="rows" row-key="jobid" :columns="columns"> <template #top-right>
<template #top-right> <q-input v-model="newEventType" dense placeholder="Neuer Typ" />
<q-input v-model="newEventType" dense placeholder="Neuer Typ" />
<div></div> <div></div>
<q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" /> <q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" />
</template> </template>
<template #body-cell-actions="props"> <template #body-cell-actions="props">
<!-- <q-btn :label="item"> --> <!-- <q-btn :label="item"> -->
<!-- {{ item.row.name }} --> <!-- {{ item.row.name }} -->
<q-td :props="props" align="right" :auto-width="true"> <q-td :props="props" align="right" :auto-width="true">
<q-btn <q-btn
round round
icon="mdi-pencil" icon="mdi-pencil"
@click="editType({ id: props.row.id, name: props.row.name })" @click="editType({ id: props.row.id, name: props.row.name })"
/> />
<q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" /> <q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" />
</q-td> </q-td>
</template> </template>
</q-table> </q-table>
</q-card-section> </q-card-section>
</q-card> </q-card>
</q-page>
</div> </div>
</template> </template>
@ -59,7 +57,7 @@ export default defineComponent({
const actualEvent = ref(emptyEvent); const actualEvent = ref(emptyEvent);
const newEventName = ref(''); const newEventName = ref('');
onBeforeMount(() => store.getEventTypes()); onBeforeMount(async () => await store.getEventTypes());
const rows = computed(() => store.eventTypes); const rows = computed(() => store.eventTypes);

48
src/plugins/schedule/components/management/JobTypes.vue
View File

@ -15,32 +15,30 @@
</q-card> </q-card>
</q-dialog> </q-dialog>
<q-page padding> <q-card>
<q-card> <q-card-section>
<q-card-section> <q-table title="Diensttypen" :rows="rows" row-key="jobid" :columns="columns">
<q-table title="Diensttypen" :data="rows" row-key="jobid" :columns="columns"> <template #top-right>
<template #top-right> <q-input v-model="newJob" dense placeholder="Neuer Typ" />
<q-input v-model="newJob" dense placeholder="Neuer Typ" />
<div></div> <div></div>
<q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" /> <q-btn color="primary" icon="mdi-plus" label="Hinzufügen" @click="addType" />
</template> </template>
<template #body-cell-actions="props"> <template #body-cell-actions="props">
<!-- <q-btn :label="item"> --> <!-- <q-btn :label="item"> -->
<!-- {{ item.row.name }} --> <!-- {{ item.row.name }} -->
<q-td :props="props" align="right" :auto-width="true"> <q-td :props="props" align="right" :auto-width="true">
<q-btn <q-btn
round round
icon="mdi-pencil" icon="mdi-pencil"
@click="editType({ id: props.row.id, name: props.row.name })" @click="editType({ id: props.row.id, name: props.row.name })"
/> />
<q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" /> <q-btn round icon="mdi-delete" @click="deleteType(props.row.id)" />
</q-td> </q-td>
</template> </template>
</q-table> </q-table>
</q-card-section> </q-card-section>
</q-card> </q-card>
</q-page>
</div> </div>
</template> </template>