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

- estrazione dei dati del libro sul sito di Amazon.

Browse Source 
- possibilità di visualizzare i dati estratti e di aggiornare i dati, sia solo se vuoti, che sovrascrivere tutti i dati.
This commit is contained in:
Surya Paolo
2025-05-16 18:52:12 +02:00
parent 810815a12a
commit 859ba022fa
18 changed files with 1840 additions and 798 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.prettierrc
View File

@@ -1,6 +1,6 @@
{ {
"singleAttributePerLine": true, "singleAttributePerLine": true,
"printWidth": 60, "printWidth": 80,
"tabWidth": 2, "tabWidth": 2,
"useTabs": false, "useTabs": false,
"semi": true, "semi": true,

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

File diff suppressed because it is too large Load Diff

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

@@ -7,7 +7,10 @@
:style=" :style="
scheda.dimensioni?.pagina?.dimensioni?.size?.height scheda.dimensioni?.pagina?.dimensioni?.size?.height
? ' height: ' + ? ' height: ' +
tools.adjustSize(optcatalogo, scheda.dimensioni?.pagina?.dimensioni?.size?.height) + tools.adjustSize(
optcatalogo,
scheda.dimensioni?.pagina?.dimensioni?.size?.height
) +
'px !important; ' 'px !important; '
: '' : ''
" "
@@ -51,12 +54,26 @@
'flex', // Classi comuni 'flex', // Classi comuni
'image-container', 'image-container',
{ 'shadow-2': options.in_3d && !optcatalogo.pdf }, // Classe condizionale { 'shadow-2': options.in_3d && !optcatalogo.pdf }, // Classe condizionale
scheda.testo_right_attaccato.font?.posiz_text === costanti.POSIZ_TESTO.IN_BASSO ? '' : 'flex flex-row', // Layout flessibile scheda.testo_right_attaccato.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
? ''
: 'flex flex-row', // Layout flessibile
]" ]"
:style="{ :style="{
gap: tools.adjustSize(optcatalogo, scheda.dimensioni?.scheda_prodotto?.size?.gap) ?? '0.1rem', gap:
width: tools.adjustSize(optcatalogo, scheda.dimensioni?.scheda_prodotto?.size?.width) ?? '100%', tools.adjustSize(
height: tools.adjustSize(optcatalogo, scheda.dimensioni?.scheda_prodotto?.size?.height), optcatalogo,
scheda.dimensioni?.scheda_prodotto?.size?.gap
) ?? '0.1rem',
width:
tools.adjustSize(
optcatalogo,
scheda.dimensioni?.scheda_prodotto?.size?.width
) ?? '100%',
height: tools.adjustSize(
optcatalogo,
scheda.dimensioni?.scheda_prodotto?.size?.height
),
}" }"
> >
<div> <div>
@@ -68,11 +85,16 @@
v-if="myproduct.productInfo" v-if="myproduct.productInfo"
:src=" :src="
myproduct.productInfo.imagefile myproduct.productInfo.imagefile
? tools.getFullFileNameByImageFile('productInfos', myproduct.productInfo.imagefile) ? tools.getFullFileNameByImageFile(
'productInfos',
myproduct.productInfo.imagefile
)
: myproduct.productInfo.image_link : myproduct.productInfo.image_link
" "
:alt="myproduct.productInfo.name" :alt="myproduct.productInfo.name"
:fit="scheda.dimensioni?.immagine_prodotto?.size?.fit ?? 'cover'" :fit="
scheda.dimensioni?.immagine_prodotto?.size?.fit ?? 'cover'
"
:class="{ :class="{
'book-image-fixed': complete, 'book-image-fixed': complete,
'cursor-pointer': !complete, 'cursor-pointer': !complete,
@@ -82,15 +104,25 @@
:style="{ :style="{
zIndex: 2, zIndex: 2,
width: width:
scheda.testo_right.font?.posiz_text === costanti.POSIZ_TESTO.IN_BASSO scheda.testo_right.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
? (scheda.testo_right.font?.perc_text ?? '50%') ? (scheda.testo_right.font?.perc_text ?? '50%')
: '45%', : '45%',
...(tools.adjustSize(optcatalogo, scheda.dimensioni?.immagine_prodotto?.size?.width) && { ...(tools.adjustSize(
optcatalogo,
scheda.dimensioni?.immagine_prodotto?.size?.width
) && {
width: width:
tools.adjustSize(optcatalogo, scheda.dimensioni?.immagine_prodotto.size?.width) + ' !important', tools.adjustSize(
optcatalogo,
scheda.dimensioni?.immagine_prodotto.size?.width
) + ' !important',
}), }),
height: scheda.dimensioni?.immagine_prodotto?.size?.height height: scheda.dimensioni?.immagine_prodotto?.size?.height
? tools.adjustSize(optcatalogo, scheda.dimensioni?.immagine_prodotto?.size?.height) ? tools.adjustSize(
optcatalogo,
scheda.dimensioni?.immagine_prodotto?.size?.height
)
: undefined, : undefined,
display: 'block', display: 'block',
}" }"
@@ -179,7 +211,10 @@
</q-item-section> </q-item-section>
</q-item>--> </q-item>-->
<q-item <q-item
v-if="!optcatalogo.generazionePDFInCorso && (editOn || options.show_edit_book)" v-if="
!optcatalogo.generazionePDFInCorso &&
(editOn || options.show_edit_book)
"
clickable clickable
v-close-popup v-close-popup
@click="refreshSingleBookFromGM({ usaDBGMLocale: false })" @click="refreshSingleBookFromGM({ usaDBGMLocale: false })"
@@ -197,7 +232,9 @@
</q-item> </q-item>
<q-item <q-item
v-if=" v-if="
tools.isManager() && !optcatalogo.generazionePDFInCorso && (editOn || options.show_edit_book) tools.isManager() &&
!optcatalogo.generazionePDFInCorso &&
(editOn || options.show_edit_book)
" "
clickable clickable
v-close-popup v-close-popup
@@ -255,7 +292,9 @@
--> -->
<q-item <q-item
v-if=" v-if="
tools.isManager() && !optcatalogo.generazionePDFInCorso && (editOn || options.show_edit_book) tools.isManager() &&
!optcatalogo.generazionePDFInCorso &&
(editOn || options.show_edit_book)
" "
clickable clickable
v-close-popup v-close-popup
@@ -275,6 +314,29 @@
<q-item-label>Visualizza su GM</q-item-label> <q-item-label>Visualizza su GM</q-item-label>
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item
v-if="
!optcatalogo.generazionePDFInCorso &&
(editOn || options.show_edit_book)
"
clickable
v-close-popup
@click="getDataExtracted()"
>
<q-item-section avatar>
<q-avatar
icon="fas fa-sitemap"
color="orange"
text-color="white"
/>
</q-item-section>
<q-item-section>
<q-item-label
>Visualizza dati Estrapolati (dal WEB
Esterno)</q-item-label
>
</q-item-section>
</q-item>
<!--<q-item <!--<q-item
v-if=" v-if="
@@ -299,7 +361,9 @@
<q-item <q-item
v-if=" v-if="
tools.isManager() && !optcatalogo.generazionePDFInCorso && (editOn || options.show_edit_book) tools.isManager() &&
!optcatalogo.generazionePDFInCorso &&
(editOn || options.show_edit_book)
" "
clickable clickable
v-close-popup v-close-popup
@@ -316,7 +380,10 @@
/> />
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label>Visualizza su GM (con le Quantità in Magazzino)</q-item-label> <q-item-label
>Visualizza su GM (con le Quantità in
Magazzino)</q-item-label
>
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
@@ -334,12 +401,21 @@
:idPage="idPage" :idPage="idPage"
> >
<div <div
v-if="scheda.testo_right_attaccato.font?.posiz_text !== costanti.POSIZ_TESTO.IN_BASSO" v-if="
scheda.testo_right_attaccato.font?.posiz_text !==
costanti.POSIZ_TESTO.IN_BASSO
"
:style="{ :style="{
alignSelf: alignSelf:
scheda.testo_right_attaccato.font?.posiz_text === costanti.POSIZ_TESTO.IN_BASSO ? '' : 'center', scheda.testo_right_attaccato.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
? ''
: 'center',
marginTop: marginTop:
scheda.testo_right_attaccato.font?.posiz_text === costanti.POSIZ_TESTO.IN_BASSO ? 'auto' : '0', scheda.testo_right_attaccato.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
? 'auto'
: '0',
}" }"
> >
<CText <CText
@@ -356,15 +432,36 @@
:value="myproduct.productInfo.code" :value="myproduct.productInfo.code"
:format="scheda.barcode.format" :format="scheda.barcode.format"
:fontsizeprop="scheda.barcode.font?.size" :fontsizeprop="scheda.barcode.font?.size"
:gap="tools.adjustSize(optcatalogo, scheda.barcode.size?.gap)" :gap="
:width="parseInt(tools.adjustSize(optcatalogo, scheda.barcode.size?.width))" tools.adjustSize(optcatalogo, scheda.barcode.size?.gap)
:widthlines="tools.adjustSize(optcatalogo, scheda.barcode.widthlines)" "
:height="tools.adjustSize(optcatalogo, scheda.barcode.size?.height)" :width="
parseInt(
tools.adjustSize(
optcatalogo,
scheda.barcode.size?.width
)
)
"
:widthlines="
tools.adjustSize(optcatalogo, scheda.barcode.widthlines)
"
:height="
tools.adjustSize(
optcatalogo,
scheda.barcode.size?.height
)
"
:show_at_right="scheda.barcode?.show_at_right" :show_at_right="scheda.barcode?.show_at_right"
> >
</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"
@@ -373,7 +470,11 @@
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"
@@ -387,7 +488,10 @@
</div> </div>
</CText> </CText>
<div <div
v-if="scheda.testo_right_attaccato.font?.posiz_text === costanti.POSIZ_TESTO.IN_BASSO" v-if="
scheda.testo_right_attaccato.font?.posiz_text ===
costanti.POSIZ_TESTO.IN_BASSO
"
class="flexible-width" class="flexible-width"
:style="{ :style="{
marginTop: 'auto', marginTop: 'auto',
@@ -407,15 +511,32 @@
:value="myproduct.productInfo.code" :value="myproduct.productInfo.code"
:format="scheda.barcode.format" :format="scheda.barcode.format"
:fontsizeprop="scheda.barcode.font?.size" :fontsizeprop="scheda.barcode.font?.size"
:gap="tools.adjustSize(optcatalogo, scheda.barcode.size?.gap)" :gap="
:width="parseInt(tools.adjustSize(optcatalogo, scheda.barcode.size?.width))" tools.adjustSize(optcatalogo, scheda.barcode.size?.gap)
:widthlines="tools.adjustSize(optcatalogo, scheda.barcode.widthlines)" "
:height="tools.adjustSize(optcatalogo, scheda.barcode.size?.height)" :width="
parseInt(
tools.adjustSize(
optcatalogo,
scheda.barcode.size?.width
)
)
"
:widthlines="
tools.adjustSize(optcatalogo, scheda.barcode.widthlines)
"
:height="
tools.adjustSize(optcatalogo, scheda.barcode.size?.height)
"
:show_at_right="scheda.barcode.show_at_right" :show_at_right="scheda.barcode.show_at_right"
> >
</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"
@@ -424,7 +545,11 @@
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"
@@ -486,7 +611,9 @@
> >
<q-card class="dialog_card"> <q-card class="dialog_card">
<q-toolbar class="bg-primary text-white"> <q-toolbar class="bg-primary text-white">
<q-toolbar-title> {{ t('ecomm.listaord') }} - {{ myproduct.productInfo.name }} </q-toolbar-title> <q-toolbar-title>
{{ t('ecomm.listaord') }} - {{ myproduct.productInfo.name }}
</q-toolbar-title>
<q-btn <q-btn
flat flat
round round
@@ -524,20 +651,34 @@
</div> </div>
</td> </td>
<td class="text-center"> <td class="text-center">
<strong>{{ tools.getNomeUtenteEUsernameByRecUser(ordcart.user) }}</strong> <strong>{{
tools.getNomeUtenteEUsernameByRecUser(ordcart.user)
}}</strong>
</td> </td>
<td class="text-center"> <td class="text-center">
<strong>{{ shared_consts.getStatusStr(ordcart.status) }}</strong> <strong>{{
shared_consts.getStatusStr(ordcart.status)
}}</strong>
</td> </td>
<td class="text-center"> <td class="text-center">
<div <div
v-for="(singleord, index) in ordcart.items" v-for="(singleord, index) in ordcart.items"
:key="index" :key="index"
> >
<span v-if="singleord.order.idProduct === myproduct._id && singleord.order.quantity > 0"> <span
v-if="
singleord.order.idProduct === myproduct._id &&
singleord.order.quantity > 0
"
>
{{ singleord.order.quantity }}</span {{ singleord.order.quantity }}</span
> >
<span v-if="singleord.order.idProduct === myproduct._id && singleord.order.quantitypreordered > 0"> <span
v-if="
singleord.order.idProduct === myproduct._id &&
singleord.order.quantitypreordered > 0
"
>
{{ singleord.order.quantitypreordered }}</span {{ singleord.order.quantitypreordered }}</span
> >
</div> </div>
@@ -562,7 +703,12 @@
</q-dialog> </q-dialog>
<q-dialog <q-dialog
v-if="true && myproduct && myproduct.productInfo && myproduct.productInfo.link_scheda" v-if="
true &&
myproduct &&
myproduct.productInfo &&
myproduct.productInfo.link_scheda
"
v-model="apriSchedaPDF" v-model="apriSchedaPDF"
maximized maximized
> >
@@ -599,7 +745,12 @@
</q-dialog> </q-dialog>
<q-dialog <q-dialog
v-if="false && myproduct && myproduct.productInfo && myproduct.productInfo.link_scheda" v-if="
false &&
myproduct &&
myproduct.productInfo &&
myproduct.productInfo.link_scheda
"
v-model="apriSchedaPDF" v-model="apriSchedaPDF"
fullscreen fullscreen
> >
@@ -638,7 +789,9 @@
> >
<q-img <q-img
:src=" :src="
myproduct.productInfo.imagefile ? `` + myproduct.productInfo.imagefile : myproduct.productInfo.image_link myproduct.productInfo.imagefile
? `` + myproduct.productInfo.imagefile
: myproduct.productInfo.image_link
" "
:alt="myproduct.productInfo.name" :alt="myproduct.productInfo.name"
:fit="tools.isMobile() ? 'fill' : 'contain'" :fit="tools.isMobile() ? 'fill' : 'contain'"
@@ -713,7 +866,11 @@
campispeciali: true, campispeciali: true,
numrec: 1, numrec: 1,
where: where:
'T.IdArticolo =' + myproduct.productInfo.sku + ' AND T.Ean13 = \'' + myproduct.productInfo.code + '\'', 'T.IdArticolo =' +
myproduct.productInfo.sku +
' AND T.Ean13 = \'' +
myproduct.productInfo.code +
'\'',
showQtaDisponibile, showQtaDisponibile,
outhtml: true, outhtml: true,
}" }"
@@ -722,6 +879,38 @@
</q-card-section> </q-card-section>
</q-card> </q-card>
</q-dialog> </q-dialog>
<q-dialog
v-if="visudataextracted && myproduct"
v-model="visudataextracted"
>
<q-card class="dialog_card">
<q-toolbar class="bg-primary text-white">
<q-toolbar-title> Visu </q-toolbar-title>
<q-btn
flat
round
color="white"
icon="close"
v-close-popup
></q-btn>
</q-toolbar>
<q-card-section class="q-pa-xs inset-shadow">
<div class="row justify-center">Dati</div><br>
<q-inner-loading
id="spinner"
:showing="loading"
>
<q-spinner-tail
color="primary"
size="4em"
>
</q-spinner-tail>
</q-inner-loading>
<div v-html="dataextractedWeb"></div>
</q-card-section>
</q-card>
</q-dialog>
<q-dialog <q-dialog
v-if="updatefromgm && myproduct" v-if="updatefromgm && myproduct"
v-model="updatefromgm" v-model="updatefromgm"

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

@@ -162,6 +162,7 @@ export default defineComponent({
notsortable: true, notsortable: true,
}, },
{ name: 'validato', label: 'Val', field: 'validato', align: 'left', style: '' }, { name: 'validato', label: 'Val', field: 'validato', align: 'left', style: '' },
{ name: 'scraped', label: 'Estratto', field: 'scraped', align: 'left', style: '' },
{ name: 'image', label: 'Foto', field: 'image', align: 'center', noexp: true, notsortable: true }, { name: 'image', label: 'Foto', field: 'image', align: 'center', noexp: true, notsortable: true },
{ name: 'name', label: 'Titolo', field: 'name', align: 'left' }, { name: 'name', label: 'Titolo', field: 'name', align: 'left' },
{ name: 'sottotitolo', label: 'Sottotitolo', field: 'sottotitolo', align: 'left' }, { name: 'sottotitolo', label: 'Sottotitolo', field: 'sottotitolo', align: 'left' },
@@ -313,6 +314,11 @@ export default defineComponent({
? '<span class="text-bold">ERR</span>' ? '<span class="text-bold">ERR</span>'
: 'NO'; : 'NO';
case 'scraped':
return element.scraped === true
? '<span class="text-bold">SI</span>'
: '';
case 'isbn': case 'isbn':
return element.isbn; return element.isbn;

468
src/components/CSchedaProdotto/CSchedaProdotto.ts
View File

@@ -1,30 +1,32 @@
import { PropType, computed, defineComponent, onMounted, ref, watch } from "vue"; import {
import draggable from 'vuedraggable' PropType,
computed,
defineComponent,
onMounted,
ref,
watch,
} from 'vue';
import draggable from 'vuedraggable';
import { tools } from '@tools' import { tools } from '@tools';
import { useGlobalStore } from '@src/store/globalStore' import { useGlobalStore } from '@src/store/globalStore';
import { CTableCupleLabelValue } from '@src/components/CTableCupleLabelValue' import { CTableCupleLabelValue } from '@src/components/CTableCupleLabelValue';
import { costanti } from '@costanti' import { costanti } from '@costanti';
import type {
IMyScheda,
IProduct,
IRecFields
} from '@src/model';
import { shared_consts } from "app/src/common/shared_vuejs";
import { useProducts } from "app/src/store/Products";
import { useI18n } from "vue-i18n";
import { useQuasar } from "quasar";
import type { IMyScheda, IProduct, IRecFields } from '@src/model';
import { shared_consts } from 'app/src/common/shared_vuejs';
import { useProducts } from 'app/src/store/Products';
import { useI18n } from 'vue-i18n';
import { useQuasar } from 'quasar';
export default defineComponent({ export default defineComponent({
name: "CSchedaProdotto", name: 'CSchedaProdotto',
emits: ['updateproductmodif'], emits: ['updateproductmodif'],
components: { components: {
CTableCupleLabelValue CTableCupleLabelValue,
}, },
props: { props: {
modelValue: { modelValue: {
@@ -34,36 +36,35 @@ export default defineComponent({
scheda: { scheda: {
type: Object as PropType<IMyScheda>, type: Object as PropType<IMyScheda>,
required: false, required: false,
default: () => ({ default: () => ({}),
}),
}, },
}, },
setup(props, { emit }) { setup(props, { emit }) {
// Copia locale della lista_prodotti per manipolazione interna // Copia locale della lista_prodotti per manipolazione interna
const $q = useQuasar() const $q = useQuasar();
const { t } = useI18n() const { t } = useI18n();
const globalStore = useGlobalStore() const globalStore = useGlobalStore();
const products = useProducts() const products = useProducts();
const mytab = ref('scheda') const mytab = ref('scheda');
const loading = ref(false) const loading = ref(false);
const updatetogm = ref(false) const updatetogm = ref(false);
const field_updated_toGM = ref('') const field_updated_toGM = ref('');
const myproduct = ref<IProduct>({ ...props.modelValue }) const myproduct = ref<IProduct>({ ...props.modelValue });
watch(() => props.modelValue, (newVal) => { watch(
myproduct.value = { ...newVal }; () => props.modelValue,
}, { deep: false }); (newVal) => {
myproduct.value = { ...newVal };
},
{ deep: false }
);
async function mounted() {}
async function mounted() {
}
/* /*
// Aggiorna la copia locale quando il prop cambia // Aggiorna la copia locale quando il prop cambia
@@ -79,101 +80,102 @@ export default defineComponent({
const arrlist: IRecFields[] = [ const arrlist: IRecFields[] = [
{ {
editOn: false, editOn: false,
label: "Fatturati", label: 'Fatturati',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "totFat", mykey: 'totFat',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Fatturati ultimi 3 Mesi", label: 'Fatturati ultimi 3 Mesi',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "fatLast3M", mykey: 'fatLast3M',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Fatturati ultimi 6 Mesi", label: 'Fatturati ultimi 6 Mesi',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "fatLast6M", mykey: 'fatLast6M',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Fatturati ultimo Anno", label: 'Fatturati ultimo Anno',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "fatLast1Y", mykey: 'fatLast1Y',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Fatturati ultimi 2 Anni", label: 'Fatturati ultimi 2 Anni',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "fatLast2Y", mykey: 'fatLast2Y',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Venduti", label: 'Venduti',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "totVen", mykey: 'totVen',
debounce: "1000", type: costanti.FieldType.number, debounce: '1000',
},
{
editOn: false,
label: "Venduti Ultimi 3 Mesi",
table: "productinfos",
id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo,
mykey: "vLast3M",
debounce: "1000",
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Venduti Ultimi 6 Mesi", label: 'Venduti Ultimi 3 Mesi',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "vLast6M", mykey: 'vLast3M',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Venduti Ultimo Anno", label: 'Venduti Ultimi 6 Mesi',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "vLast1Y", mykey: 'vLast6M',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
{ {
editOn: false, editOn: false,
label: "Venduti Ultimi 2 Anni", label: 'Venduti Ultimo Anno',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "vLast2Y", mykey: 'vLast1Y',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.number,
},
{
editOn: false,
label: 'Venduti Ultimi 2 Anni',
table: 'productinfos',
id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo,
mykey: 'vLast2Y',
debounce: '1000',
type: costanti.FieldType.number, type: costanti.FieldType.number,
}, },
@@ -209,101 +211,102 @@ export default defineComponent({
type: costanti.FieldType.number, type: costanti.FieldType.number,
},*/ },*/
]; ];
return arrlist return arrlist;
} }
function getArrListDescrizioni(): IRecFields[] { function getArrListDescrizioni(): IRecFields[] {
const arrlist: IRecFields[] = [ const arrlist: IRecFields[] = [
{ {
editOn: true, editOn: true,
label: "Descrizione Sinossi per Catalogo", label: 'Descrizione Sinossi per Catalogo',
title: myproduct.value?.productInfo?.name, title: myproduct.value?.productInfo?.name,
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "descr_trafiletto_catalogo", mykey: 'descr_trafiletto_catalogo',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.editor_nohtml, type: costanti.FieldType.editor_nohtml,
dense: true, dense: true,
showall: true, showall: true,
}, },
{ {
editOn: true, editOn: true,
label: "Descrizione breve macro", label: 'Descrizione breve macro',
title: myproduct.value?.productInfo?.name, title: myproduct.value?.productInfo?.name,
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "descrizione_breve_macro", mykey: 'descrizione_breve_macro',
maxlength: 650, maxlength: 650,
debounce: "1000", debounce: '1000',
type: costanti.FieldType.editor_nohtml, type: costanti.FieldType.editor_nohtml,
dense: true, dense: true,
showall: true, showall: true,
}, },
{ {
editOn: true, editOn: true,
label: "Descrizione Estesa", label: 'Descrizione Estesa',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "descrizione_completa_macro", mykey: 'descrizione_completa_macro',
maxlength: props.scheda?.testo_bottom?.maxlength ? props.scheda?.testo_bottom?.maxlength : 10000, maxlength: props.scheda?.testo_bottom?.maxlength
debounce: "1000", ? props.scheda?.testo_bottom?.maxlength
: 10000,
debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
showall: true, showall: true,
}, },
{ {
editOn: true, editOn: true,
label: "Link a gruppomacro.com", label: 'Link a gruppomacro.com',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale id: myproduct.value.productInfo._id, // ID dinamico, da sostituire con il valore reale
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "link_macro", mykey: 'link_macro',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
showall: true, showall: true,
}, },
] ];
return arrlist
return arrlist;
} }
function getArrListScheda(): IRecFields[] { function getArrListScheda(): IRecFields[] {
const arrlist: IRecFields[] = [ const arrlist: IRecFields[] = [
{ {
editOn: true, editOn: true,
label: "Verifica", label: 'Titolo',
table: "products", table: 'productinfos',
id: myproduct.value._id,
rec: myproduct.value,
mykey: "validaprod",
debounce: "1000",
type: costanti.FieldType.verifica,
dense: true,
},
{
editOn: true,
label: "Titolo",
table: "productinfos",
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale rec: myproduct.value.productInfo, // Oggetto dinamico, da sostituire con il valore reale
mykey: "name", mykey: 'name',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "SottoTitolo", label: 'Verifica',
table: "productinfos", table: 'products',
id: myproduct.value._id,
rec: myproduct.value,
mykey: 'validaprod',
debounce: '1000',
type: costanti.FieldType.verifica,
dense: true,
},
{
editOn: true,
label: 'SottoTitolo',
table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "sottotitolo", mykey: 'sottotitolo',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
}, },
@@ -320,153 +323,174 @@ export default defineComponent({
},*/ },*/
{ {
editOn: false, editOn: false,
label: "Pubblicazione", label: 'Pubblicazione',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "date_pub", mykey: 'date_pub',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.onlydate, type: costanti.FieldType.onlydate,
dense: true, dense: true,
}, },
{ {
editOn: false, editOn: false,
label: "Stato", label: 'ISBN',
table: "productinfos", table: 'products',
id: myproduct.value._id,
rec: myproduct.value,
mykey: 'isbn',
debounce: '1000',
type: costanti.FieldType.string,
dense: true,
},
{
editOn: false,
label: 'Stato',
table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "idStatoProdotto", mykey: 'idStatoProdotto',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.select, type: costanti.FieldType.select,
jointable: 't_web_statiprodottos', jointable: 't_web_statiprodottos',
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Argomento", label: 'Argomento',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo?._id, id: myproduct.value.productInfo?._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "idCatProds", mykey: 'idCatProds',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.multiselect, type: costanti.FieldType.multiselect,
jointable: 'catprtotali', jointable: 'catprtotali',
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Pagine", label: 'Pagine',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "pagine", mykey: 'pagine',
debounce: "0", debounce: '0',
type: costanti.FieldType.number, type: costanti.FieldType.number,
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Misure", label: 'Misure',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "misure", mykey: 'misure',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Edizione", label: 'Edizione',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "edizione", mykey: 'edizione',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.string, type: costanti.FieldType.string,
dense: true, dense: true,
}, },
{ {
editOn: false, editOn: false,
label: "Tipologia", label: 'Tipologia',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "idTipologia", mykey: 'idTipologia',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.select, type: costanti.FieldType.select,
jointable: 't_web_tipologies', jointable: 't_web_tipologies',
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Formato", label: 'Formato',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "idTipoFormato", mykey: 'idTipoFormato',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.select, type: costanti.FieldType.select,
jointable: 't_web_tipiformatos', jointable: 't_web_tipiformatos',
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Prezzo", label: 'Prezzo',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "price", mykey: 'price',
debounce: "0", debounce: '0',
type: costanti.FieldType.number, type: costanti.FieldType.number,
dense: true, dense: true,
}, },
{ {
editOn: true, editOn: true,
label: "Prezzo Scontato", label: 'Prezzo Scontato',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "sale_price", mykey: 'sale_price',
debounce: "0", debounce: '0',
type: costanti.FieldType.number, type: costanti.FieldType.number,
dense: true, dense: true,
}, },
{ {
editOn: false, editOn: false,
label: "Magazzino", label: 'Magazzino',
table: "arrvariazioni", table: 'arrvariazioni',
id: myproduct.value._id, id: myproduct.value._id,
rec: myproduct.value, rec: myproduct.value,
mykey: "quantita", mykey: 'quantita',
debounce: "0", debounce: '0',
type: costanti.FieldType.number, type: costanti.FieldType.number,
dense: true, dense: true,
}, },
{ {
editOn: false, editOn: false,
label: "Aggiornato (da GM) il", label: 'Aggiornato (da GM) il',
table: "productinfos", table: 'productinfos',
id: myproduct.value.productInfo._id, id: myproduct.value.productInfo._id,
rec: myproduct.value.productInfo, rec: myproduct.value.productInfo,
mykey: "date_updated_fromGM", mykey: 'date_updated_fromGM',
debounce: "1000", debounce: '1000',
type: costanti.FieldType.onlydate, type: costanti.FieldType.onlydate,
dense: true, dense: true,
}, },
] {
editOn: false,
return arrlist label: 'Dati estratti dal Web',
table: 'products',
id: myproduct.value._id,
rec: myproduct.value,
mykey: 'scraped',
debounce: '1000',
type: costanti.FieldType.boolean,
dense: true,
},
];
return arrlist;
} }
function updateproductmodif(element: any) { function updateproductmodif(element: any) {
console.log('CSCHEDAPRODOTTO updateproductmodif ', element) console.log('CSCHEDAPRODOTTO updateproductmodif ', element);
emit('updateproductmodif', element) emit('updateproductmodif', element);
} }
async function updateFieldsDataToGM(data: any) { async function updateFieldsDataToGM(data: any) {
@@ -479,7 +503,7 @@ export default defineComponent({
const sku = myproduct.value.productInfo.sku; const sku = myproduct.value.productInfo.sku;
if (!sku) { if (!sku) {
throw new Error("SKU non disponibile per il prodotto."); throw new Error('SKU non disponibile per il prodotto.');
} }
// Aggiorna il campo nel database utilizzando setGM_FieldOf_T_Web_Articoli // Aggiorna il campo nel database utilizzando setGM_FieldOf_T_Web_Articoli
@@ -491,8 +515,13 @@ export default defineComponent({
console.log(`Record aggiornato con successo. Risultato:`, result); console.log(`Record aggiornato con successo. Risultato:`, result);
} catch (error) { } catch (error) {
console.error(`Errore durante l'aggiornamento del record:`, error.message); console.error(
throw new Error(`Errore durante l'aggiornamento del record: ${error.message}`); `Errore durante l'aggiornamento del record:`,
error.message
);
throw new Error(
`Errore durante l'aggiornamento del record: ${error.message}`
);
} finally { } finally {
loading.value = false; // Disattiva lo stato di caricamento loading.value = false; // Disattiva lo stato di caricamento
updatetogm.value = false; // Indica che l'aggiornamento è terminato updatetogm.value = false; // Indica che l'aggiornamento è terminato
@@ -503,19 +532,25 @@ export default defineComponent({
} }
function updateRecordToGM() { function updateRecordToGM() {
console.log(
console.log('myproduct.value.productInfo.catprods', myproduct.value.productInfo.catprods) 'myproduct.value.productInfo.catprods',
myproduct.value.productInfo.catprods
);
let mydata = { let mydata = {
ListaArgomenti: products.getArrayidArgomentoByArridCatProds(myproduct.value.productInfo.idCatProds) ListaArgomenti: products.getArrayidArgomentoByArridCatProds(
} myproduct.value.productInfo.idCatProds
console.log('devo salvare mydata', mydata) ),
updateFieldsDataToGM(mydata) };
console.log('devo salvare mydata', mydata);
updateFieldsDataToGM(mydata);
} }
async function updateproduct(load?: boolean) { async function updateproduct(load?: boolean) {
myproduct.value = await products.getProductById(myproduct.value._id, load) myproduct.value = await products.getProductById(
myproduct.value._id,
load
);
} }
/*async function refreshDataFromGM() { /*async function refreshDataFromGM() {
@@ -535,28 +570,64 @@ export default defineComponent({
async function refreshSingleBookFromGM(options: any) { async function refreshSingleBookFromGM(options: any) {
if (myproduct.value) { if (myproduct.value) {
loading.value = true loading.value = true;
await globalStore.updateAllBookFromGM_T_Web_Articoli({ sku: myproduct.value.productInfo.sku!, isbn: myproduct.value.productInfo.code, ...options }) await globalStore
.updateAllBookFromGM_T_Web_Articoli({
sku: myproduct.value.productInfo.sku!,
isbn: myproduct.value.productInfo.code,
...options,
})
.then((ris) => { .then((ris) => {
if (ris) { if (ris) {
if (ris.error) { if (ris.error) {
tools.showNegativeNotif($q, ris.error) tools.showNegativeNotif($q, ris.error);
} else { } else {
updateproduct(false);
updateproduct(false)
// console.log('product AGGIORNATO:', myproduct.value) // console.log('product AGGIORNATO:', myproduct.value)
tools.showPositiveNotif($q, t('dbgm.updateLocalDb_OK')) tools.showPositiveNotif($q, t('dbgm.updateLocalDb_OK'));
} }
loading.value = false loading.value = false;
} }
}) })
.catch((e) => {
console.error('Errore aggiornamento singolo libro:', e);
tools.showNegativeNotif($q, t('dbgm.updateLocalDb_ERROR'));
loading.value = false;
});
} }
} }
async function scrapingBook(update: boolean, aggiornasoloSeVuoti: boolean) {
const options = {
update,
aggiornasoloSeVuoti,
}
const myparam = { product_id: myproduct.value._id, options };
loading.value = true;
onMounted(mounted) const dataupdated = await globalStore
.scrapingBook(myparam)
.then((dataupdated) => {
if (dataupdated) {
tools.showPositiveNotif($q, t('dbgm.scrapingOkUpdated'));
}
return dataupdated;
})
.catch((e) => {
console.error('Errore aggiornamento singolo libro:', e);
tools.showNegativeNotif($q, t('dbgm.updateLocalDb_ERROR'));
loading.value = false;
});
if (dataupdated) {
updateproductmodif()
}
loading.value = false;
}
onMounted(mounted);
return { return {
tools, tools,
@@ -576,7 +647,8 @@ export default defineComponent({
loading, loading,
updateRecordToGM, updateRecordToGM,
refreshSingleBookFromGM, refreshSingleBookFromGM,
scrapingBook,
// refreshDataFromGM, // refreshDataFromGM,
} };
} },
}) });

23
src/components/CSchedaProdotto/CSchedaProdotto.vue
View File

@@ -71,6 +71,8 @@
</q-tab-panel> </q-tab-panel>
</q-tab-panels> </q-tab-panels>
</div> </div>
</q-card-section>
<q-card-actions>
<div class=""> <div class="">
<q-btn <q-btn
rounded rounded
@@ -80,6 +82,24 @@
label="Riaggiorna da GM" label="Riaggiorna da GM"
@click="refreshSingleBookFromGM({usaDBGMLocale: false})" @click="refreshSingleBookFromGM({usaDBGMLocale: false})"
></q-btn> ></q-btn>
<q-btn
v-if="tools.isAdmin()"
rounded
class="q-ma-sm"
color="accent"
icon="fas fa-save"
label="Aggiorna estrapolando dal WEB (solo Vuoti)"
@click="scrapingBook(true, true)"
></q-btn>
<q-btn
v-if="tools.isAdmin()"
rounded
class="q-ma-sm"
color="negative"
icon="fas fa-database"
label="Sovrascrivi estrapolando dal WEB"
@click="scrapingBook(true, false)"
></q-btn>
<q-btn <q-btn
rounded rounded
class="q-ma-sm" class="q-ma-sm"
@@ -90,7 +110,8 @@
@click="updateRecordToGM" @click="updateRecordToGM"
></q-btn> ></q-btn>
</div> </div>
</q-card-section>
</q-card-actions>
</q-card> </q-card>
</template> </template>

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

@@ -338,10 +338,10 @@ export default defineComponent({
? ` - (${rec.productInfo.authors.name} ${rec.productInfo.authors.surname}) ` ? ` - (${rec.productInfo.authors.name} ${rec.productInfo.authors.surname}) `
: ''; : '';
} }
if (rec.productInfo.idStatoProdotto) { if (rec.productInfo?.idStatoProdotto) {
if (!productStore.isPubblicatoById(rec.productInfo.idStatoProdotto)) if (!productStore.isPubblicatoById(rec.productInfo?.idStatoProdotto))
label += label +=
' (' + productStore.getDescrStatiProdottoByIdStatoProdotto(rec.productInfo.idStatoProdotto || '') + ')'; ' (' + productStore.getDescrStatiProdottoByIdStatoProdotto(rec.productInfo?.idStatoProdotto || '') + ')';
} }
if (productStore.isEsaurito(rec)) { if (productStore.isEsaurito(rec)) {
label += ' (Attualmente non disponibile)'; label += ' (Attualmente non disponibile)';

17
src/components/CTableCupleLabelValue/CTableCupleLabelValue.scss
View File

@@ -3,19 +3,28 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
max-width: 800px; /* Limita la larghezza per schermi grandi */ margin: 0 auto;
margin: 0 auto; /* Centra il contenuto */
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
/* Quando c’è la classe two-columns: usa grid 2 colonne */
.table-container.two-columns {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 30px; /* distanza tra le colonne */
row-gap: 10px;
padding: 8px;
margin: 0px;
}
/* Stile delle righe della tabella */ /* Stile delle righe della tabella */
.table-row { .table-row {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 2px; padding: 4px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
@@ -27,7 +36,7 @@
/* Stile delle celle */ /* Stile delle celle */
.table-cell { .table-cell {
flex: 1; flex: 1;
padding: 8px; padding: 2px;
} }
/* Stile specifico per la colonna delle etichette */ /* Stile specifico per la colonna delle etichette */

3
src/components/CTableCupleLabelValue/CTableCupleLabelValue.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="table-container"> <div :class="['table-container', { 'two-columns': list.length > 10 }]">
<div <div
v-for="(myrec, index) in list" v-for="(myrec, index) in list"
:key="index" :key="index"

1
src/model/Products.ts
View File

@@ -98,6 +98,7 @@ export interface IVariazione {
addtocart_link?: string addtocart_link?: string
eta?: string eta?: string
validaprod?: IValidaProd validaprod?: IValidaProd
scraped?: boolean
} }
export interface IAuthor { export interface IAuthor {

7
src/statics/lang/it.js
View File

@@ -1906,8 +1906,9 @@ const msg_it = {
code_o_text_search: 'Inserisci il codice o il testo da cercare', code_o_text_search: 'Inserisci il codice o il testo da cercare',
code_add_to_cart: 'Aggiungi un codice al carrello', code_add_to_cart: 'Aggiungi un codice al carrello',
qta_prenotate_in_attesa: '(Preordinate In attesa {qty})', qta_prenotate_in_attesa: '(Preordinate In attesa {qty})',
prodotti_trovati: 'Trovati {qta} su {qtatot}', prodotti_trovati: 'Trovati {qta}{qtatot}',
prodotti_trovati_qta: 'Trovati {qta}', prodotti_trovati_qta: 'Trovati {qta}',
su: 'su',
bloccati: 'Bloccati', bloccati: 'Bloccati',
bookedGASQtyOrdered: 'Prenotate', bookedGASQtyOrdered: 'Prenotate',
bookedGASQtyOrdered_str: 'Prenotati {qta} su {qtatot} {unit}', bookedGASQtyOrdered_str: 'Prenotati {qta} su {qtatot} {unit}',
@@ -2070,7 +2071,9 @@ const msg_it = {
}, },
dbgm: { dbgm: {
updateLocalDb_OK: 'DB Aggiornato', updateLocalDb_OK: 'Dati Aggiornati in locale',
updateLocalDb_ERROR: 'Errore aggiornamento singolo libro',
scrapingOkUpdated: 'Dati Aggiornati prelevando dal Web',
}, },
queryai: { queryai: {

1
src/store/Modules/fieldsTable.ts
View File

@@ -2841,6 +2841,7 @@ export const colTableProducts = [
AddCol({ name: 'canBeShipped', label_trans: 'products.canBeShipped', fieldtype: costanti.FieldType.boolean }), AddCol({ name: 'canBeShipped', label_trans: 'products.canBeShipped', fieldtype: costanti.FieldType.boolean }),
AddCol({ name: 'canBeBuyOnline', label_trans: 'products.canBeBuyOnline', fieldtype: costanti.FieldType.boolean }), AddCol({ name: 'canBeBuyOnline', label_trans: 'products.canBeBuyOnline', fieldtype: costanti.FieldType.boolean }),
AddCol({ name: 'validaprod', label_trans: 'products.validaprod', fieldtype: costanti.FieldType.verifica }), AddCol({ name: 'validaprod', label_trans: 'products.validaprod', fieldtype: costanti.FieldType.verifica }),
AddCol({ name: 'scraped', label_trans: 'products.scraped', fieldtype: costanti.FieldType.boolean }),
AddCol(DeleteRec), AddCol(DeleteRec),
AddCol(DuplicateRec), AddCol(DuplicateRec),
] ]

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

@@ -10020,6 +10020,24 @@ export const tools = {
return addstr; return addstr;
}, },
generateHtmlTableFromObject(obj: object) {
if (!obj || typeof obj !== 'object') return '';
let html = '<table border="1" cellpadding="5" cellspacing="0" style="border-collapse: collapse;">';
html += '<thead><tr><th>Chiave</th><th>Valore</th></tr></thead><tbody>';
for (const [key, value] of Object.entries(obj)) {
// Se il valore è un oggetto o array, lo converto in JSON stringa
const displayValue = value && typeof value === 'object' ? JSON.stringify(value) : String(value);
html += `<tr><td>${key}</td><td>${displayValue}</td></tr>`;
}
html += '</tbody></table>';
return html;
},
// FINE ! // FINE !

2
src/store/Products.ts
View File

@@ -1815,7 +1815,7 @@ export const useProducts = defineStore('Products', {
break; break;
case '{stato}': case '{stato}':
replacements[key] = this.getDescrStatiProdottoByIdStatoProdotto( replacements[key] = this.getDescrStatiProdottoByIdStatoProdotto(
myproduct.productInfo.idStatoProdotto || '' myproduct.productInfo?.idStatoProdotto || ''
); );
break; break;
case '{scale}': case '{scale}':

597
src/store/globalStore.ts
View File

File diff suppressed because it is too large Load Diff

77
src/views/ecommerce/cash/cash.vue
View File

@@ -1,9 +1,17 @@
<template> <template>
<q-page> <q-page>
<div class="text-center"> <div class="text-center">
<q-spinner v-if="!loadpage" color="primary" size="3em" :thickness="2" /> <q-spinner
v-if="!loadpage"
color="primary"
size="3em"
:thickness="2"
/>
</div> </div>
<div v-if="loadpage" class="panel"> <div
v-if="loadpage"
class="panel"
>
<div> <div>
<div class="text-center"> <div class="text-center">
<CSelectUserActive></CSelectUserActive> <CSelectUserActive></CSelectUserActive>
@@ -16,9 +24,18 @@
dense dense
toggle-color="purple" toggle-color="purple"
:options="[ :options="[
{ value: shared_consts.PROD.TUTTI, slot: 'tutti' }, {
{ value: shared_consts.PROD.BOTTEGA, slot: 'bottega' }, value: shared_consts.PROD.TUTTI,
{ value: shared_consts.PROD.GAS, slot: 'gas' }, slot: 'tutti',
},
{
value: shared_consts.PROD.BOTTEGA,
slot: 'bottega',
},
{
value: shared_consts.PROD.GAS,
slot: 'gas',
},
]" ]"
> >
<template v-slot:tutti> <template v-slot:tutti>
@@ -26,7 +43,10 @@
<div class="text-center"> <div class="text-center">
{{ t('ecomm.tutti') }} {{ t('ecomm.tutti') }}
</div> </div>
<q-icon right name="fas fa-user-friends" /> <q-icon
right
name="fas fa-user-friends"
/>
</div> </div>
</template> </template>
@@ -41,7 +61,10 @@
}) })
}} }}
</div> </div>
<q-icon right name="fas fa-user-friends" /> <q-icon
right
name="fas fa-user-friends"
/>
</div> </div>
</template> </template>
@@ -56,7 +79,10 @@
}) })
}} }}
</div> </div>
<q-icon right name="fas fa-store" /> <q-icon
right
name="fas fa-store"
/>
</div> </div>
</template> </template>
</q-btn-toggle> </q-btn-toggle>
@@ -82,15 +108,24 @@
</template> </template>
</q-input> </q-input>
</div> </div>
<div class="row q-gutter-xs justify-center q-mx-auto"> <div
<div v-for="(reccat, index) in getCatProds()" :key="index"> class="row q-gutter-xs justify-center q-mx-auto"
>
<div
v-for="(reccat, index) in getCatProds()"
:key="index"
>
<q-btn <q-btn
:push="cat === reccat.value" :push="cat === reccat.value"
dense dense
:size="tools.isMobile() ? '0.70rem' : '1rem'" :size="tools.isMobile() ? '0.70rem' : '1rem'"
:icon="reccat.icon ? reccat.icon : undefined" :icon="reccat.icon ? reccat.icon : undefined"
:color="cat === reccat.value ? 'primary' : undefined" :color="
:text-color="cat === reccat.value ? 'white' : 'black'" cat === reccat.value ? 'primary' : undefined
"
:text-color="
cat === reccat.value ? 'white' : 'black'
"
rounded rounded
:label="reccat.label" :label="reccat.label"
@click="cat = reccat.value" @click="cat = reccat.value"
@@ -101,10 +136,13 @@
<div class="text-center q-py-sm prod_trov"> <div class="text-center q-py-sm prod_trov">
{{ {{
t('ecomm.prodotti_trovati', { t('ecomm.prodotti_trovati', {
qta: getArrProducts.length, qta: arrProducts.length,
qtatot: productStore.getNumProdTot(), qtatot:
productStore.getNumProdTot() > 0
? ` ${t('ecomm.su')} ${productStore.getNumProdTot()}`
: '',
}) })
}}{{}} }}
</div> </div>
<div class="row justify-around"> <div class="row justify-around">
<div <div
@@ -112,7 +150,11 @@
v-for="(product, index) in getArrProducts" v-for="(product, index) in getArrProducts"
:key="index" :key="index"
> >
<CProductCard :id="product._id" :complete="false" :cosa="cosa" /> <CProductCard
:id="product._id"
:complete="false"
:cosa="cosa"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -120,8 +162,7 @@
</q-page> </q-page>
</template> </template>
<script lang="ts" src="./cash.ts"> <script lang="ts" src="./cash.ts"></script>
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import './cash'; @import './cash';

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

@@ -8,10 +8,15 @@
{{ getTitoloCatalogo() }} {{ getTitoloCatalogo() }}
</div> </div>
<div <div
v-if="ispageCatalogata && (tools.isEditor() || tools.isCommerciale()) && myCatalog?.referenti?.length > 0" v-if="
ispageCatalogata &&
(tools.isEditor() || tools.isCommerciale()) &&
myCatalog?.referenti?.length > 0
"
class="text-h7 text-center text-red q-ma-sm" class="text-h7 text-center text-red q-ma-sm"
> >
{{ $t('cataloglist.referenti') }}: <span class="text-bold">{{ getReferentiCatalogo() }}</span> {{ $t('cataloglist.referenti') }}:
<span class="text-bold">{{ getReferentiCatalogo() }}</span>
</div> </div>
<q-tabs <q-tabs
v-model="tabcatalogo" v-model="tabcatalogo"
@@ -103,7 +108,9 @@
v-for="(reccat, index) in getCatProds()" v-for="(reccat, index) in getCatProds()"
:key="index" :key="index"
class="category" class="category"
:class="{ category_sel: cat === reccat.value }" :class="{
category_sel: cat === reccat.value,
}"
@click="cat = reccat.value" @click="cat = reccat.value"
> >
{{ reccat.label }} {{ reccat.label }}
@@ -117,7 +124,9 @@
v-for="(reccollana, index) in getCollane()" v-for="(reccollana, index) in getCollane()"
:key="index" :key="index"
class="category" class="category"
:class="{ category_sel: collana === reccollana.value }" :class="{
category_sel: collana === reccollana.value,
}"
@click="collana = reccollana.value" @click="collana = reccollana.value"
> >
{{ reccollana.label }} {{ reccollana.label }}
@@ -130,7 +139,9 @@
class="text-center q-py-sm prod_trov" class="text-center q-py-sm prod_trov"
> >
<div <div
v-if="cat === '' && arrProducts.length === 0 && showListaFiltrata" v-if="
cat === '' && arrProducts.length === 0 && showListaFiltrata
"
class="row justify-center text-h6" class="row justify-center text-h6"
> >
Seleziona {{ filtroStrApplicato }} Seleziona {{ filtroStrApplicato }}
@@ -139,18 +150,14 @@
v-else v-else
v-show="productStore.getNumProdTot() !== arrProducts.length" v-show="productStore.getNumProdTot() !== arrProducts.length"
> >
<span v-if="productStore.getNumProdTot()" <span>
>{{ {{
t('ecomm.prodotti_trovati', { t('ecomm.prodotti_trovati', {
qta: arrProducts.length, qta: arrProducts.length,
qtatot: productStore.getNumProdTot(), qtatot:
}) productStore.getNumProdTot() > 0
}} ? ` ${t('ecomm.su')} ${productStore.getNumProdTot()}`
</span> : '',
<span v-else>
{{
t('ecomm.prodotti_trovati_qta', {
qta: arrProducts.length,
}) })
}} }}
</span> </span>
@@ -171,7 +178,7 @@
</q-inner-loading> </q-inner-loading>
<q-btn <q-btn
v-if="!showListaFiltrata" v-if="!showListaFiltrata && tools.is"
rounded rounded
icon="fas fa-redo" icon="fas fa-redo"
label="Rigenera Lista" label="Rigenera Lista"
@@ -325,7 +332,9 @@
class="row justify-center" class="row justify-center"
> >
<q-btn <q-btn
v-if="optcatalogo.pdf && !optcatalogo.generazionePDFInCorso" v-if="
optcatalogo.pdf && !optcatalogo.generazionePDFInCorso
"
:label="`1) PREPARA PDF`" :label="`1) PREPARA PDF`"
@click="preparePDF" @click="preparePDF"
></q-btn> ></q-btn>
@@ -335,7 +344,9 @@
@click="terminaPDF" @click="terminaPDF"
></q-btn> ></q-btn>
<q-btn <q-btn
v-if="optcatalogo.pdf && optcatalogo.generazionePDFInCorso" v-if="
optcatalogo.pdf && optcatalogo.generazionePDFInCorso
"
:label="`2) Genera PDF ` + getPdfFilename()" :label="`2) Genera PDF ` + getPdfFilename()"
@click="generatePDF()" @click="generatePDF()"
color="positive" color="positive"
@@ -353,7 +364,9 @@
v-if="myCatalog.pdf_generato" v-if="myCatalog.pdf_generato"
class="bg-green-1 q-ma-sm q-pa-sm" class="bg-green-1 q-ma-sm q-pa-sm"
> >
<div class="bg-blue-1 text-red text-bold text-h6 q-ma-sm q-pa-sm"> <div
class="bg-blue-1 text-red text-bold text-h6 q-ma-sm q-pa-sm"
>
<strong>PDF generati Temporanei</strong> <strong>PDF generati Temporanei</strong>
</div> </div>
@@ -400,18 +413,26 @@
</q-table> </q-table>
<div class="bg-red-1 q-pa-md q-mt-md"> <div class="bg-red-1 q-pa-md q-mt-md">
<div class="bg-blue-1 text-green text-bold text-h6 q-ma-sm q-pa-sm"> <div
class="bg-blue-1 text-green text-bold text-h6 q-ma-sm q-pa-sm"
>
<strong>PDF Pubblicati OnLine</strong> <strong>PDF Pubblicati OnLine</strong>
</div> </div>
<table class="q-table q-table--flat q-table--dense q-ma-none q-pa-none"> <table
class="q-table q-table--flat q-table--dense q-ma-none q-pa-none"
>
<tbody> <tbody>
<tr> <tr>
<td><strong>PDF OnLine:</strong></td> <td>
<strong>PDF OnLine:</strong>
</td>
<td> <td>
<a <a
v-if="myCatalog.pdf_online" v-if="myCatalog.pdf_online"
:href="tools.getHost() + myCatalog.pdf_online" :href="
tools.getHost() + myCatalog.pdf_online
"
target="_blank" target="_blank"
class="text-bold" class="text-bold"
> >
@@ -419,22 +440,40 @@
</a> </a>
<span v-else>-</span> <span v-else>-</span>
</td> </td>
<td>{{ tools.getstrDateTime(myCatalog.data_online) }}</td> <td>
{{
tools.getstrDateTime(myCatalog.data_online)
}}
</td>
</tr> </tr>
<tr> <tr>
<td><strong>PDF OnLine Stampa:</strong></td> <td>
<strong>PDF OnLine Stampa:</strong>
</td>
<td> <td>
<a <a
v-if="myCatalog.pdf_online_stampa" v-if="myCatalog.pdf_online_stampa"
:href="tools.getHost() + myCatalog.pdf_online_stampa" :href="
tools.getHost() +
myCatalog.pdf_online_stampa
"
target="_blank" target="_blank"
class="text-bold" class="text-bold"
> >
{{ tools.getHost() + myCatalog.pdf_online_stampa }} {{
tools.getHost() +
myCatalog.pdf_online_stampa
}}
</a> </a>
<span v-else>-</span> <span v-else>-</span>
</td> </td>
<td>{{ tools.getstrDateTime(myCatalog.data_online_stampa) }}</td> <td>
{{
tools.getstrDateTime(
myCatalog.data_online_stampa
)
}}
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -463,7 +502,9 @@
v-for="(reccat, index) in getCatProds()" v-for="(reccat, index) in getCatProds()"
:key="index" :key="index"
class="category" class="category"
:class="{ category_sel: cat === reccat.value }" :class="{
category_sel: cat === reccat.value,
}"
@click="cat = reccat.value" @click="cat = reccat.value"
> >
{{ reccat.label }} {{ reccat.label }}
@@ -477,7 +518,9 @@
v-for="(reccollana, index) in getCollane()" v-for="(reccollana, index) in getCollane()"
:key="index" :key="index"
class="category" class="category"
:class="{ category_sel: collana === reccollana.value }" :class="{
category_sel: collana === reccollana.value,
}"
@click="collana = reccollana.value" @click="collana = reccollana.value"
> >
{{ reccollana.label }} {{ reccollana.label }}
@@ -544,15 +587,26 @@
<CMySelect <CMySelect
:col="fieldsTable.getColByColumns(mycolumns, item.key)" :col="fieldsTable.getColByColumns(mycolumns, item.key)"
v-if=" v-if="
item.type === costanti.FieldType.select || item.type === costanti.FieldType.select_by_server item.type === costanti.FieldType.select ||
item.type === costanti.FieldType.select_by_server
"
:label="
item.value && item.value._id > 0
? undefined
: labelcombo(item)
" "
:label="item.value && item.value._id > 0 ? undefined : labelcombo(item)"
v-model:value="item.value" v-model:value="item.value"
:addall="item.addall" :addall="item.addall"
:addnone="item.addnone" :addnone="item.addnone"
:addlast="true" :addlast="true"
:tablesel="item.type === costanti.FieldType.select_by_server ? item.tablesel : ''" :tablesel="
:pickup="item.type === costanti.FieldType.select_by_server" item.type === costanti.FieldType.select_by_server
? item.tablesel
: ''
"
:pickup="
item.type === costanti.FieldType.select_by_server
"
:label-color="$q.dark.isActive ? 'white' : 'black'" :label-color="$q.dark.isActive ? 'white' : 'black'"
myclass="comboselector" myclass="comboselector"
color="primary" color="primary"
@@ -564,7 +618,10 @@
:filter="item.filter" :filter="item.filter"
:filter_extra="item.filter_extra" :filter_extra="item.filter_extra"
style="font-size: 0.8rem !important" style="font-size: 0.8rem !important"
:useinput="item.useinput && item.type !== costanti.FieldType.select_by_server" :useinput="
item.useinput &&
item.type !== costanti.FieldType.select_by_server
"
> >
</CMySelect> </CMySelect>
</div> </div>
@@ -601,7 +658,11 @@
<div class="text-center q-py-sm prod_trov"> <div class="text-center q-py-sm prod_trov">
<div <div
v-if="cat === '' && arrProducts.length === 0 && showListaFiltrata" v-if="
cat === '' &&
arrProducts.length === 0 &&
showListaFiltrata
"
class="row justify-center text-h6" class="row justify-center text-h6"
> >
Seleziona {{ filtroStrApplicato }} Seleziona {{ filtroStrApplicato }}
@@ -609,13 +670,17 @@
<span <span
v-else v-else
v-show="productStore.getNumProdTot() !== arrProducts.length" v-show="productStore.getNumProdTot() !== arrProducts.length"
>{{ >
{{
t('ecomm.prodotti_trovati', { t('ecomm.prodotti_trovati', {
qta: arrProducts.length, qta: arrProducts.length,
qtatot: productStore.getNumProdTot(), qtatot:
productStore.getNumProdTot() > 0
? ` ${t('ecomm.su')} ${productStore.getNumProdTot()}`
: '',
}) })
}}</span }}
> </span>
</div> </div>
<div <div
class="row justify-around" class="row justify-around"
@@ -644,14 +709,26 @@
optcatalogo.first_page.text_html && optcatalogo.first_page.text_html &&
optcatalogo.first_page.text_html.contenuto optcatalogo.first_page.text_html.contenuto
" "
:style="generateStyleByPageDim(optcatalogo, optcatalogo.first_page)" :style="
generateStyleByPageDim(
optcatalogo,
optcatalogo.first_page
)
"
> >
<div v-html="optcatalogo.first_page.text_html.contenuto"></div> <div
v-html="optcatalogo.first_page.text_html.contenuto"
></div>
</div> </div>
<div :style="generateStyleCatalogo(optcatalogo)"> <div :style="generateStyleCatalogo(optcatalogo)">
<div class="flex-container-book"> <div class="flex-container-book">
<q-infinite-scroll <q-infinite-scroll
v-if="!optcatalogo.pdf && arrLoaded && arrLoaded.length > 0 && !ismounting" v-if="
!optcatalogo.pdf &&
arrLoaded &&
arrLoaded.length > 0 &&
!ismounting
"
ref="myinfscroll" ref="myinfscroll"
:initial-index="0" :initial-index="0"
@load="onLoadScroll" @load="onLoadScroll"
@@ -668,7 +745,9 @@
v-if=" v-if="
product.active || product.active ||
(show_hide && (show_hide &&
product.productInfo.productTypes.includes(shared_consts.PRODUCTTYPE.PRODUCT)) product.productInfo.productTypes.includes(
shared_consts.PRODUCTTYPE.PRODUCT
))
" "
:id="product._id" :id="product._id"
:product="product" :product="product"
@@ -708,13 +787,17 @@
> >
<!-- Itera sulle schede --> <!-- Itera sulle schede -->
<div <div
v-for="(recscheda, schedaIndex) in optcatalogo.arrSchede" v-for="(
recscheda, schedaIndex
) in optcatalogo.arrSchede"
:key="schedaIndex" :key="schedaIndex"
> >
<div v-if="recscheda && recscheda.scheda"> <div v-if="recscheda && recscheda.scheda">
<!-- Itera sulle pagine --> <!-- Itera sulle pagine -->
<div <div
v-for="(page, pageIndex) in groupedPages(recscheda)" v-for="(page, pageIndex) in groupedPages(
recscheda
)"
:key="pageIndex" :key="pageIndex"
> >
<div <div
@@ -725,13 +808,24 @@
'card-page': false, 'card-page': false,
'pdf-section': true, 'pdf-section': true,
}" }"
:style="generateStylePageScheda(optcatalogo, recscheda.scheda)" :style="
generateStylePageScheda(
optcatalogo,
recscheda.scheda
)
"
> >
<div <div
v-if="recscheda.scheda.dimensioni.pagina?.testo_title?.contenuto" v-if="
recscheda.scheda.dimensioni.pagina
?.testo_title?.contenuto
"
:style="{ :style="{
'--scalecatalog': tools.getScale(optcatalogo), '--scalecatalog':
'line-height': recscheda.scheda.dimensioni.pagina?.testo_title?.font.line_height, tools.getScale(optcatalogo),
'line-height':
recscheda.scheda.dimensioni.pagina
?.testo_title?.font.line_height,
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
position: 'relative', // Posizionamento assoluto position: 'relative', // Posizionamento assoluto
@@ -745,14 +839,24 @@
> >
<div <div
v-html="getTitoloPagina(null, recscheda)" v-html="getTitoloPagina(null, recscheda)"
style="display: flex; flex-direction: row; justify-content: center" style="
display: flex;
flex-direction: row;
justify-content: center;
"
></div> ></div>
</div> </div>
<div <div
v-if="recscheda.scheda.dimensioni.pagina?.testo_up?.contenuto" v-if="
recscheda.scheda.dimensioni.pagina?.testo_up
?.contenuto
"
:style="{ :style="{
'--scalecatalog': tools.getScale(optcatalogo), '--scalecatalog':
'line-height': recscheda.scheda.dimensioni.pagina?.testo_up?.font.line_height, tools.getScale(optcatalogo),
'line-height':
recscheda.scheda.dimensioni.pagina
?.testo_up?.font.line_height,
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
}" }"
@@ -781,7 +885,9 @@
v-for="(prod, colIndex) in row" v-for="(prod, colIndex) in row"
:key="`${pageIndex}-${rowIndex}-${colIndex}`" :key="`${pageIndex}-${rowIndex}-${colIndex}`"
class="flex-item-book" class="flex-item-book"
:style="getStyleSchedaProdotto(recscheda)" :style="
getStyleSchedaProdotto(recscheda)
"
> >
<CContainerCatalogoCard <CContainerCatalogoCard
v-if="prod && prod.active" v-if="prod && prod.active"
@@ -802,7 +908,9 @@
@selauthor="selauthor" @selauthor="selauthor"
/> />
<CProductCard <CProductCard
v-else-if="prod && (prod.active || show_hide)" v-else-if="
prod && (prod.active || show_hide)
"
:id="prod._id" :id="prod._id"
:complete="false" :complete="false"
:cosa="cosa" :cosa="cosa"
@@ -813,13 +921,18 @@
<!-- Separatore --> <!-- Separatore -->
<div <div
v-if="recscheda.scheda?.show_separatore && rowIndex !== page.length - 1" v-if="
recscheda.scheda?.show_separatore &&
rowIndex !== page.length - 1
"
class="text-center" class="text-center"
:style="getStyleRow(recscheda)" :style="getStyleRow(recscheda)"
> >
<q-separator <q-separator
inset inset
:size="tools.adjustSize(optcatalogo, '1px')" :size="
tools.adjustSize(optcatalogo, '1px')
"
></q-separator> ></q-separator>
</div> </div>
</div> </div>
@@ -840,9 +953,13 @@
optcatalogo.last_page.text_html && optcatalogo.last_page.text_html &&
optcatalogo.last_page.text_html.contenuto optcatalogo.last_page.text_html.contenuto
" "
:style="generateStyleByPageDim(optcatalogo, optcatalogo.last_page)" :style="
generateStyleByPageDim(optcatalogo, optcatalogo.last_page)
"
> >
<div v-html="optcatalogo.last_page.text_html.contenuto"></div> <div
v-html="optcatalogo.last_page.text_html.contenuto"
></div>
</div> </div>
</div> </div>
</div> </div>
@@ -854,14 +971,18 @@
<div> <div>
Sfondo: Sfondo:
{{ {{
tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile
}} }}
</div> </div>
<q-img <q-img
v-if="optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile" v-if="optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile"
:src=" :src="
tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.dimensioni_def?.pagina.imgsfondo?.imagefile
" "
> >
</q-img> </q-img>
@@ -871,17 +992,37 @@
<div class="row justify-center q-mx-auto bg-blue-1"> <div class="row justify-center q-mx-auto bg-blue-1">
<div> <div>
Prima Pagina: Prima Pagina:
{{ tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.first_page.imgsfondo.imagefile }} {{
tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.first_page.imgsfondo.imagefile
}}
</div> </div>
<q-img :src="tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.first_page.imgsfondo.imagefile"> <q-img
:src="
tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.first_page.imgsfondo.imagefile
"
>
</q-img> </q-img>
<div> <div>
Ultima Pagina: Ultima Pagina:
{{ tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.last_page.imgsfondo.imagefile }} {{
tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.last_page.imgsfondo.imagefile
}}
</div> </div>
<q-img :src="tools.getDirUpload() + costanti.DIR_CATALOGO + optcatalogo.last_page.imgsfondo.imagefile"> <q-img
:src="
tools.getDirUpload() +
costanti.DIR_CATALOGO +
optcatalogo.last_page.imgsfondo.imagefile
"
>
</q-img> </q-img>
</div> </div>
</q-tab-panel> </q-tab-panel>

203
src/views/ecommerce/productsList/productsList.vue
View File

@@ -1,12 +1,22 @@
<template> <template>
<q-page> <q-page>
<div class="text-center"> <div class="text-center">
<q-spinner v-if="!loadpage" color="primary" size="3em" :thickness="2" /> <q-spinner
v-if="!loadpage"
color="primary"
size="3em"
:thickness="2"
/>
</div> </div>
<div v-if="loadpage" class="panel"> <div
v-if="loadpage"
class="panel"
>
<div> <div>
<CSelectUserActive></CSelectUserActive> <CSelectUserActive></CSelectUserActive>
<div class="text-center text-h7 text-blue">Filtra Prodotti per:</div> <div class="text-center text-h7 text-blue">
Filtra Prodotti per:
</div>
<div class="text-center"> <div class="text-center">
<q-btn-toggle <q-btn-toggle
v-model="cosa" v-model="cosa"
@@ -16,23 +26,32 @@
glossy glossy
toggle-color="primary" toggle-color="primary"
:options="[ :options="[
{ value: shared_consts.PROD.GAS, slot: 'gas' }, {
{ value: shared_consts.PROD.BOTTEGA, slot: 'bottega' }, value: shared_consts.PROD.GAS,
slot: 'gas',
},
{
value: shared_consts.PROD.BOTTEGA,
slot: 'bottega',
},
]" ]"
> >
<template v-slot:tutti> <template v-slot:tutti>
<div class="row items-center no-wrap"> <div class="row items-center no-wrap">
<div class="text-center"> <div class="text-center">
{{ t("ecomm.tutti") }} {{ t('ecomm.tutti') }}
</div> </div>
<q-icon right name="fas fa-check-square" /> <q-icon
right
name="fas fa-check-square"
/>
</div> </div>
</template> </template>
<template v-slot:gas> <template v-slot:gas>
<div class="row items-center no-wrap"> <div class="row items-center no-wrap">
<div class="text-center"> <div class="text-center">
{{ t("gas.ordina_sul_gas") }} {{ t('gas.ordina_sul_gas') }}
<!--<br /> <!--<br />
{{ {{
t('gas.x_prodotti_gas', { t('gas.x_prodotti_gas', {
@@ -40,14 +59,17 @@
}) })
}}--> }}-->
</div> </div>
<q-icon right name="fas fa-user-friends" /> <q-icon
right
name="fas fa-user-friends"
/>
</div> </div>
</template> </template>
<template v-slot:bottega> <template v-slot:bottega>
<div class="row items-center no-wrap"> <div class="row items-center no-wrap">
<div class="text-center"> <div class="text-center">
{{ t("gas.bottega") }} {{ t('gas.bottega') }}
<!--<br /> <!--<br />
{{ {{
t('gas.x_prodotti_bottega', { t('gas.x_prodotti_bottega', {
@@ -55,7 +77,10 @@
}) })
}}--> }}-->
</div> </div>
<q-icon right name="fas fa-store" /> <q-icon
right
name="fas fa-store"
/>
</div> </div>
</template> </template>
</q-btn-toggle> </q-btn-toggle>
@@ -93,37 +118,67 @@
</q-slide-transition> </q-slide-transition>
<div v-if="cosa === shared_consts.PROD.GAS"> <div v-if="cosa === shared_consts.PROD.GAS">
<div v-if="!idGasSel"> <div v-if="!idGasSel">
<div class="text-center text-h6 text-red">Ordini Attivi:</div> <div class="text-center text-h6 text-red">
Ordini Attivi:
</div>
</div> </div>
<div class="row q-gutter-xs justify-center q-mx-auto"> <div
class="row q-gutter-xs justify-center q-mx-auto"
>
<div <div
v-for="(recgas, index) in productStore.getGasordinesActives()" v-for="(
recgas, index
) in productStore.getGasordinesActives()"
:key="index" :key="index"
> >
<q-btn <q-btn
push push
dense dense
:size="tools.isMobile() ? '0.9rem' : '1.05rem'" :size="
:color="idGasSel === recgas._id ? 'primary' : undefined" tools.isMobile() ? '0.9rem' : '1.05rem'
:text-color="idGasSel === recgas._id ? 'white' : 'black'" "
:color="
idGasSel === recgas._id
? 'primary'
: undefined
"
:text-color="
idGasSel === recgas._id
? 'white'
: 'black'
"
:label="recgas.name" :label="recgas.name"
@click="idGasSel = recgas._id" @click="idGasSel = recgas._id"
> >
</q-btn> </q-btn>
</div> </div>
</div> </div>
<div class="row q-gutter-xs justify-center q-mx-auto"> <div
class="row q-gutter-xs justify-center q-mx-auto"
>
<div <div
v-for="(reccat, index) in getCatProdsByGas(idGasSel)" v-for="(reccat, index) in getCatProdsByGas(
idGasSel
)"
:key="index" :key="index"
> >
<q-btn <q-btn
:push="cat === reccat.value" :push="cat === reccat.value"
dense dense
:size="tools.isMobile() ? '0.70rem' : '0.85rem'" :size="
:icon="reccat.icon ? reccat.icon : undefined" tools.isMobile() ? '0.70rem' : '0.85rem'
:color="cat === reccat.value ? 'primary' : undefined" "
:text-color="cat === reccat.value ? 'white' : 'black'" :icon="
reccat.icon ? reccat.icon : undefined
"
:color="
cat === reccat.value
? 'primary'
: undefined
"
:text-color="
cat === reccat.value ? 'white' : 'black'
"
rounded rounded
:label="reccat.label" :label="reccat.label"
@click="cat = reccat.value" @click="cat = reccat.value"
@@ -137,16 +192,32 @@
class="row q-gutter-xs justify-center q-mx-auto" class="row q-gutter-xs justify-center q-mx-auto"
> >
<div <div
v-for="(recsubcat, index) in getSubCatProdsByGas(idGasSel, cat)" v-for="(
recsubcat, index
) in getSubCatProdsByGas(idGasSel, cat)"
:key="index" :key="index"
> >
<q-btn <q-btn
:push="subcat === recsubcat.value" :push="subcat === recsubcat.value"
dense dense
:size="tools.isMobile() ? '0.70rem' : '0.85rem'" :size="
:icon="recsubcat.icon ? recsubcat.icon : undefined" tools.isMobile() ? '0.70rem' : '0.85rem'
:color="subcat === recsubcat.value ? 'positive' : undefined" "
:text-color="subcat === recsubcat.value ? 'white' : 'blue'" :icon="
recsubcat.icon
? recsubcat.icon
: undefined
"
:color="
subcat === recsubcat.value
? 'positive'
: undefined
"
:text-color="
subcat === recsubcat.value
? 'white'
: 'blue'
"
rounded rounded
:label="recsubcat.label" :label="recsubcat.label"
@click="subcat = recsubcat.value" @click="subcat = recsubcat.value"
@@ -157,16 +228,25 @@
<div class="text-center q-py-sm prod_trov"> <div class="text-center q-py-sm prod_trov">
<span <span
v-show="productStore.getNumProdTot() !== arrProducts.length" v-show="
productStore.getNumProdTot() !==
arrProducts.length
"
>{{ >{{
t("ecomm.prodotti_trovati", { t('ecomm.prodotti_trovati', {
qta: arrProducts.length, qta: arrProducts.length,
qtatot: productStore.getNumProdTot(), qtatot:
productStore.getNumProdTot() > 0
? ` ${t('ecomm.su')} ${productStore.getNumProdTot()}`
: '',
}) })
}}</span }}</span
> >
</div> </div>
<div class="row justify-around" v-if="tools.isManager()"> <div
class="row justify-around"
v-if="tools.isManager()"
>
<q-toggle <q-toggle
v-model="show_hide" v-model="show_hide"
push push
@@ -200,22 +280,40 @@
</div> </div>
<template v-slot:loading> <template v-slot:loading>
<div class="text-center"> <div class="text-center">
<q-spinner-dots color="primary" size="40px" /> <q-spinner-dots
color="primary"
size="40px"
/>
</div> </div>
</template> </template>
</q-infinite-scroll> </q-infinite-scroll>
</div> </div>
</div> </div>
<div v-else> <div v-else>
<div class="row q-gutter-xs justify-center q-mx-auto"> <div
<div v-for="(reccat, index) in getCatProds()" :key="index"> class="row q-gutter-xs justify-center q-mx-auto"
>
<div
v-for="(reccat, index) in getCatProds()"
:key="index"
>
<q-btn <q-btn
:push="cat === reccat.value" :push="cat === reccat.value"
dense dense
:size="tools.isMobile() ? '0.70rem' : '1rem'" :size="
:icon="reccat.icon ? reccat.icon : undefined" tools.isMobile() ? '0.70rem' : '1rem'
:color="cat === reccat.value ? 'primary' : undefined" "
:text-color="cat === reccat.value ? 'white' : 'black'" :icon="
reccat.icon ? reccat.icon : undefined
"
:color="
cat === reccat.value
? 'primary'
: undefined
"
:text-color="
cat === reccat.value ? 'white' : 'black'
"
rounded rounded
:label="reccat.label" :label="reccat.label"
@click="cat = reccat.value" @click="cat = reccat.value"
@@ -225,16 +323,25 @@
</div> </div>
<div class="text-center q-py-sm prod_trov"> <div class="text-center q-py-sm prod_trov">
<span <span
v-show="productStore.getNumProdTot() !== arrProducts.length" v-show="
productStore.getNumProdTot() !==
arrProducts.length
"
>{{ >{{
t("ecomm.prodotti_trovati", { t('ecomm.prodotti_trovati', {
qta: arrProducts.length, qta: arrProducts.length,
qtatot: productStore.getNumProdTot(), qtatot:
productStore.getNumProdTot() > 0
? ` ${t('ecomm.su')} ${productStore.getNumProdTot()}`
: '',
}) })
}}</span }}</span
> >
</div> </div>
<div class="row justify-around" v-if="tools.isManager()"> <div
class="row justify-around"
v-if="tools.isManager()"
>
<q-toggle <q-toggle
v-model="show_hide" v-model="show_hide"
push push
@@ -268,7 +375,10 @@
</div> </div>
<template v-slot:loading> <template v-slot:loading>
<div class="text-center"> <div class="text-center">
<q-spinner-dots color="primary" size="40px" /> <q-spinner-dots
color="primary"
size="40px"
/>
</div> </div>
</template> </template>
</q-infinite-scroll> </q-infinite-scroll>
@@ -279,9 +389,8 @@
</q-page> </q-page>
</template> </template>
<script lang="ts" src="./productsList.ts"> <script lang="ts" src="./productsList.ts"></script>
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "./productsList"; @import './productsList';
</style> </style>