optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(catalog): hide filter checkbox in info mode + color related points by type
All checks were successful
Build Docker Image / build (push) Successful in 3m48s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-26 21:21:19 +07:00
parent 33c1559ab7
commit c6abf8ad4a
2 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/catalog/CatalogMap.vue
View File

@@ -372,7 +372,7 @@ const initClientClusteringLayers = async (map: MapboxMapType) => {
} }
}) })
// Related points layer (for Info mode - smaller cyan circles) // Related points layer (for Info mode - colored by type)
map.addSource(relatedSourceId.value, { map.addSource(relatedSourceId.value, {
type: 'geojson', type: 'geojson',
data: relatedPointsGeoJson.value data: relatedPointsGeoJson.value
@@ -383,7 +383,14 @@ const initClientClusteringLayers = async (map: MapboxMapType) => {
source: relatedSourceId.value, source: relatedSourceId.value,
paint: { paint: {
'circle-radius': 8, 'circle-radius': 8,
'circle-color': '#06b6d4', // cyan 'circle-color': [
'match',
['get', 'type'],
'hub', '#22c55e', // green
'supplier', '#3b82f6', // blue
'offer', '#f97316', // orange
'#06b6d4' // default cyan
],
'circle-stroke-width': 2, 'circle-stroke-width': 2,
'circle-stroke-color': '#ffffff' 'circle-stroke-color': '#ffffff'
} }
@@ -557,7 +564,7 @@ const initServerClusteringLayers = async (map: MapboxMapType) => {
} }
}) })
// Related points layer (for Info mode - smaller cyan circles) // Related points layer (for Info mode - colored by type)
map.addSource(relatedSourceId.value, { map.addSource(relatedSourceId.value, {
type: 'geojson', type: 'geojson',
data: relatedPointsGeoJson.value data: relatedPointsGeoJson.value
@@ -568,7 +575,14 @@ const initServerClusteringLayers = async (map: MapboxMapType) => {
source: relatedSourceId.value, source: relatedSourceId.value,
paint: { paint: {
'circle-radius': 8, 'circle-radius': 8,
'circle-color': '#06b6d4', // cyan 'circle-color': [
'match',
['get', 'type'],
'hub', '#22c55e', // green
'supplier', '#3b82f6', // blue
'offer', '#f97316', // orange
'#06b6d4' // default cyan
],
'circle-stroke-width': 2, 'circle-stroke-width': 2,
'circle-stroke-color': '#ffffff' 'circle-stroke-color': '#ffffff'
} }

4
app/components/page/CatalogPage.vue
View File

@@ -49,9 +49,9 @@
<span>{{ $t('catalog.list') }}</span> <span>{{ $t('catalog.list') }}</span>
</button> </button>
<!-- Filter by bounds checkbox (LEFT, next to panel when open) --> <!-- Filter by bounds checkbox (LEFT, next to panel when open) - only in selection mode -->
<label <label
v-if="isPanelOpen" v-if="selectMode !== null"
class="absolute top-[116px] left-[420px] z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors" class="absolute top-[116px] left-[420px] z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
> >
<input <input