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

- prima bozza catalogo

Browse Source
This commit is contained in:
Surya Paolo
2024-12-02 19:38:01 +01:00
parent 6932590f3e
commit 1cb5e6f1ad
9 changed files with 207 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/CCatalogoCard/CCatalogoCard.ts
View File

@@ -512,7 +512,8 @@ export default defineComponent({
} }
function click_opendetail(id: any, autore: any) { function click_opendetail(id: any, autore: any) {
emit('opendetail') if (!props.optcatalogo.pdf)
emit('opendetail')
} }
function escludiArticolo(variazione: IVariazione) { function escludiArticolo(variazione: IVariazione) {
let hasExcludeProductTypes = !props.optcatalogo.excludeproductTypes || (props.optcatalogo.excludeproductTypes && (props.optcatalogo.excludeproductTypes.includes(variazione.versione!))) let hasExcludeProductTypes = !props.optcatalogo.excludeproductTypes || (props.optcatalogo.excludeproductTypes && (props.optcatalogo.excludeproductTypes.includes(variazione.versione!)))

126
src/components/CCatalogoCard/CCatalogoCard.vue
View File

@@ -104,51 +104,69 @@
), ),
}" }"
> >
<q-img <a :href="myproduct.productInfo.link_macro" target="_blank">
v-if="myproduct.productInfo" <q-img
:src=" v-if="myproduct.productInfo"
myproduct.productInfo.imagefile :src="
? tools.getFullFileNameByImageFile( myproduct.productInfo.imagefile
'productInfos', ? tools.getFullFileNameByImageFile(
myproduct.productInfo.imagefile 'productInfos',
) myproduct.productInfo.imagefile
: myproduct.productInfo.image_link )
" : myproduct.productInfo.image_link
:alt="myproduct.productInfo.name" "
:fit="scheda.dimensioni?.immagine_prodotto?.size?.fit ?? 'cover'" :alt="myproduct.productInfo.name"
:class="{ :fit="scheda.dimensioni?.immagine_prodotto?.size?.fit ?? 'cover'"
'book-image-fixed': complete, :class="{
'cursor-pointer': !complete, 'book-image-fixed': complete,
'shadow-4': true, 'cursor-pointer': !complete,
'image-wrapper': optcatalogo.pdf, 'shadow-4': true,
}" 'image-wrapper': optcatalogo.pdf,
:style="{ }"
zIndex: 2, :style="{
width: zIndex: 2,
scheda.testo_right.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
? scheda.testo_right.font?.perc_text ?? '50%'
: '45%',
...(tools.adjustSize(
optcatalogo,
scheda.dimensioni?.immagine_prodotto?.size?.width
) && {
width: width:
tools.adjustSize( scheda.testo_right.font?.posiz_text ===
optcatalogo, costanti.POSIZ_TESTO.IN_BASSO
scheda.dimensioni?.immagine_prodotto.size?.width ? scheda.testo_right.font?.perc_text ?? '50%'
) + ' !important', : '45%',
}), ...(tools.adjustSize(
height: scheda.dimensioni?.immagine_prodotto?.size?.height optcatalogo,
? tools.adjustSize( scheda.dimensioni?.immagine_prodotto?.size?.width
optcatalogo, ) && {
scheda.dimensioni?.immagine_prodotto?.size?.height width:
) tools.adjustSize(
: undefined, optcatalogo,
display: 'block', scheda.dimensioni?.immagine_prodotto.size?.width
}" ) + ' !important',
@click="click_opendetail()" }),
/> height: scheda.dimensioni?.immagine_prodotto?.size?.height
? tools.adjustSize(
optcatalogo,
scheda.dimensioni?.immagine_prodotto?.size?.height
)
: undefined,
display: 'block',
}"
@click="click_opendetail()"
/>
</a>
<span v-if="false && !optcatalogo.generazionePDFInCorso && editOn" class="prod_disp">
<CMyValueDb
v-if="editOn"
:editOn="editOn"
:title="t('products.stockQty')"
table="products"
:id="myproduct._id"
:rec="myproduct"
mykey="stockQty"
debounce="1000"
:save="updateproductmodif()"
:type="costanti.FieldType.number"
>
</CMyValueDb>
</span>
<!-- Testo associato all'immagine --> <!-- Testo associato all'immagine -->
<div <div
:style="{ :style="{
@@ -209,21 +227,29 @@
> >
</CBarCode> </CBarCode>
</div> </div>
<div v-if="scheda.etichette?.bestseller?.show && isProductBestseller()"> <div
v-if="
scheda.etichette?.bestseller?.show && isProductBestseller()
"
>
<q-img <q-img
src="images/bestseller.png" src="images/bestseller.png"
alt="Bestseller" alt="Bestseller"
width="40px" :width="(40 * optcatalogo.areadistampa.scale) + 'px'"
height="40px" :height="(40 * optcatalogo.areadistampa.scale) + 'px'"
fit="contain" fit="contain"
></q-img> ></q-img>
</div> </div>
<div v-else-if="scheda.etichette?.novita?.show && isProductNovita()"> <div
v-else-if="
scheda.etichette?.novita?.show && isProductNovita()
"
>
<q-img <q-img
src="images/novita.png" src="images/novita.png"
alt="Novita" alt="Novita"
width="40px" :width="(40 * optcatalogo.areadistampa.scale) + 'px'"
height="40px" :height="(40 * optcatalogo.areadistampa.scale) + 'px'"
fit="contain" fit="contain"
></q-img> ></q-img>
</div> </div>

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

@@ -56,7 +56,7 @@
<div> <div>
Parole Chiave: {autore} {titolo} {descrizione} {date_pub} {ranking} Parole Chiave: {autore} {titolo} {descrizione} {date_pub} {ranking}
{descrizione_breve_macro} {descrizione_completa_macro} {sottotitolo} {prezzo} {sottotitolo} {prezzo} {descrizione_estesa}
</div> </div>
<q-select <q-select

1
src/model/GlobalStore.ts
View File

@@ -819,6 +819,7 @@ export interface ICatalogo {
pdf?: boolean pdf?: boolean
pdf_filename?: string pdf_filename?: string
printable?: boolean printable?: boolean
generazionePDFInCorso?: boolean
first_page?: IDimensioni first_page?: IDimensioni
last_page?: IDimensioni last_page?: IDimensioni

1
src/model/Products.ts
View File

@@ -5,6 +5,7 @@ export interface IProductInfo {
_id?: any _id?: any
code?: string code?: string
id_wp?: string id_wp?: string
sku?: string
name?: string name?: string
description?: string description?: string
department?: string department?: string

8
src/store/Products.ts
View File

@@ -1310,13 +1310,16 @@ export const useProducts = defineStore('Products', {
const formato = myproduct.arrvariazioni ? myproduct.arrvariazioni[0].formato : '' const formato = myproduct.arrvariazioni ? myproduct.arrvariazioni[0].formato : ''
const pagine = myproduct.arrvariazioni ? myproduct.arrvariazioni[0].pagine : '' const pagine = myproduct.arrvariazioni ? myproduct.arrvariazioni[0].pagine : ''
const scale = optcatalogo.printable ? optcatalogo.areadistampa?.scale : 1 const scale = optcatalogo.printable ? optcatalogo.areadistampa?.scale : 1
// Crea una mappa di sostituzioni // Crea una mappa di sostituzioni
const replacements = { const replacements = {
'{autore}': autori || '', '{autore}': autori || '',
'{titolo}': myproduct.productInfo.name || '', '{titolo}': myproduct.productInfo.name || '',
'{descrizione}': truncatedDescription || '', '{sottotitolo}': sottotitolo || '',
'{descrizione_estesa}': truncatedlongDescription || '', '{descrizione_da_fdv}': truncatedDescription || '',
'{descrizione_estesa_fdv}': truncatedlongDescription || '',
'{descrizione_estesa}': descrizione_completa_macro || '',
'{pagine}': pagine || '', '{pagine}': pagine || '',
'{misure}': misure || '', '{misure}': misure || '',
'{date_pub}': date_pub || '', '{date_pub}': date_pub || '',
@@ -1330,7 +1333,6 @@ export const useProducts = defineStore('Products', {
'{descrizione_completa_macro}': descrizione_completa_macro || '', '{descrizione_completa_macro}': descrizione_completa_macro || '',
'{descrizione_breve_macro}': descrizione_breve_macro || '', '{descrizione_breve_macro}': descrizione_breve_macro || '',
'{link_macro}': link_macro || '', '{link_macro}': link_macro || '',
'{sottotitolo}': sottotitolo || '',
}; };
// Esegue le sostituzioni // Esegue le sostituzioni

11
src/views/ecommerce/catalogo/catalogo.scss
View File

@@ -75,19 +75,25 @@ body {
text-transform: uppercase; text-transform: uppercase;
margin-top: calc(5 * var(--scalecatalog) * 1px); margin-top: calc(5 * var(--scalecatalog) * 1px);
margin-bottom: calc(5 * var(--scalecatalog) * 1px); margin-bottom: calc(5 * var(--scalecatalog) * 1px);
font-size: calc(18 * var(--scalecatalog) * 1px);
} }
.book-author { .book-author {
font-family: 'DIN-Pro-Condensed-Regular', sans-serif; font-family: 'DIN-Pro-Condensed-Regular', sans-serif;
font-size: calc(16 * var(--scalecatalog) * 1px);
} }
.book-descr { .book-descr {
font-family: 'DINPro-BoldItalic', sans-serif; font-family: 'DINPro-BoldItalic', sans-serif;
font-size: calc(12 * var(--scalecatalog) * 1px);
} }
.book-details { .book-details {
font-family: 'DINPro', sans-serif; font-family: 'DINPro', sans-serif;
margin-bottom: calc(5 * var(--scalecatalog) * 1px); margin-bottom: calc(5 * var(--scalecatalog) * 1px);
font-size: calc(12 * var(--scalecatalog) * 1px);
text-align: left !important;
margin-left: calc(8 * var(--scalecatalog) * 1px);
} }
@@ -96,6 +102,11 @@ body {
font-size: calc(14 * var(--scalecatalog) * 1px); font-size: calc(14 * var(--scalecatalog) * 1px);
} }
.book-link{
font-style: italic;
font-size: calc(14 * var(--scalecatalog) * 1px);
}
.book-novita { .book-novita {
font-size: calc(20 * var(--scalecatalog) * 1px); font-size: calc(20 * var(--scalecatalog) * 1px);
} }

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

@@ -411,7 +411,7 @@ export default defineComponent({
} }
function getProductsSorted(arrprod: IProduct[], sort: number) { function getProductsSorted(arrprod: IProduct[], sort: number) {
console.log('getProductsSorted', sort) // console.log('getProductsSorted', sort)
if (sort === costanti.SORT_PUBDATE) { if (sort === costanti.SORT_PUBDATE) {
arrprod = arrprod.sort((a: IProduct, b: IProduct) => { arrprod = arrprod.sort((a: IProduct, b: IProduct) => {
@@ -546,7 +546,7 @@ export default defineComponent({
recscheda.arrProdToShow[pagina][riga] = []; recscheda.arrProdToShow[pagina][riga] = [];
} }
console.log('RANKING: ', result.myrec.indiceRanking!) // console.log('RANKING: ', result.myrec.indiceRanking!)
recscheda.arrProdToShow[pagina][riga][col] = result.myrec recscheda.arrProdToShow[pagina][riga][col] = result.myrec
@@ -726,12 +726,15 @@ export default defineComponent({
} }
const generatePDF = async () => { const generatePDF = async () => {
//props.optcatalogo.generazionePDFInCorso = true
await nextTick() await nextTick()
$q.loading.show({ $q.loading.show({
message: 'Caricamento immagini e generazione PDF in corso...' message: 'Caricamento immagini e generazione PDF in corso...'
}) })
try { try {
let defaultMargin = 0.1 let defaultMargin = 0.1
@@ -795,6 +798,8 @@ export default defineComponent({
await html2pdf().set(opt).from(element).save() await html2pdf().set(opt).from(element).save()
// props.optcatalogo.generazionePDFInCorso = false
$q.loading.hide() $q.loading.hide()
$q.notify({ $q.notify({
color: 'positive', color: 'positive',
@@ -987,6 +992,10 @@ export default defineComponent({
}; };
} }
function containsProducts(page: IProduct[][]) {
return page && page.length > 0 && page[0] && page[0].length > 0
}
onMounted(mounted) onMounted(mounted)
@@ -1037,6 +1046,7 @@ export default defineComponent({
getHeightPagina, getHeightPagina,
getStyleRowSeparator, getStyleRowSeparator,
generateStyleByPageDim, generateStyleByPageDim,
containsProducts,
} }
} }
}) })

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

@@ -282,114 +282,120 @@
<div <div
v-for="(page, pageIndex) in groupedPages(recscheda)" v-for="(page, pageIndex) in groupedPages(recscheda)"
:key="pageIndex" :key="pageIndex"
:class="{
'fixed-width': getWidthPagina(
optcatalogo,
recscheda.scheda
),
'fixed-height': getHeightPagina(
optcatalogo,
recscheda.scheda
),
'card-page': true,
}"
:style="
generateStylePageScheda(
optcatalogo,
recscheda.scheda
)
"
> >
<div <div
v-if=" v-if="containsProducts(page)"
recscheda.scheda.dimensioni.pagina?.testo_up :class="{
?.contenuto 'fixed-width': getWidthPagina(
" optcatalogo,
:style="{ recscheda.scheda
'--scalecatalog': ),
optcatalogo.areadistampa.scale, 'fixed-height': getHeightPagina(
'line-height': optcatalogo,
recscheda.scheda.dimensioni.pagina?.testo_up recscheda.scheda
?.font.line_height, ),
display: 'flex', 'card-page': true,
flexDirection: 'column',
}" }"
:style="
generateStylePageScheda(
optcatalogo,
recscheda.scheda
)
"
> >
<div <div
v-html=" v-if="
recscheda.scheda.dimensioni.pagina?.testo_up recscheda.scheda.dimensioni.pagina?.testo_up
?.contenuto ?.contenuto
" "
style="display: flex; flex-direction: row" :style="{
></div> '--scalecatalog':
</div> optcatalogo.areadistampa.scale,
'line-height':
<!-- Itera sulle righe di ogni pagina --> recscheda.scheda.dimensioni.pagina?.testo_up
<div ?.font.line_height,
v-for="(row, rowIndex) in page" display: 'flex',
:key="`${pageIndex}-${rowIndex}`" flexDirection: 'column',
class="column" }"
>
<div
class="card-row"
:style="getStyleRow(recscheda)"
> >
<!-- Itera sui prodotti di ogni riga -->
<div class="row justify-center">
<div
v-for="(prod, colIndex) in row"
:key="`${pageIndex}-${rowIndex}-${colIndex}`"
class="flex-item-book"
:style="getStyleSchedaProdotto(recscheda)"
>
<CContainerCatalogoCard
v-if="prod && prod.active"
:id="prod._id"
:product="prod"
:complete="false"
:cosa="cosa"
:optcatalogo="optcatalogo"
:scheda="recscheda.scheda"
:options="{
show_short_descr: false,
show_price: false,
show_cat: false,
quante_col: 'c2',
in_3d: false,
}"
@selauthor="selauthor"
/>
<CProductCard
v-else-if="
prod && (prod.active || show_hide)
"
:id="prod._id"
:complete="false"
:cosa="cosa"
/>
</div>
<!-- Prodotti singoli -->
</div>
<!-- Separatore -->
<div <div
v-if=" v-html="
recscheda.scheda?.show_separatore && recscheda.scheda.dimensioni.pagina?.testo_up
rowIndex !== page.length - 1 ?.contenuto
" "
class="text-center" style="display: flex; flex-direction: row"
></div>
</div>
<!-- Itera sulle righe di ogni pagina -->
<div
v-for="(row, rowIndex) in page"
:key="`${pageIndex}-${rowIndex}`"
class="column"
>
<div
class="card-row"
:style="getStyleRow(recscheda)" :style="getStyleRow(recscheda)"
> >
<q-separator <!-- Itera sui prodotti di ogni riga -->
inset
:size="tools.adjustSize(optcatalogo, '1px')" <div class="row justify-center">
></q-separator> <div
v-for="(prod, colIndex) in row"
:key="`${pageIndex}-${rowIndex}-${colIndex}`"
class="flex-item-book"
:style="getStyleSchedaProdotto(recscheda)"
>
<CContainerCatalogoCard
v-if="prod && prod.active"
:id="prod._id"
:product="prod"
:complete="false"
:cosa="cosa"
:optcatalogo="optcatalogo"
:scheda="recscheda.scheda"
:options="{
show_short_descr: false,
show_price: false,
show_cat: false,
quante_col: 'c2',
in_3d: false,
}"
@selauthor="selauthor"
/>
<CProductCard
v-else-if="
prod && (prod.active || show_hide)
"
:id="prod._id"
:complete="false"
:cosa="cosa"
/>
</div>
<!-- Prodotti singoli -->
</div>
<!-- Separatore -->
<div
v-if="
recscheda.scheda?.show_separatore &&
rowIndex !== page.length - 1
"
class="text-center"
:style="getStyleRow(recscheda)"
>
<q-separator
inset
:size="
tools.adjustSize(optcatalogo, '1px')
"
></q-separator>
</div>
</div> </div>
<!-- Card Row -->
</div> </div>
<!-- Card Row --> <!-- Righe (row) -->
</div> </div>
<!-- Righe (row) -->
</div> </div>
<!-- Pagine --> <!-- Pagine -->
</div> </div>