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
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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user