This commit is contained in:
Matthieu Bessat 2020-07-15 22:31:02 +02:00
commit e6bceb9d71
24 changed files with 122 additions and 24 deletions

View file

@ -6,10 +6,20 @@
:style="coverStyle">
</div>
<div class="cover-common cover-upper">
<v-btn
@click="$refs.avatarEditor.toggle()"
color="white"
>Changer la couverture</v-btn>
<div>
<v-btn
@click="$refs.avatarEditor.toggle()"
color="white"
>Changer la couverture</v-btn>
<v-btn
v-if="$store.state.data.cover !== null"
class="ml-3"
@click="clearCover()"
color="white"
icon
outlined
><v-icon>clear</v-icon></v-btn>
</div>
</div>
<AvatarEditor
@ -258,6 +268,11 @@ export default {
return m
})
this.$store.commit('SET_DATA', { gallery })
},
clearCover () {
this.$store.commit('SET_DATA', {
cover: null
})
}
}
}

View file

@ -55,7 +55,7 @@ export default {
data: () => ({
logoLoading: false,
rules: {
descriptionShort: [v => v.length <= 100 || 'Au maximum 100 caractères'],
descriptionShort: [v => v.length <= 200 || 'Au maximum 200 caractères'],
logo: [v => !v || v.size < 2000000 || 'La taille du logo doit être inférieur à 2 Mega Octets!']
}
}),

View file

@ -1,5 +1,6 @@
<template>
<div>
<v-btn small @click="fill()" class="mb-2">Préremplir</v-btn>
<tiptap-vuetify
v-model="$store.state.data.descriptionLong"
:extensions="tiptapExtensions"
@ -43,7 +44,7 @@ export default {
OrderedList,
[Heading, {
options: {
levels: [1, 2, 3]
levels: [3, 4]
}
}],
Bold,
@ -51,6 +52,23 @@ export default {
Paragraph,
HardBreak
]
})
}),
methods: {
fill () {
this.$store.commit('SET_DATA', {
descriptionLong: `
<h3>Niveau 3</h3>
<p>Diam sit voluptua sadipscing sit et sit diam et labore, invidunt justo eos dolores dolores sit nonumy justo ea et, et eirmod diam kasd eos magna et justo gubergren, lorem at sit vero tempor aliquyam no labore et eos, vero clita no est sadipscing, duo lorem dolor accusam diam dolor diam elitr sit est, voluptua lorem duo elitr sea. Accusam.</p>
<h3>Niveau 2</h3>
<p>Diam sit voluptua sadipscing sit et sit diam et labore, invidunt justo eos dolores dolores sit nonumy justo ea et, et eirmod diam kasd eos magna et justo gubergren, lorem at sit vero tempor aliquyam no labore et eos, vero clita no est sadipscing, duo lorem dolor accusam diam dolor diam elitr sit est, voluptua lorem duo elitr sea. Accusam.</p>
<h4>Niveau 4</h4>
<p>Diam sit voluptua sadipscing sit et sit diam et labore, invidunt justo eos dolores dolores sit nonumy justo ea et, et eirmod diam kasd eos magna et justo gubergren, lorem at sit vero tempor aliquyam no labore et eos, vero clita no est sadipscing, duo lorem dolor accusam diam dolor diam elitr sit est, voluptua lorem duo elitr sea. Accusam.</p>
`
})
}
}
}
</script>

View file

@ -83,6 +83,9 @@
label="Description/Sous Titre du tarif"
hint="Optionel"
/>
<div class="d-flex justify-center">
<v-btn small @click="loadDummy()">Préremplir</v-btn>
</div>
</v-card-text>
<v-card-actions>
<v-btn @click="itemModal = false" text color="primary">
@ -121,24 +124,26 @@ export default {
data: () => ({
itemModal: false,
mode: '',
item: {
defaultItem: {
priceLabel: '',
name: '',
description: ''
},
item: {},
toDelete: {},
deleteModal: false,
oldEdit: {}
}),
created () {
this.item = JSON.parse('{"priceLabel":"3.14159 €","name":"Hippie","description":"Vomissures que ce juillets haleurs haleurs dont, roulant"}')
},
computed: {
itemModalTitle () { return this.mode === 'add' ? 'Ajouter' : 'Editer' }
},
methods: {
loadDummy () {
this.item = JSON.parse('{"priceLabel":"3.14159 €","name":"Hippie","description":"Vomissures que ce juillets haleurs haleurs dont, roulant"}')
},
openAddModal () {
this.mode = 'add'
this.item = this.defaultItem
this.itemModal = true
},
save () {