Animations, Policy, Toolbar Colors
This commit is contained in:
Surya Paolo
@@ -73,6 +73,7 @@ export default defineComponent({
|
||||
const animare = ref(0)
|
||||
const slide = ref(0)
|
||||
const slide2 = ref(0)
|
||||
const tabCard = ref('card0')
|
||||
const arrPages = ref([] as any[])
|
||||
const disableSave = ref(true)
|
||||
const enableEdit = ref(true)
|
||||
@@ -295,6 +296,7 @@ export default defineComponent({
|
||||
saveCard,
|
||||
updateElem,
|
||||
showAnimation,
|
||||
tabCard,
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
@update:model-value="modifElem"
|
||||
dense
|
||||
label="Allinea"
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
emit-value
|
||||
map-options
|
||||
>
|
||||
@@ -138,7 +138,7 @@
|
||||
@update:model-value="modifElem"
|
||||
dense
|
||||
label="Vert Allinea"
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
emit-value
|
||||
map-options
|
||||
>
|
||||
@@ -146,7 +146,7 @@
|
||||
<q-select
|
||||
v-if="enableEdit"
|
||||
rounded
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
outlined
|
||||
v-model="myel.class"
|
||||
:options="tools.SelectListClass"
|
||||
@@ -160,7 +160,7 @@
|
||||
<q-select
|
||||
v-if="enableEdit && showFit"
|
||||
rounded
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
outlined
|
||||
v-model="myel.fit"
|
||||
:options="tools.SelectListFit"
|
||||
@@ -184,7 +184,7 @@
|
||||
</div>
|
||||
<CSelectAnimation
|
||||
v-if="enableEdit && showAnimation"
|
||||
v-model="myel.class_anim"
|
||||
v-model="myel.anim"
|
||||
@update:model-value="modifElem"
|
||||
>
|
||||
</CSelectAnimation>
|
||||
@@ -205,9 +205,16 @@
|
||||
v-if="myel.type === shared_consts.ELEMTYPE.CARD"
|
||||
:class="myel.span ? '' : ''"
|
||||
>
|
||||
<CSelectAnimation
|
||||
v-if="enableEdit && showAnimation"
|
||||
v-model="myel.anim2"
|
||||
@update:model-value="modifElem"
|
||||
label="Animaz Immagini"
|
||||
>
|
||||
</CSelectAnimation>
|
||||
<div class="row">
|
||||
<q-input
|
||||
label="Classe Card:"
|
||||
label="Classe Schede:"
|
||||
@update:model-value="modifElem"
|
||||
v-model="myel.class3"
|
||||
filled
|
||||
@@ -219,115 +226,140 @@
|
||||
rounded
|
||||
dense
|
||||
color="primary"
|
||||
label="Card"
|
||||
label="Scheda"
|
||||
icon="fas fa-plus"
|
||||
@click="addNewCard"
|
||||
>
|
||||
</q-btn>
|
||||
<div v-for="(rec, ind) in myel.listcards" :key="ind">
|
||||
<div v-if="enableEdit" class="column bordered q-ma-xs">
|
||||
<q-bar class="bg-primary text-white">
|
||||
Card {{ ind + 1 }}
|
||||
<q-space />
|
||||
<q-btn
|
||||
icon="fas fa-trash-alt"
|
||||
color="negative"
|
||||
dense
|
||||
flat
|
||||
size="sm"
|
||||
@click="delRecCard(rec._id, myel)"
|
||||
|
||||
<q-tabs
|
||||
v-model="tabCard"
|
||||
dense
|
||||
class="text-grey"
|
||||
active-color="primary"
|
||||
indicator-color="primary"
|
||||
align="justify"
|
||||
narrow-indicator
|
||||
>
|
||||
<q-tab
|
||||
v-for="(rec, ind) in myel.listcards"
|
||||
:key="ind"
|
||||
:name="`card` + ind"
|
||||
:label="`Scheda ` + (ind + 1)"
|
||||
icon="fas fa-pencil-alt"
|
||||
/>
|
||||
</q-tabs>
|
||||
|
||||
<q-tab-panels v-model="tabCard" animated>
|
||||
<q-tab-panel
|
||||
v-for="(rec, ind) in myel.listcards"
|
||||
:key="ind"
|
||||
:name="`card` + ind"
|
||||
>
|
||||
<div v-if="enableEdit" class="column bordered q-ma-xs">
|
||||
<q-bar class="bg-primary text-white">
|
||||
Card {{ ind + 1 }}
|
||||
<q-space />
|
||||
<q-btn
|
||||
icon="fas fa-trash-alt"
|
||||
color="negative"
|
||||
dense
|
||||
flat
|
||||
size="sm"
|
||||
@click="delRecCard(rec._id, myel)"
|
||||
>
|
||||
</q-btn>
|
||||
</q-bar>
|
||||
|
||||
<CMyFieldRec
|
||||
title="Immagine:"
|
||||
table="imgcards"
|
||||
:id="rec._id"
|
||||
:rec="rec"
|
||||
field="imagefile"
|
||||
@update:model-value="modifElem"
|
||||
@save="saveCard"
|
||||
:canEdit="true"
|
||||
:canModify="true"
|
||||
:nosaveToDb="true"
|
||||
:path="myel.path"
|
||||
:fieldtype="costanti.FieldType.imgcard"
|
||||
>
|
||||
</q-btn>
|
||||
</q-bar>
|
||||
</CMyFieldRec>
|
||||
|
||||
<CMyFieldRec
|
||||
title="Immagine:"
|
||||
table="imgcards"
|
||||
:id="rec._id"
|
||||
:rec="rec"
|
||||
field="imagefile"
|
||||
@update:model-value="modifElem"
|
||||
@save="saveCard"
|
||||
:canEdit="true"
|
||||
:canModify="true"
|
||||
:nosaveToDb="true"
|
||||
:path="myel.path"
|
||||
:fieldtype="costanti.FieldType.imgcard"
|
||||
>
|
||||
</CMyFieldRec>
|
||||
<div v-if="enableEdit" class="row">
|
||||
<q-input
|
||||
dense
|
||||
style="min-width: 150px"
|
||||
label="Titolo:"
|
||||
class="fa-border"
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.alt"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
<q-input
|
||||
dense
|
||||
style="min-width: 150px"
|
||||
label="Style:"
|
||||
class="fa-border"
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.style"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
<CSelectColor
|
||||
v-if="enableEdit"
|
||||
style="min-width: 150px"
|
||||
v-model="rec.color"
|
||||
@update:model-value="modifElem"
|
||||
title="Col Titolo"
|
||||
>
|
||||
</CSelectColor>
|
||||
<CSelectFontSize
|
||||
v-if="enableEdit"
|
||||
style="min-width: 200px"
|
||||
v-model="rec.size"
|
||||
@update:model-value="modifElem"
|
||||
title="Font Titolo"
|
||||
>
|
||||
</CSelectFontSize>
|
||||
</div>
|
||||
<CMyEditor
|
||||
v-model:value="rec.content"
|
||||
title="Contenuto:"
|
||||
@keyup.enter.stop
|
||||
:showButtons="false"
|
||||
:canModify="true"
|
||||
@update:value="modifElem"
|
||||
@showandsave="saveElem"
|
||||
>
|
||||
</CMyEditor>
|
||||
|
||||
<q-input
|
||||
label="Sottotitolo:"
|
||||
class="fa-border"
|
||||
dense
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.description"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
</div>
|
||||
<div v-if="enableEdit" class="row">
|
||||
<q-input
|
||||
dense
|
||||
style="min-width: 100px"
|
||||
label="Titolo:"
|
||||
class="fa-border"
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.alt"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
<q-input
|
||||
dense
|
||||
style="min-width: 100px"
|
||||
label="Style:"
|
||||
class="fa-border"
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.style"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
<CSelectColor
|
||||
v-if="enableEdit"
|
||||
style="min-width: 100px"
|
||||
v-model="rec.color"
|
||||
v-model="rec.colorsub"
|
||||
@update:model-value="modifElem"
|
||||
title="Col Titolo"
|
||||
title="Col Sottotitolo"
|
||||
>
|
||||
</CSelectColor>
|
||||
<CSelectFontSize
|
||||
v-if="enableEdit"
|
||||
style="min-width: 100px"
|
||||
v-model="rec.size"
|
||||
@update:model-value="modifElem"
|
||||
title="Font Titolo"
|
||||
>
|
||||
</CSelectFontSize>
|
||||
</div>
|
||||
<CMyEditor
|
||||
v-model:value="rec.content"
|
||||
title="Contenuto:"
|
||||
@keyup.enter.stop
|
||||
:showButtons="false"
|
||||
:canModify="true"
|
||||
@update:value="modifElem"
|
||||
@showandsave="saveElem"
|
||||
>
|
||||
</CMyEditor>
|
||||
|
||||
<q-input
|
||||
label="Sottotitolo:"
|
||||
class="fa-border"
|
||||
dense
|
||||
@update:model-value="modifElem"
|
||||
v-model="rec.description"
|
||||
filled
|
||||
v-on:keyup.enter="saveElem"
|
||||
>
|
||||
</q-input>
|
||||
</div>
|
||||
<div v-if="enableEdit" class="row">
|
||||
<CSelectColor
|
||||
v-if="enableEdit"
|
||||
v-model="rec.colorsub"
|
||||
@update:model-value="modifElem"
|
||||
title="Col Sottotitolo"
|
||||
>
|
||||
</CSelectColor>
|
||||
</div>
|
||||
</div>
|
||||
</q-tab-panel>
|
||||
</q-tab-panels>
|
||||
</div>
|
||||
|
||||
<div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
|
||||
@@ -477,7 +509,7 @@
|
||||
>
|
||||
</q-input>
|
||||
<CSelectColor
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
v-model="myel.color"
|
||||
@update:model-value="modifElem"
|
||||
title="Col Titolo"
|
||||
@@ -493,20 +525,20 @@
|
||||
>
|
||||
</q-input>
|
||||
<CSelectColor
|
||||
style="min-width: 100px"
|
||||
style="min-width: 150px"
|
||||
v-model="myel.colorsub"
|
||||
@update:model-value="modifElem"
|
||||
title="Col Sottotitolo"
|
||||
>
|
||||
</CSelectColor>
|
||||
</div>
|
||||
<CSelectAnimation
|
||||
v-if="enableEdit && showAnimation"
|
||||
v-model="myel.class_anim2"
|
||||
@update:model-value="modifElem"
|
||||
label="Animaz SottoTitolo"
|
||||
>
|
||||
</CSelectAnimation>
|
||||
<CSelectAnimation
|
||||
v-if="enableEdit && showAnimation"
|
||||
v-model="myel.anim2"
|
||||
@update:model-value="modifElem"
|
||||
label="Animaz SottoTitolo"
|
||||
>
|
||||
</CSelectAnimation>
|
||||
<div class="row">
|
||||
<q-input
|
||||
label="Classe Title"
|
||||
|
||||
Reference in New Issue
Block a user