EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Migrate missing styles

Browse Source
This commit is contained in:
Björn Fromme
2022-08-21 18:28:31 +02:00
parent f6d988c9f1
commit 6fd5fe0373
1 changed files with 54 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
+54 -56
View File
@@ -1,81 +1,77 @@
<template> <template>
<div> <div>
<h1>Teamer</h1> <p class="text-2xl pb-4">Teamer</p>
<form @submit.prevent="save()"> <form @submit.prevent="save()">
<div class="row"> <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="col-xs-12 col-md-6"> <div>
<h4>Fährst du Ski oder Board?</h4> <h4 class="mb-2">Fährst du Ski oder Board?</h4>
<div class="form-group"> <div class="flex flex-col space-y-1 pb-4">
<div class="checkbox" v-for="ability of abilities"> <label class="flex items-center"
<label> v-for="ability of abilities" :key="ability.id">
<input type="checkbox" class="form-control" v-model="userData.abilities" <input type="checkbox"
:value="ability.id" /> class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> v-model="userData.abilities"
{{ ability['title'] }} :value="ability.id"/>
</label> <span class="ml-2">{{ ability.title }}</span>
</div> </label>
</div> </div>
<h4>Mögliche Jobprofile</h4> <h4 class="mb-2">Mögliche Jobprofile</h4>
<div class="form-group"> <div class="flex flex-col space-y-1 pb-4">
<div class="checkbox" v-for="jobProfile of jobProfiles"> <label class="flex items-center"
<label> v-for="jobProfile of jobProfiles" :key="jobProfile.id">
<input type="checkbox" class="form-control" v-model="userData.jobProfiles" <input type="checkbox"
:value="jobProfile.id" /> class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> v-model="userData.jobProfiles"
{{ jobProfile['title'] }} :value="jobProfile.id"/>
</label> <span class="ml-2">{{ jobProfile.title }}</span>
</div> </label>
</div> </div>
<h4>Sonstiges</h4> <h4 class="mb-2">Sonstiges</h4>
<div class="form-group"> <div class="flex flex-col space-y-1 pb-4">
<div class="checkbox"> <label class="flex items-center">
<label> <input type="checkbox"
<input type="checkbox" class="form-control" v-model="userData.wantsToLead"/> class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> v-model="userData.wantsToLead"/>
Ich möchte eine Fahrtenleitung übernehmen. <span class="ml-2">Ich möchte eine Fahrtenleitung übernehmen</span>
</label> </label>
</div>
</div> </div>
<form-group label="Status"> <form-group label="Status">
<select id="status" v-model="userData.seniority" class="form-control"> <select id="status" v-model="userData.seniority" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
<option v-for="status in this.status" :value="status.value">{{ status.label }}</option> <option v-for="status in this.status" :value="status.value">{{ status.label }}</option>
</select> </select>
</form-group> </form-group>
<form-group label="Jackengröße"> <form-group label="Jackengröße">
<select v-model="userData.jacketSize" class="form-control"> <select v-model="userData.jacketSize" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full">
<option v-for="size of this.sizes" :value="size">{{ size }}</option> <option v-for="size of this.sizes" :value="size">{{ size }}</option>
</select> </select>
</form-group> </form-group>
<form-group label="Wünsche"> <form-group label="Wünsche">
<textarea class="xxlarge form-control" cols="30" rows="3" v-model="userData.notes"></textarea> <textarea class="w-full" cols="30" rows="3" v-model="userData.notes"></textarea>
</form-group> </form-group>
</div> </div>
<div class="col-xs-12 col-md-6"> <div>
<h4>Verfügbarkeiten</h4> <h4 class="mb-2">Verfügbarkeiten</h4>
<div class="checkbox" v-for="timeFrame in timeFrames"> <div class="flex flex-col space-y-1 pb-4">
<label> <label class="flex items-center"
<input type="checkbox" class="form-control" v-model="userData.availableTimeFrames" v-for="timeFrame of timeFrames" :key="timeFrame.id">
<input type="checkbox"
class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
v-model="userData.availableTimeFrames"
:value="timeFrame.id"/> :value="timeFrame.id"/>
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> <span class="ml-2">{{ timeFrame | period }}</span>
{{ timeFrame | period }}
</label> </label>
</div> <label class="flex items-center">
<div class="checkbox"> <input type="checkbox"
<label> class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 text-ep-secondary sbw:text-sbw-secondary"
<input type="checkbox" class="form-control" v-model="userData.monthLong"/> v-model="userData.monthLong"/>
<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span> <span class="ml-2">Ich habe Zeit und würde gerne über einen Monat am Stück in eine Destination.</span>
Ich habe Zeit und würde gerne über einen Monat am Stück in eine Destination.
</label> </label>
</div> </div>
</div> </div>
</div> <div class="col-span-1 md:col-span2">
<div class="row"> <button type="submit" class="button bg-button" :disabled="loading">
<div class="col-xs-12"> Speichern
<div class="form-group"> </button>
<button type="submit" class="button bg-button" :disabled="loading">
Speichern
</button>
</div>
</div> </div>
</div> </div>
</form> </form>
@@ -145,6 +141,7 @@
}) })
.finally(() => { .finally(() => {
this.endLoading() this.endLoading()
this.$emit('loaded')
}) })
} }
}, },
@@ -166,6 +163,7 @@
.catch(() => {}) .catch(() => {})
.finally(() => { .finally(() => {
this.endLoading() this.endLoading()
this.$emit('loaded')
}) })
}, },
computed: { computed: {