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

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

@@ -282,114 +282,120 @@
<div
v-for="(page, pageIndex) in groupedPages(recscheda)"
:key="pageIndex"
:class="{
'fixed-width': getWidthPagina(
optcatalogo,
recscheda.scheda
),
'fixed-height': getHeightPagina(
optcatalogo,
recscheda.scheda
),
'card-page': true,
}"
:style="
generateStylePageScheda(
optcatalogo,
recscheda.scheda
)
"
>
<div
v-if="
recscheda.scheda.dimensioni.pagina?.testo_up
?.contenuto
"
:style="{
'--scalecatalog':
optcatalogo.areadistampa.scale,
'line-height':
recscheda.scheda.dimensioni.pagina?.testo_up
?.font.line_height,
display: 'flex',
flexDirection: 'column',
v-if="containsProducts(page)"
:class="{
'fixed-width': getWidthPagina(
optcatalogo,
recscheda.scheda
),
'fixed-height': getHeightPagina(
optcatalogo,
recscheda.scheda
),
'card-page': true,
}"
:style="
generateStylePageScheda(
optcatalogo,
recscheda.scheda
)
"
>
<div
v-html="
v-if="
recscheda.scheda.dimensioni.pagina?.testo_up
?.contenuto
"
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="{
'--scalecatalog':
optcatalogo.areadistampa.scale,
'line-height':
recscheda.scheda.dimensioni.pagina?.testo_up
?.font.line_height,
display: 'flex',
flexDirection: 'column',
}"
>
<!-- 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
v-if="
recscheda.scheda?.show_separatore &&
rowIndex !== page.length - 1
v-html="
recscheda.scheda.dimensioni.pagina?.testo_up
?.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)"
>
<q-separator
inset
:size="tools.adjustSize(optcatalogo, '1px')"
></q-separator>
<!-- 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
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>
<!-- Card Row -->
</div>
<!-- Card Row -->
<!-- Righe (row) -->
</div>
<!-- Righe (row) -->
</div>
<!-- Pagine -->
</div>