Luca/thetool
1
0
Fork 0
Code Issues 5 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

fixed not2connect markers

Browse Source
This commit is contained in:
Luca Haid
2025-09-26 12:13:47 +02:00
parent 863a807aab
commit 830e56fc8d
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/js/pages/PreorderRimoTypeMap/PreorderRimoTypeMap.css
View File

@@ -348,4 +348,4 @@ div.leaflet-marker-icon.custom-div-icon {
.marker-multiple-dwelling { background-color: #6f42c1; }
.marker-public { background-color: #17a2b8; }
.marker-other { background-color: #bf2d69; }
.marker-not-to-conenct { background-color: #6c757d !important; }
.marker-not-to-connect { background-color: #6c757d !important; }

8
public/js/pages/PreorderRimoTypeMap/PreorderRimoTypeMap.js
View File

@@ -196,7 +196,9 @@ Vue.component('PreorderRimoTypeMap', {
return {
lat: group.gps_lat, lng: group.gps_long, rimoType, hausnummerId: group.hausnummer_id,
options: {
icon: {className: `custom-div-icon marker-${rimoType} ${hasFault ? 'marker-has-fault' : ''} ${isNot2Connect ? 'marker-not-to-conenct' : ''}`, html: `<div class="rimo-marker ${markerIcon.class}"><i class="${markerIcon.icon} rimo-icon"></i></div>`, iconSize: [30, 30], iconAnchor: [15, 30]},
icon: {
className: `custom-div-icon marker-${rimoType} ${hasFault ? 'marker-has-fault' : ''}`,
html: `<div class="rimo-marker ${markerIcon.class} ${isNot2Connect ? 'marker-not-to-connect' : ''}"><i class="${markerIcon.icon} rimo-icon"></i></div>`, iconSize: [30, 30], iconAnchor: [15, 30]},
tooltip: {content: `<div class="tooltip-content-wrapper${tooltipInnerClass}">H: ${group.wohneinheit_count}<br>B: ${group.preorder_count}</div>`, direction: 'bottom', className: 'marker-label', permanent: true, minZoom: 18},
asyncPopupContent: async () => this.generateBuildingPopupHtml(group),
},
@@ -282,8 +284,8 @@ Vue.component('PreorderRimoTypeMap', {
const hasFault = fault && !fault.done;
const markerIconDef = this.getMarkerIcon(rimoType);
const newIcon = L.divIcon({
className: `custom-div-icon marker-${rimoType} ${hasFault ? 'marker-has-fault' : ''} ${isNot2Connect ? 'marker-not-to-conenct' : ''}`,
html: `<div class="rimo-marker ${markerIconDef.class}"><i class="${markerIconDef.icon} rimo-icon"></i></div>`,
className: `custom-div-icon marker-${rimoType} ${hasFault ? 'marker-has-fault' : ''}`,
html: `<div class="rimo-marker ${markerIconDef.class} ${isNot2Connect ? 'marker-not-to-connect' : ''}"><i class="${markerIconDef.icon} rimo-icon"></i></div>`,
iconSize: [30, 30],
iconAnchor: [15, 30]
});