surya/myprojplanet_vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Editor Pagine Elementi: Sezione, Righe, Colonne, Elementi. (rows, columns, elems)

Browse Source
This commit is contained in:
Surya Paolo
2025-09-08 01:02:32 +02:00
parent 63d0f865fd
commit cb0c26a43c
19 changed files with 1915 additions and 412 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/components/CMyEditElem/CMyEditElem.ts
View File

@@ -14,10 +14,11 @@ import type {
} from '@src/model';
import { IImgGallery, ILabelValue, IMyPage, IOperators } from '@src/model';
import { useGlobalStore } from '@store/globalStore';
import { useCatalogStore } from '@store/catalogStore';
import { useCatalogStore } from '@store/CatalogStore';
import { CImgTitle } from '@src/components/CImgTitle';
import { CImgPoster } from '@src/components/CImgPoster';
import { CMyElemAdd } from '@src/components/CMyElemAdd';
import { CTitle } from '@src/components/CTitle/index';
import { tools } from '@tools';
import { useRouter } from 'vue-router';
@@ -72,9 +73,19 @@ export default defineComponent({
CMySize,
CBorders,
CMyDimensioni,
CMyText, CMySlideNumber,
CMyText,
CMySlideNumber,
CMyElemAdd,
},
emits: ['saveElem', 'selElemClick', 'toggleSize', 'deleteElem', 'dupPage', 'expPage', 'impPage'],
emits: [
'saveElem',
'selElemClick',
'toggleSize',
'deleteElem',
'dupPage',
'expPage',
'impPage',
],
props: {
myelem: {
type: Object as PropType<IMyElem>,
@@ -178,38 +189,6 @@ export default defineComponent({
return neword;
}
async function addNewElem(elemsel: any, direz: number) {
visuadd.value = false;
let neword = 0;
let recfound = null;
if (direz === -1) {
// Sopra
// ottieni l'elemento precedente, mantenendo l'ordinamento
recfound = globalStore.getMyElemPrecThisElemId(props.idPage, elemsel._id);
} else if (direz === 1) {
// Sotto
// ottieni l'elemento precedente, mantenendo l'ordinamento
recfound = globalStore.getMyElemNextThisElemId(props.idPage, elemsel._id);
}
if (recfound) {
// get the middle of the order number between thie 2 elements
neword = Math.round((recfound.order + elemsel.order) / 2);
}
let myelem = props.myelem;
myelem.idPage = props.idPage;
const newrec = await globalStore.prepareAddNewElem(neword, $q, t, myelem, newtype.value);
emit('selElemClick', newrec);
// emit('updateAll', newrec)
}
async function dupPage() {
emit('dupPage', null);
}
@@ -228,7 +207,7 @@ export default defineComponent({
newrec.containerHtml = 'Copia di ' + newrec.containerHtml;
}
const mynewelem = await globalStore.addNewElem($q, t, newrec);
const mynewelem = await globalStore.addNewElem($q, t, newrec, newrec);
emit('selElemClick', mynewelem);
}
@@ -291,12 +270,20 @@ export default defineComponent({
if (myel.value.catalogo && myel.value.catalogo?.arrSchede) {
for (const recscheda of myel.value.catalogo!.arrSchede) {
if (recscheda.scheda) {
recscheda.scheda.testo_right_attaccato = tools.resetIText(recscheda.scheda?.testo_right_attaccato);
recscheda.scheda.testo_right = tools.resetIText(recscheda.scheda?.testo_right);
recscheda.scheda.testo_bottom = tools.resetIText(recscheda.scheda?.testo_bottom);
recscheda.scheda.testo_right_attaccato = tools.resetIText(
recscheda.scheda?.testo_right_attaccato
);
recscheda.scheda.testo_right = tools.resetIText(
recscheda.scheda?.testo_right
);
recscheda.scheda.testo_bottom = tools.resetIText(
recscheda.scheda?.testo_bottom
);
if (!recscheda.scheda?.dimensioni.pagina.dimensioni) {
recscheda.scheda.dimensioni.pagina = tools.resetRecIPagina(recscheda.scheda?.dimensioni.pagina);
recscheda.scheda.dimensioni.pagina = tools.resetRecIPagina(
recscheda.scheda?.dimensioni.pagina
);
}
if (!recscheda.scheda?.dimensioni?.pagina?.testo_up) {
recscheda.scheda!.dimensioni.pagina.testo_up = tools.resetIText(null);
@@ -342,30 +329,40 @@ export default defineComponent({
myel.value.catalogo.first_page = tools.resetRecIDimensioni(null);
}
myel.value.catalogo.first_page = tools.resetRecIDimensioni(myel.value.catalogo.first_page);
myel.value.catalogo.first_page = tools.resetRecIDimensioni(
myel.value.catalogo.first_page
);
}
if (myel.value.catalogo) {
if (!myel.value.catalogo.last_page) myel.value.catalogo.last_page = tools.resetRecIDimensioni(null);
if (!myel.value.catalogo.last_page)
myel.value.catalogo.last_page = tools.resetRecIDimensioni(null);
myel.value.catalogo.last_page = tools.resetRecIDimensioni(myel.value.catalogo.last_page);
myel.value.catalogo.last_page = tools.resetRecIDimensioni(
myel.value.catalogo.last_page
);
}
if (myel.value.catalogo) {
if (!myel.value.catalogo.areadistampa) {
myel.value.catalogo.areadistampa = tools.resetRecIAreaDiStampa(null);
myel.value.catalogo.areadistampa.margini = { left: '0.59', top: '0.59', right: '0.59', bottom: '0.28' };
myel.value.catalogo.areadistampa.margini = {
left: '0.59',
top: '0.59',
right: '0.59',
bottom: '0.28',
};
myel.value.catalogo.print_isTemplate = false;
myel.value.catalogo.print_linkIdTemplate = '';
}
myel.value.catalogo.areadistampa = tools.resetRecIAreaDiStampa(myel.value.catalogo.areadistampa);
myel.value.catalogo.areadistampa = tools.resetRecIAreaDiStampa(
myel.value.catalogo.areadistampa
);
}
if (myel.value.catalogo && !myel.value.catalogo.dimensioni_def) {
myel.value.catalogo.dimensioni_def = {
isTemplate: false,
linkIdTemplate: '',
scalexscheda: 1,
scaleyscheda: 1,
name: '',
pagina: {},
};
@@ -390,7 +387,13 @@ export default defineComponent({
function addNewCard() {
if (!myel.value.listcards) myel.value.listcards = [];
myel.value.listcards.push({ _id: objectId(), imagefile: '', alt: '', description: '', vers_img: 0 });
myel.value.listcards.push({
_id: objectId(),
imagefile: '',
alt: '',
description: '',
vers_img: 0,
});
modifElem();
}
function addNewScheda() {
@@ -420,7 +423,12 @@ export default defineComponent({
if (myschedatocopy) {
const newscheda = myschedatocopy.scheda!.name;
const msg = 'Sostituisci questa scheda (' + schedadest.scheda?.name + ') con "' + newscheda + '" ?';
const msg =
'Sostituisci questa scheda (' +
schedadest.scheda?.name +
') con "' +
newscheda +
'" ?';
$q.dialog({
message: msg,
@@ -447,7 +455,9 @@ export default defineComponent({
function dupNewScheda(id: string) {
if (!myel.value.catalogo!.arrSchede) return;
const myfindscheda = myel.value.catalogo!.arrSchede.find((scheda: ISchedaSingola) => scheda._id === id);
const myfindscheda = myel.value.catalogo!.arrSchede.find(
(scheda: ISchedaSingola) => scheda._id === id
);
if (myfindscheda) {
const myscheda = tools.jsonCopy(myfindscheda);
@@ -513,20 +523,25 @@ export default defineComponent({
}
function showFit() {
if (props.myelem.type) return [shared_consts.ELEMTYPE.TEXT].includes(props.myelem.type);
if (props.myelem.type)
return [shared_consts.ELEMTYPE.TEXT].includes(props.myelem.type);
else return false;
}
function delRecCard(id: string, myel: IMyElem) {
//
if (props.myelem.type === shared_consts.ELEMTYPE.CARD) {
if (myel.listcards) myel.listcards = myel.listcards.filter((card: IMyCard) => card._id !== id);
if (myel.listcards)
myel.listcards = myel.listcards.filter((card: IMyCard) => card._id !== id);
} else if (props.myelem.type === shared_consts.ELEMTYPE.IMGPOSTER) {
if (myel.elemsText) myel.elemsText = myel.elemsText.filter((rec: IElemText) => rec._id !== id);
if (myel.elemsText)
myel.elemsText = myel.elemsText.filter((rec: IElemText) => rec._id !== id);
}
}
function delRecScheda(id: string, myel: IMyElem) {
const myscheda = myel.catalogo!.arrSchede!.find((scheda: ISchedaSingola) => scheda._id === id);
const myscheda = myel.catalogo!.arrSchede!.find(
(scheda: ISchedaSingola) => scheda._id === id
);
if (myscheda) {
$q.dialog({
@@ -541,7 +556,9 @@ export default defineComponent({
persistent: false,
}).onOk(async () => {
//
myel.catalogo!.arrSchede = myel.catalogo!.arrSchede!.filter((scheda: ISchedaSingola) => scheda._id !== id);
myel.catalogo!.arrSchede = myel.catalogo!.arrSchede!.filter(
(scheda: ISchedaSingola) => scheda._id !== id
);
modifElem();
});
@@ -553,7 +570,9 @@ export default defineComponent({
const iscatalogo = costanti.CATALOGO_FIELDS.includes(col.name);
const isscheda = costanti.SCHEDA_FIELDS.includes(col.name);
const isIImg = costanti.IMG_FIELDS.includes(col.name) && col.fieldtype === costanti.FieldType.imagerec;
const isIImg =
costanti.IMG_FIELDS.includes(col.name) &&
col.fieldtype === costanti.FieldType.imagerec;
if (col.fieldtype === costanti.FieldType.imagerec) {
if (iscatalogo) {
@@ -569,15 +588,27 @@ export default defineComponent({
} else {
myel.value[col.name] = newval.imagefile;
}
if (newval.idElemParent) {
rec['idElemParent'] = newval.idElemParent;
}
} else {
if (iscatalogo) {
myel.value.catalogo[col.name] = newval;
console.log('SALVATO IN', col.name, newval, 'RIS', myel.value.catalogo[col.name]);
console.log(
'SALVATO IN',
col.name,
newval,
'RIS',
myel.value.catalogo[col.name]
);
} else if (isscheda) {
rec[col.name] = newval;
} else {
myel.value[col.name] = newval;
}
/*if (newval.idElemParent) {
myel.value['idElemParent'] = newval.idElemParent;
}*/
}
}
@@ -711,7 +742,10 @@ export default defineComponent({
elemprec.order = oldorder;
if (oldorder === elemprec.order!) {
const elemprec2 = globalStore.getMyElemPrecThisElemId(props.idPage, elemprec._id);
const elemprec2 = globalStore.getMyElemPrecThisElemId(
props.idPage,
elemprec._id
);
neworder = (elemprec2.order! + elemprec.order) / 2;
elemprec.order = Math.round((oldorder + neworder) / 2);
@@ -725,7 +759,10 @@ export default defineComponent({
elemnext.order = oldorder;
if (oldorder === elemnext.order!) {
const elemnext2 = globalStore.getMyElemNextThisElemId(props.idPage, elemnext._id);
const elemnext2 = globalStore.getMyElemNextThisElemId(
props.idPage,
elemnext._id
);
neworder = (elemnext2.order! + elemnext.order) / 2;
elemnext.order = Math.round((oldorder + neworder) / 2);
@@ -770,6 +807,10 @@ export default defineComponent({
return myel.value.type === shared_consts.ELEMTYPE.CATALOGO;
}
function AddedNewElem(newrec: any) {
emit('selElemClick', newrec);
}
onMounted(mounted);
return {
@@ -786,7 +827,6 @@ export default defineComponent({
disableSave,
modifElem,
delElem,
addNewElem,
newtype,
neworder,
elemChanged,
@@ -838,6 +878,7 @@ export default defineComponent({
catalogStore,
naviga,
isElementoSpecifico,
AddedNewElem,
};
},
});

122
src/components/CMyEditElem/CMyEditElem.vue
View File

@@ -2705,115 +2705,19 @@
transition-show="slide-up"
transition-hide="slide-down"
>
<q-card class="">
<q-bar
dense
class="bg-primary text-white"
>
Aggiungi Elemento:
<q-space />
<q-btn
flat
round
color="white"
icon="close"
v-close-popup
></q-btn>
</q-bar>
<div class="q-pa-md row justify-center">
<div style="width: 100%; max-width: 600px">
<q-list
padding
bordered
class="rounded-borders"
>
<q-expansion-item
label="Principali"
icon="fas fa-eye"
dense
dense-toggle
expand-separator
default-opened
>
<div class="row q-pa-sm">
<div
v-for="(rec, index) in shared_consts.TypesElem"
:key="index"
class="col-6 q-pa-xs"
>
<q-btn
v-if="enableAdd"
:label="rec.label"
color="primary"
class="full-width uniform-button q-px-sm"
@click="
newtype = rec.value;
addNewElem(myel, direzadd);
"
>
</q-btn>
</div>
</div>
</q-expansion-item>
<q-expansion-item
dense
dense-toggle
expand-separator
label="Gestione"
icon="fas fa-cog"
>
<div class="row q-pa-sm">
<div
v-for="(rec, index) in shared_consts.TypesElemAdmin"
:key="index"
class="col-6 q-pa-xs"
>
<q-btn
v-if="enableAdd"
:label="rec.label"
color="primary"
class="full-width uniform-button q-px-sm"
@click="
newtype = rec.value;
addNewElem(myel, direzadd);
"
>
</q-btn>
</div>
</div>
</q-expansion-item>
<q-expansion-item
dense
dense-toggle
expand-separator
label="Avanzati"
icon="fas fa-star"
>
<div class="row q-pa-sm">
<div
v-for="(rec, index) in shared_consts.TypesElemAdminTools"
:key="index"
class="col-6 q-pa-sm"
>
<q-btn
v-if="enableAdd"
:label="rec.label"
color="primary"
class="full-width uniform-button q-px-sm"
@click="
newtype = rec.value;
addNewElem(myel, direzadd);
"
>
</q-btn>
</div>
</div>
</q-expansion-item>
</q-list>
</div>
</div>
</q-card>
<CMyElemAdd
v-if="visuadd"
:myelem="myel"
:myElemParent="myel"
:idPage="idPage"
:path="path"
:editOn="editOn"
:direzadd="direzadd"
:addOn="addOn"
@AddedNewElem="AddedNewElem"
@close="visuadd = false"
>
</CMyElemAdd>
</q-dialog>
</div>
</template>