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

Merge branch 'develop'

Browse Source
This commit is contained in:
Björn Fromme
2022-12-01 17:43:30 +01:00
parent 665d4c1528 84c7a495b7
commit e592d0f110
3 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantAddressForm.vue
+3 -1
View File
@@ -9,7 +9,9 @@
<svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> <svg class="w-4 h-4" fill="none" :class="{ 'rotate-180': visible }" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
</button> </button>
<div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible"> <div class="absolute top-100 left-0 z-50 mt-4 border shadow-md p-4 bg-white w-screen max-w-xs space-y-2" v-show="visible">
<input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Mobil" <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
type="text" placeholder="Mobil"
v-model="participant.data.phoneMobile" :disabled="!mutable" v-model="participant.data.phoneMobile" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/ParticipantDataForm.vue
+15 -4
View File
@@ -1,18 +1,25 @@
<template> <template>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-1"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-1">
<input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Nachname" <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
type="text" placeholder="Nachname"
v-model="participant.data.lastName" :disabled="!mutable" v-model="participant.data.lastName" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
<input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="Vorname" <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
type="text" placeholder="Vorname"
v-model="participant.data.firstName" :disabled="!mutable" v-model="participant.data.firstName" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
<input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" type="text" placeholder="E-Mail" <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
type="text" placeholder="E-Mail"
v-model="participant.data.email" :disabled="!mutable" v-model="participant.data.email" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
<select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" <select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
v-model="participant.data.gender" :disabled="!mutable" v-model="participant.data.gender" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
@@ -21,13 +28,17 @@
<option value="D">divers</option> <option value="D">divers</option>
</select> </select>
<select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" <select class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
v-model="participant.data.nationality" :disabled="!mutable" v-model="participant.data.nationality" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
<option value="">Nationalität...</option> <option value="">Nationalität...</option>
<option v-for="country in countries" :key="country.code" :value="country.code">{{ country.adjective }}</option> <option v-for="country in countries" :key="country.code" :value="country.code">{{ country.adjective }}</option>
</select> </select>
<input type="date" class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full" placeholder="Geburtsdatum" <input type="date"
class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
:class="{'cursor-not-allowed': !mutable }"
placeholder="Geburtsdatum"
v-model="participant.data.dateOfBirth" :disabled="!mutable" v-model="participant.data.dateOfBirth" :disabled="!mutable"
@change="$emit('updated', participant)" @change="$emit('updated', participant)"
> >
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_forms.scss
+4
View File
@@ -14,3 +14,7 @@
@apply border-red-500; @apply border-red-500;
} }
} }
input[disabled] {
@apply cursor-not-allowed;
}