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