Catalog view #87

Merged
jsegarra merged 14 commits from wbuezas/hedera-web-mindshore:feature/Catalog into 4922-vueMigration 2024-10-01 19:27:15 +00:00
2 changed files with 36 additions and 38 deletions
Showing only changes of commit 8664f40e06 - Show all commits

View File

@ -93,7 +93,7 @@ const { t } = useI18n();
storage="catalog"
size="200x200"
:id="item.image"
rounded="bottom"
rounded-borders="full"
class="full-height full-width"
/>
</div>
@ -106,15 +106,14 @@ const { t } = useI18n();
<span>{{ item.subName }}</span>
<span>#{{ item.id }}</span>
</div>
<div
v-for="(tag, index) in item.previewTags"
:key="index"
class="full-width row"
>
<span class="text-grey-7 col">
{{ tag.name }}
<div class="full-width row">
<span
v-for="(tag, index) in item.previewTags"
:key="index"
class="text-grey-7 text-caption q-mr-sm"
>
{{ tag.value }}
</span>
<span class="col ellipsis">{{ tag.value }}</span>
</div>
<div class="row justify-end items-center q-gutter-x-xs q-mt-sm">
<QBadge

View File

@ -72,10 +72,10 @@
v-for="cat in categories"
:class="{ active: category == cat.id }"
:key="cat.id"
:title="cat.name"
@click="selectedCategory = cat.id"
>
<img :src="`statics/category/${cat.code}.svg`" />
<QTooltip>{{ cat.name }}</QTooltip>
</QBtn>
</div>
</div>
@ -141,37 +141,35 @@
</span>
</div>
</QDrawer>
<QInfiniteScroll>
<div
:class="
viewMode === 'grid'
jsegarra marked this conversation as resolved
Review

creo que la condición está invertida, pero creo que para no tocar tanto, mejor modificar la funcion viewTypeButtonContent

creo que la condición está invertida, pero creo que para no tocar tanto, mejor modificar la funcion viewTypeButtonContent
Review

Logica ajustada.

Commit: e6f0320cf5

Logica ajustada. Commit: https://gitea.verdnatura.es/verdnatura/hedera-web/commit/e6f0320cf576f74e41cc91c8aff4994d0c8aefc9
? 'q-pa-md row justify-center q-gutter-md'
: 'column items-center'
"
>
<QSpinner
v-if="loading"
color="primary"
size="3em"
:thickness="2"
/>
<div
:class="
viewMode === 'grid'
? 'q-pa-md row justify-center q-gutter-md'
: 'column items-center'
"
v-else-if="!items || !items.length || !isSomeFilterSelected"
class="text-subtitle1 text-grey-7 q-pa-md"
>
<QSpinner
v-if="loading"
color="primary"
size="3em"
:thickness="2"
/>
<div
v-else-if="!items || !items.length || !isSomeFilterSelected"
class="text-subtitle1 text-grey-7 q-pa-md"
>
<QIcon name="refresh" size="sm" class="q-mr-sm"></QIcon>
<span>{{ t('pleaseSetFilter') }}</span>
</div>
<CatalogCard
v-else
v-for="_item in items"
:key="_item.id"
:item="_item"
:view-mode="viewMode"
@click="showItem(_item)"
/>
<QIcon name="refresh" size="sm" class="q-mr-sm"></QIcon>
<span>{{ t('pleaseSetFilter') }}</span>
</div>
</QInfiniteScroll>
<CatalogCard
v-else
v-for="_item in items"
:key="_item.id"
:item="_item"
:view-mode="viewMode"
@click="showItem(_item)"
/>
</div>
<QDialog v-model="showItemDialog">
<QCard style="width: 25em" class="column">
<div class="q-pa-md" style="display: flex">
@ -899,6 +897,7 @@ onBeforeMount(async () => {
if (!isGuest.value) {
await appStore.check('catalog');
} else {
// TODO: Implement this logic when isGuest is implemented
// const resultSet = await jApi.execQuery(
// 'CALL myOrder_configureForGuest(@orderId); SELECT @orderId;'
// );