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,
};
},
});