Add filter icon to layer

CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [CalVer](https://calver.org/).
 
+## [unreleased]
+
+### Added
+- Added an icon to the layer if the layer has an active filter.
+
 ## [2025.6.2] - 2025-19-6
 
 ### Added

browser/i18n/da_DK.js

@@ -235,6 +235,7 @@ module.exports = {
         "Reset filter": "Nulstil",
         "Filter editor": "Filter editor",
         "Layer is visible": "Laget er synligt",
+        "Layer has filter": "Laget har filter",
         "Parents": "Forældre",
         "Children": "Børn",
         "Back": "Tilbage",
@@ -493,4 +494,4 @@ module.exports = {
         "Sign out": "Log ud"
 
     }
-};
+};

browser/i18n/en_US.js

@@ -235,6 +235,7 @@ module.exports = {
         "Reset filter": "Reset filter",
         "Filter editor": "Filter editor",
         "Layer is visible": "Layer is visible",
+        "Layer has filter": "Layer has filter",
         "Parents": "Parents",
         "Children": "Children",
         "Back": "Back",
@@ -493,4 +494,4 @@ module.exports = {
         "Not signed in": "Not signed in",
         "Sign out": "Sign out"
     }
-};
+};

browser/modules/layerTree/MarkupGenerator.js

@@ -115,6 +115,8 @@ class MarkupGenerator {
                                                                        ${lockedLayer}
                                                                        <span class="js-tiles-contain-data" style="display: ${moduleState.tileContentCache[layerKey] ? "inline" : "none"};" data-toggle="tooltip" data-bs-placement="right"
                                                                        title="${__("Layer is visible")}"><i class="bi bi-eye info-icon text-success"></i></span>
+                                                                       <span class="js-tiles-has-filter" style="display: none;" data-toggle="tooltip" data-bs-placement="right"
+                                                                       title="${__("Layer has filter")}"><i class="bi bi-filter text-success"></i></span>
                                                                        <span class="js-layer-is-disabled" style="display: ${disableCheckBox ? "inline" : "none"};" data-toggle="tooltip" data-bs-placement="right"
                                                                        title="${__("Locked")}"><i class="bi bi-lock text-danger"></i></span>
                                                                        <span class="js-layer-has-parents info-icon" style="display: ${parentLayerKeys.length > 0 ? "inline" : "none"};" data-toggle="tooltip" data-bs-placement="right"
@@ -272,4 +274,4 @@ class MarkupGenerator {
     }
 }
 
-module.exports = MarkupGenerator;
+module.exports = MarkupGenerator;

browser/modules/switchLayer.js

@@ -691,6 +691,14 @@ module.exports = module.exports = {
 
             })
         }
+
+        // Show or hide the "has filter" icon
+        if (activeFilters.length > 0) {
+            $(`[data-gc2-layer-key^="${layerKey}"]`).find('.js-tiles-has-filter').show();
+        } else {
+            $(`[data-gc2-layer-key^="${layerKey}"]`).find('.js-tiles-has-filter').hide();
+        }
+
         if (parsedMeta?.referenced_by && activeFilters.length === 0) {
             JSON.parse(parsedMeta.referenced_by).forEach((i) => {
                 let parsedMetaChildLayer = meta.parseLayerMeta(i.rel);