b8de322dd2
All checks were successful
Build Docker Image / build (push) Successful in 3m45s
- MainNavigation: center tabs on page (absolute positioning) - SubNavigation: align left instead of center - Create CatalogPage universal component for list+map pages - Migrate catalog pages (offers, suppliers, hubs) to CatalogPage - Remove PageHeader from clientarea pages (redundant with navigation) - Add topnav layout to supplier detail page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
66 lines
1.3 KiB
Vue
66 lines
1.3 KiB
Vue
<template>
|
|
<CatalogPage
|
|
:items="items"
|
|
:loading="isLoading"
|
|
map-id="suppliers-map"
|
|
point-color="#3b82f6"
|
|
:selected-id="selectedSupplierId"
|
|
@select="onSelectSupplier"
|
|
>
|
|
<template #filters>
|
|
<CatalogFilters :filters="filters" v-model="selectedFilter" />
|
|
</template>
|
|
|
|
<template #card="{ item }">
|
|
<SupplierCard :supplier="item" />
|
|
</template>
|
|
|
|
<template #pagination>
|
|
<PaginationLoadMore
|
|
:shown="items.length"
|
|
:total="total"
|
|
:can-load-more="canLoadMore"
|
|
:loading="isLoadingMore"
|
|
@load-more="loadMore"
|
|
/>
|
|
</template>
|
|
|
|
<template #empty>
|
|
<Text tone="muted">{{ t('catalogSuppliersSection.empty.no_suppliers') }}</Text>
|
|
</template>
|
|
</CatalogPage>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: 'topnav'
|
|
})
|
|
|
|
const { t } = useI18n()
|
|
|
|
const {
|
|
items,
|
|
total,
|
|
selectedFilter,
|
|
filters,
|
|
isLoading,
|
|
isLoadingMore,
|
|
canLoadMore,
|
|
loadMore,
|
|
init
|
|
} = useCatalogSuppliers()
|
|
|
|
// Selected supplier for map highlighting
|
|
const selectedSupplierId = ref<string>()
|
|
|
|
const onSelectSupplier = (supplier: any) => {
|
|
selectedSupplierId.value = supplier.uuid || supplier.teamUuid
|
|
}
|
|
|
|
await init()
|
|
|
|
useHead(() => ({
|
|
title: t('catalogSuppliersSection.header.title')
|
|
}))
|
|
</script>
|