Refactor catalog layout: mode toggle to top right, view toggle to top left
All checks were successful
Build Docker Image / build (push) Successful in 3m35s

- Move Explore/Quote mode toggle to top right corner
- Add view toggle (Offers/Hubs/Suppliers) to top left in Explore mode
- Panel shows only in Quote mode when showPanel prop is true
- Simplified panel slot structure
This commit is contained in:
Ruslan Bakiev
2026-01-22 19:20:11 +07:00
parent 850ab3f252
commit ddf691c83b
2 changed files with 82 additions and 47 deletions

View File

@@ -6,10 +6,11 @@
map-id="unified-catalog-map"
:point-color="mapPointColor"
:items="[]"
:show-panel="showPanel"
@select="onMapSelect"
>
<!-- Quote panel slot -->
<template #quote-panel>
<!-- Panel slot - shows Quote form or selection list -->
<template #panel>
<QuotePanel
:product-id="productId"
:product-label="getFilterLabel('product', productId)"
@@ -140,6 +141,9 @@ const showQuoteResults = ref(false)
// Loading state
const isLoading = computed(() => offersLoading.value)
// Show panel when in Quote mode
const showPanel = computed(() => catalogMode.value === 'quote')
// Get filter label from cache
const getFilterLabel = (type: string, id: string | undefined): string | undefined => {
if (!id) return undefined