This commit is contained in:
philipp lang 2024-01-27 21:31:06 +01:00
parent 994700e34a
commit 26d0f49568
1 changed files with 35 additions and 17 deletions

View File

@ -1,31 +1,49 @@
<template> <template>
<page-layout> <page-layout>
<form target="_BLANK" class="max-w-4xl w-full mx-auto gap-6 grid-cols-2 grid p-6"> <form target="_BLANK" class="max-w-4xl w-full mx-auto gap-6 grid-cols-2 grid p-6">
<f-text id="eventName" v-model="values.eventName" name="eventName" class="col-span-2" <f-text id="eventName" v-model="values.eventName" name="eventName" class="col-span-2" label="Veranstaltungs-Name" required></f-text>
label="Veranstaltungs-Name" required></f-text>
<f-text id="dateFrom" v-model="values.dateFrom" name="dateFrom" type="date" label="Datum von" required></f-text> <f-text id="dateFrom" v-model="values.dateFrom" name="dateFrom" type="date" label="Datum von" required></f-text>
<f-text id="dateUntil" v-model="values.dateUntil" name="dateUntil" type="date" label="Datum bis" <f-text id="dateUntil" v-model="values.dateUntil" name="dateUntil" type="date" label="Datum bis" required></f-text>
required></f-text>
<f-text id="zipLocation" v-model="values.zipLocation" name="zipLocation" label="PLZ / Ort" required></f-text> <f-text id="zipLocation" v-model="values.zipLocation" name="zipLocation" label="PLZ / Ort" required></f-text>
<f-select id="country" v-model="values.country" :options="countries" name="country" label="Land" <f-select id="country" v-model="values.country" :options="countries" name="country" label="Land" required></f-select>
required></f-select>
<div class="border-gray-200 shadow shadow-primary-700 p-3 shadow-[0_0_4px_gray] col-span-2"> <div class="border-gray-200 shadow shadow-primary-700 p-3 shadow-[0_0_4px_gray] col-span-2">
<f-text id="search_text" ref="search_text_field" v-model="searchText" class="col-span-2" name="search_text" <f-text
label="Suchen …" size="sm" @keypress.enter.prevent="onSubmitFirstMemberResult"></f-text> id="search_text"
ref="search_text_field"
v-model="searchText"
class="col-span-2"
name="search_text"
label="Suchen …"
size="sm"
@keypress.enter.prevent="onSubmitFirstMemberResult"
></f-text>
<div class="mt-2 grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-2 col-span-2"> <div class="mt-2 grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-2 col-span-2">
<f-switch v-for="member in search.results" :id="`members-${member.id}`" :key="member.id" <f-switch
v-model="values.members" :label="`${member.firstname} ${member.lastname}`" name="members[]" v-for="member in search.results"
:value="member.id" size="sm" inline :id="`members-${member.id}`"
@keypress.enter.prevent="onSubmitMemberResult(member)"></f-switch> :key="member.id"
v-model="values.members"
:label="`${member.firstname} ${member.lastname}`"
name="members[]"
:value="member.id"
size="sm"
inline
@keypress.enter.prevent="onSubmitMemberResult(member)"
></f-switch>
</div> </div>
</div> </div>
<button v-for="(compiler, index) in compilers" class="btn btn-primary mt-3 inline-block" @click.prevent=" <button
values.type = compiler.class; v-for="(compiler, index) in compilers"
submit(); class="btn btn-primary mt-3 inline-block"
" v-text="compiler.title"></button> @click.prevent="
values.type = compiler.class;
submit();
"
v-text="compiler.title"
></button>
</form> </form>
</page-layout> </page-layout>
</template> </template>
@ -75,7 +93,7 @@ export default {
hasFullAddress: true, hasFullAddress: true,
}, },
}, },
{ headers: { 'X-Meta': 'false' } } {headers: {'X-Meta': 'false'}}
); );
this.search.results = response.data.data; this.search.results = response.data.data;