encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve grid layout

Browse Source
This commit is contained in:
les
2021-04-27 11:10:18 +02:00
parent 8b6c26843c
commit a448999ad8
5 changed files with 66 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
pages/add/_edit.vue
View File

@@ -14,49 +14,54 @@
v-container
v-row
//- Not logged event
v-col.col-12(v-if='!$auth.loggedIn')
v-col(v-if='!$auth.loggedIn' cols=12)
p(v-html="$t('event.anon_description')")
//- Title
v-text-field.col-12(
@change='v => event.title = v'
:value = 'event.title'
:rules="[$validators.required('common.title')]"
prepend-icon='mdi-format-title'
:label="$t('common.title')"
autofocus
ref='title')
v-col(cols=12)
v-text-field(
@change='v => event.title = v'
:value = 'event.title'
:rules="[$validators.required('common.title')]"
prepend-icon='mdi-format-title'
:label="$t('common.title')"
autofocus
ref='title')
//- Where
WhereInput.col-12(v-model='event.place')
v-col(cols=12)
WhereInput(v-model='event.place')
//- When
DateInput.col-12(v-model='date')
DateInput(v-model='date')
//- Description
Editor.col-12.mb-3(
:label="$t('event.description_description')"
v-model='event.description'
:placeholder="$t('event.description_description')"
max-height='400px')
v-col.px-0(cols='12')
Editor.px-3.ma-0(
:label="$t('event.description_description')"
v-model='event.description'
:placeholder="$t('event.description_description')"
max-height='400px')
//- MEDIA / FLYER / POSTER
v-file-input.col-12.col-sm-6.mt-3(
:label="$t('common.media')"
:hint="$t('event.media_description')"
prepend-icon="mdi-camera"
v-model='event.image'
persistent-hint
accept='image/*')
v-col(cols=12 md=6)
v-file-input(
:label="$t('common.media')"
:hint="$t('event.media_description')"
prepend-icon="mdi-camera"
v-model='event.image'
persistent-hint
accept='image/*')
//- tags
v-combobox.col-12.col-sm-6.mt-3(v-model='event.tags'
prepend-icon="mdi-tag-multiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:delimiters="[',', ' ']"
:items="tags.map(t => t.tag)"
:label="$t('common.tags')")
v-img.col-12.col-sm-2.ml-3(v-if='mediaPreview' :src='mediaPreview')
v-col(cols=12 md=6)
v-combobox(v-model='event.tags'
prepend-icon="mdi-tag-multiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
:delimiters="[',', ' ']"
:items="tags.map(t => t.tag)"
:label="$t('common.tags')")
v-img.col-12.col-sm-2.ml-3(v-if='mediaPreview' :src='mediaPreview')
v-card-actions
v-spacer
@@ -118,7 +123,6 @@ export default {
return {
valid: false,
openImportDialog: false,
openMediaDialog: false,
event: {
place: { name: '', address: '' },
title: '',
@@ -163,6 +167,7 @@ export default {
fromHour: true,
dueHour: true
}
this.openImportDialog = false
},
cleanFile () {
this.event.image = {}