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

- Assegnazione di linkIdTemplate anche per la "Pagina di Default", in modo che posso da "Templates" cambiare le impostazioni.

Browse Source
This commit is contained in:
Surya Paolo
2025-05-14 17:04:18 +02:00
parent fc8a954eb0
commit f30cbf072a
13 changed files with 1508 additions and 1251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/shared_vuejs.ts
View File

@@ -442,7 +442,7 @@ export const shared_consts = {
TABLES_DIRECTORY_A_PARTE: ['mygroups'],
TABLES_WITH_ADMINS: ['mygroups', 'circuits'],
TABLES_DIRECTORY_SINGLE_IMG: ['circuits', 'catalogs', 'raccoltacataloghis'],
TABLES_IMAGEFILE_SINGOLO: ['productInfos'],
TABLES_IMAGEFILE_SINGOLO: ['productInfos', 'products'],
TABLES_PER_EDITORI: ['catalogs', 'raccoltacataloghis'],

2
src/components/CContainerCatalogoCard/CContainerCatalogoCard.ts
View File

@@ -81,7 +81,7 @@ export default defineComponent({
watch(() => props.modelValue, (newVal) => {
optcatalogo.value = { ...newVal };
// updateCatalogoPadre()
}, { deep: false });
}, { deep: true });
function updateCatalogoPadre() {
emit('update:modelValue', optcatalogo.value);

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

@@ -1,52 +1,75 @@
import type { PropType } from 'vue';
import {
defineComponent, onMounted, computed, ref, toRef, watch,
nextTick,
} from 'vue'
import { defineComponent, onMounted, computed, ref, toRef, watch, nextTick } from 'vue';
import type { IOptCatalogo, IColGridTable, IElemText, IElementiScheda, IMyCard, IMyElem, IMyScheda, ISchedaSingola, IText } from '@src/model';
import { IImgGallery, ILabelValue, IMyPage, IOperators } from '@src/model'
import { useGlobalStore } from '@store/globalStore'
import type {
IOptCatalogo,
IColGridTable,
IElemText,
IElementiScheda,
IMyCard,
IMyElem,
IMyScheda,
ISchedaSingola,
IText,
} from '@src/model';
import { IImgGallery, ILabelValue, IMyPage, IOperators } from '@src/model';
import { useGlobalStore } from '@store/globalStore';
import { CImgTitle } from '@src/components/CImgTitle'
import { CImgPoster } from '@src/components/CImgPoster'
import { CTitle } from '@src/components/CTitle/index'
import { tools } from '@tools'
import { shared_consts } from '@src/common/shared_vuejs'
import { LandingFooter } from '@src/components/LandingFooter'
import { COpenStreetMap } from '@src/components/COpenStreetMap'
import { CCardCarousel } from '@src/components/CCardCarousel'
import { CMyPage } from '@src/components/CMyPage'
import { CMyPageIntro } from '@src/components/CMyPageIntro'
import { CEventsCalendar } from '@src/components/CEventsCalendar'
import { CMyEditor } from '@src/components/CMyEditor'
import { CMySlider } from '@src/components/CMySlider'
import { CMyFieldRec } from '@src/components/CMyFieldRec'
import { CSelectImage } from '@src/components/CSelectImage'
import { CSelectAnimation } from '@src/components/CSelectAnimation'
import { CSelectColor } from '@src/components/CSelectColor'
import { CSelectFontSize } from '@src/components/CSelectFontSize'
import { CMySize } from '@src/components/CMySize'
import { CBorders } from '@src/components/CBorders'
import { CMyDimensioni } from '@src/components/CMyDimensioni'
import { CMyText } from '@src/components/CMyText'
import { CImgTitle } from '@src/components/CImgTitle';
import { CImgPoster } from '@src/components/CImgPoster';
import { CTitle } from '@src/components/CTitle/index';
import { tools } from '@tools';
import { shared_consts } from '@src/common/shared_vuejs';
import { LandingFooter } from '@src/components/LandingFooter';
import { COpenStreetMap } from '@src/components/COpenStreetMap';
import { CCardCarousel } from '@src/components/CCardCarousel';
import { CMyPage } from '@src/components/CMyPage';
import { CMyPageIntro } from '@src/components/CMyPageIntro';
import { CEventsCalendar } from '@src/components/CEventsCalendar';
import { CMyEditor } from '@src/components/CMyEditor';
import { CMySlider } from '@src/components/CMySlider';
import { CMyFieldRec } from '@src/components/CMyFieldRec';
import { CSelectImage } from '@src/components/CSelectImage';
import { CSelectAnimation } from '@src/components/CSelectAnimation';
import { CSelectColor } from '@src/components/CSelectColor';
import { CSelectFontSize } from '@src/components/CSelectFontSize';
import { CMySize } from '@src/components/CMySize';
import { CBorders } from '@src/components/CBorders';
import { CMyDimensioni } from '@src/components/CMyDimensioni';
import { CMyText } from '@src/components/CMyText';
import MixinMetaTags from '@src/mixins/mixin-metatags'
import MixinBase from '@src/mixins/mixin-base'
import { useQuasar } from 'quasar'
import { useI18n } from 'vue-i18n'
import { emitKeypressEvents } from 'readline'
import { costanti } from '@costanti'
import objectId from '@src/js/objectId'
import { useProducts } from '@src/store/Products'
import MixinMetaTags from '@src/mixins/mixin-metatags';
import MixinBase from '@src/mixins/mixin-base';
import { useQuasar } from 'quasar';
import { useI18n } from 'vue-i18n';
import { emitKeypressEvents } from 'readline';
import { costanti } from '@costanti';
import objectId from '@src/js/objectId';
import { useProducts } from '@src/store/Products';
export default defineComponent({
name: 'CMyEditElem',
components: {
CImgTitle, CTitle, LandingFooter, CEventsCalendar,
CCardCarousel, COpenStreetMap, CMyPage, CMyPageIntro, CMyEditor, CMyFieldRec,
CSelectColor, CSelectFontSize, CSelectImage, CImgPoster, CSelectAnimation, CMySlider,
CMySize, CBorders, CMyDimensioni, CMyText,
CImgTitle,
CTitle,
LandingFooter,
CEventsCalendar,
CCardCarousel,
COpenStreetMap,
CMyPage,
CMyPageIntro,
CMyEditor,
CMyFieldRec,
CSelectColor,
CSelectFontSize,
CSelectImage,
CImgPoster,
CSelectAnimation,
CMySlider,
CMySize,
CBorders,
CMyDimensioni,
CMyText,
},
emits: ['saveElem', 'selElemClick', 'toggleSize', 'deleteElem', 'dupPage', 'expPage', 'impPage'],
props: {
@@ -76,131 +99,130 @@ export default defineComponent({
},
},
setup(props, { emit }) {
const globalStore = useGlobalStore()
const globalStore = useGlobalStore();
const { setmeta, getsrcbyimg } = MixinMetaTags()
const { setValDb, getValDb } = MixinBase()
const { setmeta, getsrcbyimg } = MixinMetaTags();
const { setValDb, getValDb } = MixinBase();
const $q = useQuasar();
const { t } = useI18n();
const $q = useQuasar()
const { t } = useI18n()
const animare = ref(0);
const slide = ref(0);
const slide2 = ref(0);
const tabCard = ref(0);
const tabScheda = ref(0);
const tabElemsText = ref('elem0');
const arrPages = ref([] as any[]);
const disableSave = ref(true);
const enableEdit = ref(true);
const elemChanged = ref(false);
const enableAdd = ref(true);
const tabadd = ref('tools');
const Products = useProducts();
const animare = ref(0)
const slide = ref(0)
const slide2 = ref(0)
const tabCard = ref(0)
const tabScheda = ref(0)
const tabElemsText = ref('elem0')
const arrPages = ref([] as any[])
const disableSave = ref(true)
const enableEdit = ref(true)
const elemChanged = ref(false)
const enableAdd = ref(true)
const tabadd = ref('tools')
const neworder = ref(<number | undefined>0);
const Products = useProducts()
const idSchedaDaCopiare = ref('');
const neworder = ref(<number | undefined>0)
const myel = toRef(props, 'myelem');
const newtype = ref(<any>'');
const visuadd = ref(false);
const direzadd = ref(1);
const idSchedaDaCopiare = ref('')
const selectedClasses = ref(<any>[]);
const myel = toRef(props, 'myelem')
const newtype = ref(<any>'')
const visuadd = ref(false)
const direzadd = ref(1)
const selectedClasses = ref(<any>[])
watch(() => myel.value.order, (value, oldval) => {
mounted()
})
watch(
() => myel.value.order,
(value, oldval) => {
mounted();
}
);
function getArrDisciplines() {
return globalStore.disciplines.filter((rec: any) => rec.showinhome)
return globalStore.disciplines.filter((rec: any) => rec.showinhome);
}
function saveElem(exit?: boolean) {
// Save Elem record
const myelem = props.myelem
myelem.order = neworder.value
const myelem = props.myelem;
myelem.order = neworder.value;
globalStore.saveMyElem($q, t, myelem).then((ris) => {
if (ris) {
// OK
disableSave.value = true
emit('saveElem', myelem)
disableSave.value = true;
emit('saveElem', myelem);
if (exit)
elemChanged.value = false
if (exit) elemChanged.value = false;
}
})
});
}
function getNewOrderByThisElem() {
const myelem = props.myelem
let neword = 0
const myelem = props.myelem;
let neword = 0;
if (myelem) {
neword = myelem.order!
const recfound = globalStore.getMyElemNextThisElemId(props.idPage, myelem._id)
neword = myelem.order!;
const recfound = globalStore.getMyElemNextThisElemId(props.idPage, myelem._id);
if (recfound) {
neword = Math.round((recfound.order! + myelem.order!) / 2)
neword = Math.round((recfound.order! + myelem.order!) / 2);
}
}
return neword
return neword;
}
async function addNewElem(elemsel: any, direz: number) {
visuadd.value = false;
visuadd.value = false
let neword = 0;
let neword = 0
let recfound = null;
let recfound = null
if (direz === -1) { // Sopra
if (direz === -1) {
// Sopra
// ottieni l'elemento precedente, mantenendo l'ordinamento
recfound = globalStore.getMyElemPrecThisElemId(props.idPage, elemsel._id)
} else if (direz === 1) { // Sotto
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)
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)
neword = Math.round((recfound.order + elemsel.order) / 2);
}
const newrec = await globalStore.prepareAddNewElem(neword, $q, t, props.myelem, newtype.value)
const newrec = await globalStore.prepareAddNewElem(neword, $q, t, props.myelem, newtype.value);
emit('selElemClick', newrec)
emit('selElemClick', newrec);
// emit('updateAll', newrec)
}
async function dupPage() {
emit('dupPage', null)
emit('dupPage', null);
}
async function exportPage() {
emit('expPage', null)
emit('expPage', null);
}
async function importPage() {
emit('impPage', null)
emit('impPage', null);
}
async function dupElem(order?: number) {
const newrec: IMyElem = tools.jsonCopy(props.myelem);
const newrec: IMyElem = tools.jsonCopy(props.myelem)
newrec._id = undefined
newrec.order = getNewOrderByThisElem()
newrec._id = undefined;
newrec.order = getNewOrderByThisElem();
if (newrec.type === shared_consts.ELEMTYPE.HTML) {
newrec.containerHtml = 'Copia di ' + newrec.containerHtml
newrec.containerHtml = 'Copia di ' + newrec.containerHtml;
}
const mynewelem = await globalStore.addNewElem($q, t, newrec)
emit('selElemClick', mynewelem)
const mynewelem = await globalStore.addNewElem($q, t, newrec);
emit('selElemClick', mynewelem);
}
function delElem() {
@@ -215,88 +237,81 @@ export default defineComponent({
cancel: true,
persistent: false,
}).onOk(async () => {
// Save Elem record
await globalStore.delMyElem($q, t, props.myelem).then((ris) => {
if (ris) {
// OK
disableSave.value = true
emit('deleteElem', props.myelem)
disableSave.value = true;
emit('deleteElem', props.myelem);
}
})
})
});
});
}
function modifElem() {
disableSave.value = false
elemChanged.value = true
disableSave.value = false;
elemChanged.value = true;
}
function modifElemAndSchede() {
modifElem()
myel.value.catalogo!.aggiorna++
modifElem();
myel.value.catalogo!.aggiorna++;
}
function mounted() {
try {
neworder.value = props.myelem.order
neworder.value = props.myelem.order;
arrPages.value = []
arrPages.value.push({ label: '[Vuoto]', path: '' })
arrPages.value = [];
arrPages.value.push({ label: '[Vuoto]', path: '' });
for (const page of globalStore.mypage) {
const rec = {
// @ts-ignore
label: page.title,
// @ts-ignore
value: page.idPage
}
arrPages.value.push(rec)
value: page.idPage,
};
arrPages.value.push(rec);
}
if (props.myelem)
newtype.value = props.myelem.type
if (props.myelem) newtype.value = props.myelem.type;
if (myel.value.class4) {
selectedClasses.value = myel.value.class4.split(' ').filter(Boolean)
selectedClasses.value = myel.value.class4.split(' ').filter(Boolean);
}
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)
if (!recscheda.scheda?.dimensioni.pagina.dimensioni) {
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)
recscheda.scheda!.dimensioni.pagina.testo_up = tools.resetIText(null);
}
if (!recscheda.scheda?.dimensioni?.pagina?.testo_title) {
recscheda.scheda!.dimensioni.pagina.testo_title = tools.resetIText(null)
recscheda.scheda!.dimensioni.pagina.testo_title = tools.resetIText(null);
}
if (!recscheda.scheda?.dimensioni?.pagina?.testo_down) {
recscheda.scheda!.dimensioni.pagina.testo_down = tools.resetIText(null)
recscheda.scheda!.dimensioni.pagina.testo_down = tools.resetIText(null);
}
if (!recscheda.scheda?.etichette?.novita?.show) {
recscheda.scheda.etichette!.novita = {
show: false,
months: 6,
}
};
recscheda.scheda.etichette!.bestseller = {
show: false,
quantiFattRaggiunti: 0,
}
};
}
if ((!recscheda.scheda?.barcode || !recscheda.scheda?.barcode.font)) {
if (!recscheda.scheda?.barcode || !recscheda.scheda?.barcode.font) {
recscheda.scheda.barcode = {
show: false,
format: '',
@@ -307,45 +322,49 @@ export default defineComponent({
font: {
name: '',
size: '11',
}
}
},
};
}
}
}
}
if (myel.value.catalogo) {
if (!myel.value.catalogo.first_page) {
myel.value.catalogo.first_page = tools.resetRecIDimensioni(null)
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 = tools.resetRecIAreaDiStampa(null);
myel.value.catalogo.areadistampa.margini = { left: '0.59', top: '0.59', right: '0.59', bottom: '0.28' };
}
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 = { pagina: {} }
myel.value.catalogo.dimensioni_def = {
isTemplate: false,
linkIdTemplate: '',
name: '',
pagina: {},
};
}
if (myel.value.catalogo && myel.value.catalogo.dimensioni_def) {
myel.value.catalogo.dimensioni_def.pagina = tools.resetRecIDimensioni(myel.value.catalogo.dimensioni_def.pagina)
myel.value.catalogo.dimensioni_def.pagina = tools.resetRecIDimensioni(
myel.value.catalogo.dimensioni_def.pagina
);
}
} catch (error) {
console.log(error)
console.log(error);
}
}
@@ -355,43 +374,39 @@ export default defineComponent({
}
function addNewCard() {
if (!myel.value.listcards)
myel.value.listcards = []
myel.value.listcards.push({ _id: objectId(), imagefile: '', alt: '', description: '', vers_img: 0 })
modifElem()
if (!myel.value.listcards) myel.value.listcards = [];
myel.value.listcards.push({ _id: objectId(), imagefile: '', alt: '', description: '', vers_img: 0 });
modifElem();
}
function addNewScheda() {
Products.addNewScheda(myel.value.catalogo);
Products.addNewScheda(myel.value.catalogo)
modifElem()
modifElem();
}
function copyfromTemplate(indscheda: number) {
// Estrai l'id da copiare e sostituisci tutto con questo
if (!idSchedaDaCopiare.value) {
return false
return false;
}
const arrschede: ISchedaSingola[] = globalStore.getMySchede()
const arrschede: ISchedaSingola[] = globalStore.getMySchede();
if (arrschede.length <= 0) {
return false
return false;
}
const myschedatocopy = arrschede.find((recscheda: ISchedaSingola) => recscheda.scheda!._id === idSchedaDaCopiare.value)
const schedadest = myel.value.catalogo!.arrSchede![indscheda]
const myschedatocopy = arrschede.find(
(recscheda: ISchedaSingola) => recscheda.scheda!._id === idSchedaDaCopiare.value
);
const schedadest = myel.value.catalogo!.arrSchede![indscheda];
if (myschedatocopy) {
const newscheda = myschedatocopy.scheda!.name;
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,
@@ -404,107 +419,100 @@ export default defineComponent({
cancel: true,
persistent: false,
}).onOk(async () => {
const myschedadest: ISchedaSingola = myel.value.catalogo!.arrSchede![indscheda]
myschedadest.scheda = tools.jsonCopy(myschedatocopy.scheda)
myschedadest.scheda!._id = objectId()
myschedadest.order = 20
myschedadest.scheda!.name = myschedadest.scheda!.name + '_copia'
myschedadest.scheda!.isTemplate = false
})
const myschedadest: ISchedaSingola = myel.value.catalogo!.arrSchede![indscheda];
myschedadest.scheda = tools.jsonCopy(myschedatocopy.scheda);
myschedadest.scheda!._id = objectId();
myschedadest.order = 20;
myschedadest.scheda!.name = myschedadest.scheda!.name + '_copia';
myschedadest.scheda!.isTemplate = false;
});
}
}
function dupNewScheda(id: string) {
if (!myel.value.catalogo!.arrSchede)
return
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)
delete myscheda._id
delete myscheda.scheda!._id
myscheda.numPagineMax = 0
myscheda.order = myscheda.order + 10
myscheda._id = objectId()
myscheda.scheda!._id = objectId()
myscheda.scheda!.name = myscheda.scheda!.name + '_copia'
myscheda.scheda!.isTemplate = false
const myscheda = tools.jsonCopy(myfindscheda);
delete myscheda._id;
delete myscheda.scheda!._id;
myscheda.numPagineMax = 0;
myscheda.order = myscheda.order + 10;
myscheda._id = objectId();
myscheda.scheda!._id = objectId();
myscheda.scheda!.name = myscheda.scheda!.name + '_copia';
myscheda.scheda!.isTemplate = false;
const bakscheda = [...myel.value.catalogo!.arrSchede]
const bakscheda = [...myel.value.catalogo!.arrSchede];
myel.value.catalogo!.arrSchede.push(myscheda)
modifElem()
myel.value.catalogo!.arrSchede.push(myscheda);
modifElem();
}
}
function dupNewCard() {
if (!myel.value.listcards)
return
if (!myel.value.listcards) return;
const myfindcard = myel.value.listcards[tabCard.value]
const myfindcard = myel.value.listcards[tabCard.value];
if (myfindcard) {
const mycard = tools.jsonCopy(myfindcard)
delete mycard._id
mycard._id = objectId()
const mycard = tools.jsonCopy(myfindcard);
delete mycard._id;
mycard._id = objectId();
const bakcard = [...myel.value.listcards]
const bakcard = [...myel.value.listcards];
myel.value.listcards = []
myel.value.listcards = [...bakcard, mycard]
modifElem()
myel.value.listcards = [];
myel.value.listcards = [...bakcard, mycard];
modifElem();
}
}
function addNewElemText() {
if (!myel.value.elemsText)
myel.value.elemsText = []
if (!myel.value.elemsText) myel.value.elemsText = [];
myel.value.elemsText.push({ _id: objectId(), text: '', color: '#ffffff', class: '', size: '', anim: { name: 'FadeIn', clduration: '', cldelay: '', timingtype: 'ease-in-out' } })
modifElem()
myel.value.elemsText.push({
_id: objectId(),
text: '',
color: '#ffffff',
class: '',
size: '',
anim: { name: 'FadeIn', clduration: '', cldelay: '', timingtype: 'ease-in-out' },
});
modifElem();
}
function getClass() {
let mycl = ''
let mycl = '';
if (props.myelem.align === shared_consts.ALIGNTYPE.CEHTER) {
mycl += ' align_center'
mycl += ' align_center';
} else if (props.myelem.align === shared_consts.ALIGNTYPE.RIGHT) {
mycl += ' align_right'
mycl += ' align_right';
} else if (props.myelem.align === shared_consts.ALIGNTYPE.LEFT) {
mycl += ' align_left'
mycl += ' align_left';
}
return mycl
return mycl;
}
function showFit() {
if (props.myelem.type)
return [shared_consts.ELEMTYPE.TEXT].includes(props.myelem.type)
else
return false
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({
@@ -518,45 +526,43 @@ export default defineComponent({
cancel: true,
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()
})
modifElem();
});
}
}
function saveFieldElem(rec: any, newval: any, col: IColGridTable) {
//console.log('saveFieldElem', rec, 'newval', newval, 'col', col)
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.image)
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.image;
if (col.fieldtype === costanti.FieldType.image) {
if (iscatalogo) {
myel.value.catalogo[col.name] = newval.imagefile
myel.value.catalogo[col.name] = newval.imagefile;
//console.log('SALVATO IN', col.name, newval.imagefile, 'RIS', myel.value.catalogo[col.name])
} else if (isscheda) {
rec[col.name] = newval.imagefile
rec[col.name] = newval.imagefile;
} else if (isIImg) {
if (!rec[col.name]) {
rec[col.name] = {}
rec[col.name] = {};
}
rec[col.name].imagefile = newval.imagefile
rec[col.name].imagefile = newval.imagefile;
} else {
myel.value[col.name] = newval.imagefile
myel.value[col.name] = newval.imagefile;
}
} else {
if (iscatalogo) {
myel.value.catalogo[col.name] = newval
console.log('SALVATO IN', col.name, newval, 'RIS', myel.value.catalogo[col.name])
myel.value.catalogo[col.name] = newval;
console.log('SALVATO IN', col.name, newval, 'RIS', myel.value.catalogo[col.name]);
} else if (isscheda) {
rec[col.name] = newval
rec[col.name] = newval;
} else {
myel.value[col.name] = newval
myel.value[col.name] = newval;
}
}
}
@@ -567,43 +573,45 @@ export default defineComponent({
props.myelem.listcards.forEach((rec: IMyCard) => {
if (recpass._id === rec._id) {
if (myval.imagefile) {
rec.imagefile = myval.imagefile
rec.vers_img = tools.getGenerateVersionImage()
rec.imagefile = myval.imagefile;
rec.vers_img = tools.getGenerateVersionImage();
} else {
rec.imagefile = myval
rec.imagefile = myval;
}
}
})
});
}
} else if (props.myelem.type === shared_consts.ELEMTYPE.IMGPOSTER) {
if (props.myelem.elemsText) {
props.myelem.elemsText.forEach((rec: IElemText) => {
if (recpass._id === rec._id) {
if (myval.imagefile) {
rec.text = myval.imagefile
rec.text = myval.imagefile;
} else {
rec.text = myval
rec.text = myval;
}
}
})
});
}
} else if ((props.myelem.type === shared_consts.ELEMTYPE.IMGTITLE) ||
(props.myelem.type === shared_consts.ELEMTYPE.IMAGE)) {
myel.value.image = myval
myel.value.vers_img = tools.getGenerateVersionImage()
} else if (
props.myelem.type === shared_consts.ELEMTYPE.IMGTITLE ||
props.myelem.type === shared_consts.ELEMTYPE.IMAGE
) {
myel.value.image = myval;
myel.value.vers_img = tools.getGenerateVersionImage();
}
modifElem()
modifElem();
}
function showAnimation() {
return (myel.value.type === shared_consts.ELEMTYPE.IMAGE)
|| (myel.value.type === shared_consts.ELEMTYPE.IMGTITLE)
|| (myel.value.type === shared_consts.ELEMTYPE.TEXT)
|| (myel.value.type === shared_consts.ELEMTYPE.CARD)
|| (myel.value.type === shared_consts.ELEMTYPE.HTML)
|| (myel.value.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS)
return (
myel.value.type === shared_consts.ELEMTYPE.IMAGE ||
myel.value.type === shared_consts.ELEMTYPE.IMGTITLE ||
myel.value.type === shared_consts.ELEMTYPE.TEXT ||
myel.value.type === shared_consts.ELEMTYPE.CARD ||
myel.value.type === shared_consts.ELEMTYPE.HTML ||
myel.value.type === shared_consts.ELEMTYPE.CAROUSEL_IMGS
);
}
/*function updateElem(myvalue: any) {
@@ -618,10 +626,8 @@ export default defineComponent({
const options = [];
let add = '';
if (widthpx)
add = 'px'
if (widthpx) add = 'px';
for (let i = 0; i <= 700; i += 50) {
options.push({ label: `${i}${add}`, value: `${i}${add}` });
}
return options;
@@ -630,22 +636,21 @@ export default defineComponent({
function updateSizeWidth(value: any) {
// Gestisce l'input dell'utente per un nuovo valore
myel.value.widthimg = value; // Aggiorna widthimg con il nuovo valore
modifElem()
modifElem();
}
function updateSizeHeight(value: any) {
if (value)
myel.value.heightimg = value; // Aggiorna widthimg con il nuovo valore
else
myel.value.heightimg = ''
modifElem()
else myel.value.heightimg = '';
modifElem();
}
function toggleSize() {
emit('toggleSize', null)
emit('toggleSize', null);
}
const orderOptions = computed(() => {
const options = []
const options = [];
for (let i = 0; i <= 100; i += 1) {
options.push({ label: i.toString(), value: i });
@@ -659,59 +664,57 @@ export default defineComponent({
});
function addOrder(rec: any) {
neworder.value = rec
neworder.value = rec;
}
function addProdSpeciale(rec: any) {
neworder.value = rec
neworder.value = rec;
}
async function moveElem(direz: any) {
const myelem = props.myelem
const myelem = props.myelem;
const elemprec = globalStore.getMyElemPrecThisElemId(props.idPage, myelem._id)
const elemnext = globalStore.getMyElemNextThisElemId(props.idPage, myelem._id)
const elemprec = globalStore.getMyElemPrecThisElemId(props.idPage, myelem._id);
const elemnext = globalStore.getMyElemNextThisElemId(props.idPage, myelem._id);
if (!elemprec || !elemnext)
return false
if (!elemprec || !elemnext) return false;
let neworder = 0
const oldorder = myelem.order!
let neworder = 0;
const oldorder = myelem.order!;
if (direz === -1) {
// UP
neworder = elemprec.order!
elemprec.order = oldorder
neworder = elemprec.order!;
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)
neworder = (elemprec2.order! + elemprec.order) / 2;
elemprec.order = Math.round((oldorder + neworder) / 2);
}
await globalStore.saveMyElem($q, t, elemprec)
emit('saveElem', elemprec)
await globalStore.saveMyElem($q, t, elemprec);
emit('saveElem', elemprec);
} else if (direz === 1) {
// DOWN
neworder = elemnext.order!
elemnext.order = oldorder
neworder = elemnext.order!;
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)
neworder = (elemnext2.order! + elemnext.order) / 2;
elemnext.order = Math.round((oldorder + neworder) / 2);
}
await globalStore.saveMyElem($q, t, elemnext)
emit('saveElem', elemnext)
await globalStore.saveMyElem($q, t, elemnext);
emit('saveElem', elemnext);
}
myelem.order = neworder
await globalStore.saveMyElem($q, t, myelem)
emit('saveElem', myelem)
myelem.order = neworder;
await globalStore.saveMyElem($q, t, myelem);
emit('saveElem', myelem);
}
function classiImmagineOptions() {
@@ -725,21 +728,18 @@ export default defineComponent({
}
function updateClass4(selectedOptions: any) {
// Aggiorna selectedClasses
selectedClasses.value = selectedOptions;
if (myel.value) {
// Imposta myel.class2 come stringa
myel.value.class4 = selectedOptions.join(' '); // Converte l'array in una stringa separata da spazi
myel.value.class4 = selectedOptions.join(' '); // Converte l'array in una stringa separata da spazi
saveElem()
saveElem();
}
}
onMounted(mounted)
onMounted(mounted);
return {
tools,
@@ -804,7 +804,6 @@ export default defineComponent({
exportPage,
importPage,
globalStore,
}
};
},
})
});

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

@@ -1780,6 +1780,38 @@
label="Pagina di Default"
icon="fas fa-play-circle"
>
<q-toggle
v-model="myel.catalogo.dimensioni_def.isTemplate"
color="positive"
icon="fas fa-file-pdf"
label="E' un template"
@update:model-value="modifElem"
>
</q-toggle>
<q-input
label="Nome Template"
@update:model-value="modifElem"
v-model="myel.catalogo.dimensioni_def.name"
filled
debounce="1000"
v-on:keyup.enter="saveElem"
>
</q-input>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
v-if="enableEdit"
rounded
outlined
v-model="myel.catalogo.dimensioni_def.linkIdTemplate"
:options="Products.getOptCatalogoTemplate()"
@update:model-value="modifElem"
label="Catalogo collegato:"
style="width: 250px"
emit-value
map-options
>
</q-select>
<div
v-if="myel.catalogo.dimensioni_def.pagina"
class="sfondo_margine row"
@@ -1787,6 +1819,7 @@
<CMyDimensioni
v-model="myel.catalogo.dimensioni_def.pagina"
:path="costanti.DIR_CATALOGO"
:disabled="myel.catalogo.dimensioni_def.linkIdTemplate"
@modifElem="modifElem"
:show_imgsfondo="true"
@update:model-value="modifElem"

2
src/components/CProductTable/CProductTable.ts
View File

@@ -273,7 +273,7 @@ export default defineComponent({
return tools.getstrDate(catalog.data_online_stampa);
case 'image':
return catalog.foto_collana?.imagefile
? tools.getFullFileNameByImageFile(shared_consts.TABLES_CATALOG, catalog.foto_collana?.imagefile)
? tools.getFullFileNameByImageFile(shared_consts.TABLES_CATALOG, catalog.foto_collana?.imagefile, catalog._id)
: '';
}
} else {

2
src/components/CProductTable/CProductTable.vue
View File

@@ -112,7 +112,7 @@
<q-img
:src="
getImageByElement(element)
? tools.getFullFileNameByImageFile(table, getImageByElement(element))
? tools.getFullFileNameByImageFile(table, getImageByElement(element), element._id)
: element.productInfo?.image_link
"
style="width: 50px; height: 50px"

9
src/components/CSearchProduct/CSearchProduct.ts
View File

@@ -200,6 +200,15 @@ export default defineComponent({
// console.log('populateDataWithlinkIdTemplate')
if (optcatalogo.value) {
// LINK PAGINA
if (optcatalogo.value.dimensioni_def.linkIdTemplate) {
const reccatalog = globalStore.sovrascriviPaginaDefaultFromTemplate(optcatalogo.value.dimensioni_def.linkIdTemplate, optcatalogo.value.dimensioni_def);
if (reccatalog) {
optcatalogo.value.dimensioni_def.pagina = { ...reccatalog.dimensioni_def.pagina};
}
}
// LINK SCHEDA
for (const recscheda of optcatalogo.value.arrSchede!) {
if (recscheda.scheda?.linkIdTemplate) {
// ricopia da Template:

3
src/model/GlobalStore.ts
View File

@@ -792,6 +792,9 @@ export interface IAreaDiStampa {
}
export interface IElementiPagina {
isTemplate?: boolean,
linkIdTemplate?: string,
name?: string,
pagina: IDimensioni
}

4
src/store/Modules/tools.ts
View File

@@ -7606,11 +7606,13 @@ export const tools = {
}
}
},
getFullFileNameByImageFile(table: string, imagefile: string) {
getFullFileNameByImageFile(table: string, imagefile: string, id: string) {
// console.log('arrimage', arrimage)
if (shared_consts.TABLES_IMAGEFILE_SINGOLO.includes(table)) {
return this.getDirUpload() + `products/` + imagefile;
} else if (table === 'catalogs') {
return this.getDirUpload() + `catalogs/` + id + '/' + imagefile;
}
return imagefile;
},

2018
src/store/Products.ts
View File

File diff suppressed because it is too large Load Diff

38
src/store/globalStore.ts
View File

@@ -237,6 +237,30 @@ export const useGlobalStore = defineStore('GlobalStore', {
return null;
},
sovrascriviPaginaDefaultFromTemplate:
(state: IGlobalState) => (idTemplate: string, origDimensioni: IDimensioni, optcatalogo: IOptCatalogo) => {
const myfindelem = state.myelems.find((myelem: IMyElem) => myelem._id === idTemplate);
const linkIdTemplate = origDimensioni.linkIdTemplate;
const precname = origDimensioni.name;
if (myfindelem) {
const myelemtocopy = tools.jsonCopy(myfindelem);
if (myelemtocopy) {
// myelemtocopy.scheda._id = origScheda.scheda?._id;
myelemtocopy.catalogo.dimensioni_def.isTemplate = false;
myelemtocopy.catalogo.dimensioni_def.name = precname;
myelemtocopy.catalogo.dimensioni_def.linkIdTemplate = linkIdTemplate;
return myelemtocopy.catalogo;
}
}
return null;
},
// conta: (state: IGlobalState) => { state.conta },
// listatodo: (state: IGlobalState) => { state.listatodo },
// category: (state: IGlobalState) => { state.category },
@@ -289,6 +313,12 @@ export const useGlobalStore = defineStore('GlobalStore', {
return Products.getSchedeOpt(state.myschedas, tag);
},
getOptCatalogoTemplate: (state: IGlobalState) => (tag?: string) => {
const Products = useProducts();
return Products.getSchedeOpt(state.myschedas, tag);
},
getLinkIdTemplateByName: (state: IGlobalState) => (name: string) => {
try {
const myrecscheda = state.myschedas.find((recscheda: ISchedaSingola) => recscheda.scheda.name === name);
@@ -2463,6 +2493,9 @@ export const useGlobalStore = defineStore('GlobalStore', {
editore: [],
pdf: false,
dimensioni_def: {
isTemplate: false,
linkIdTemplate: '',
name: '',
pagina: tools.resetRecIDimensioni(null),
},
areadistampa: tools.resetRecIAreaDiStampa(null),
@@ -2478,6 +2511,9 @@ export const useGlobalStore = defineStore('GlobalStore', {
editore: [],
pdf: false,
dimensioni_def: {
isTemplate: false,
linkIdTemplate: '',
name: '',
pagina: tools.resetRecIDimensioni(null),
},
areadistampa: tools.resetRecIAreaDiStampa(null),
@@ -2617,7 +2653,7 @@ export const useGlobalStore = defineStore('GlobalStore', {
window.URL.revokeObjectURL(downloadUrl);
} else {
return response
return response;
}
} else {
console.error('No data returned from the server.');

8
src/views/ecommerce/catalogo/catalogo.ts
View File

@@ -581,6 +581,14 @@ export default defineComponent({
// console.log('populateDataWithlinkIdTemplate')
if (optcatalogo.value) {
// LINK PAGINA
if (optcatalogo.value.dimensioni_def.linkIdTemplate) {
const reccatalog = globalStore.sovrascriviPaginaDefaultFromTemplate(optcatalogo.value.dimensioni_def.linkIdTemplate, optcatalogo.value.dimensioni_def);
if (reccatalog) {
optcatalogo.value.dimensioni_def.pagina = { ...reccatalog.dimensioni_def.pagina};
}
}
for (const recscheda of optcatalogo.value.arrSchede!) {
if (recscheda.scheda?.linkIdTemplate) {
// ricopia da Template:

13
src/views/ecommerce/catalogo/catalogo.vue
View File

@@ -308,11 +308,18 @@
>1</q-badge
>
</q-tab>
<q-tab
v-if="!tools.isUtente()"
name="visu"
icon="fas fa-book-reader"
label="Catalogo"
>
</q-tab>
<q-tab
v-if="!tools.isUtente()"
name="genera"
icon="fas fa-book"
label="Genera"
icon="fas fa-file-pdf"
label="Genera PDF"
>
</q-tab>
</q-tabs>
@@ -701,7 +708,6 @@
<div
v-for="(page, pageIndex) in groupedPages(recscheda)"
:key="pageIndex"
class="pdf-section"
>
<div
v-if="containsProducts(page)"
@@ -709,6 +715,7 @@
'fixed-width': true,
'fixed-height': true,
'card-page': false,
'pdf-section': true,
}"
:style="generateStylePageScheda(optcatalogo, recscheda.scheda)"
>