Make form interactive..

This commit is contained in:
elweyn 2023-06-07 10:49:27 +02:00
parent 5f535c6e61
commit da71b4e952

View File

@ -116,7 +116,7 @@
</ds-chip> </ds-chip>
</div> </div>
</ds-grid-item> </ds-grid-item>
<ds-grid-item v-show="!formData.eventIsOnline" class="event-grid-item"> <ds-grid-item v-if="showEventLocationName" class="event-grid-item">
<ds-input <ds-input
model="eventLocationName" model="eventLocationName"
name="venue" name="venue"
@ -134,7 +134,8 @@
<div> <div>
<input <input
type="checkbox" type="checkbox"
:value="formData.eventIsOnline" v-model="formData.eventIsOnline"
model="eventIsOnline"
name="eventIsOnline" name="eventIsOnline"
class="event-grid-item-font-helper" class="event-grid-item-font-helper"
@change="changeEventIsOnline($event)" @change="changeEventIsOnline($event)"
@ -320,6 +321,9 @@ export default {
groupCategories() { groupCategories() {
return this.group && this.group.categories return this.group && this.group.categories
}, },
showEventLocationName() {
return !this.formData.eventIsOnline
},
}, },
watch: { watch: {
groupCategories() { groupCategories() {
@ -389,16 +393,12 @@ export default {
this.$refs.contributionForm.update('content', value) this.$refs.contributionForm.update('content', value)
}, },
changeEventIsOnline(event) { changeEventIsOnline(event) {
console.log('EventIsOnline', event) this.$refs.contributionForm.update('eventIsOnline', this.formData.eventIsOnline)
console.log('EventIsOnline', this.formData.eventIsOnline)
this.$refs.contributionForm.update('eventIsOnline', event.target.value)
}, },
changeEventEnd(event) { changeEventEnd(event) {
console.log('EventEnd', event)
this.$refs.contributionForm.update('eventEnd', event) this.$refs.contributionForm.update('eventEnd', event)
}, },
changeEventStart(event) { changeEventStart(event) {
console.log('EventStart', event)
this.$refs.contributionForm.update('eventStart', event) this.$refs.contributionForm.update('eventStart', event)
}, },
addHeroImage(file) { addHeroImage(file) {