From ec341f4b54e2339710b34cecabcdd6a654829915 Mon Sep 17 00:00:00 2001
From: tariqksoliman <tariqksoliman@gmail.com>
Date: Wed, 27 Mar 2024 15:51:59 -0700
Subject: [PATCH] Bugfix: LayersTool - Fix collapse all headers

---
 src/essence/Tools/Layers/LayersTool.js | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/essence/Tools/Layers/LayersTool.js b/src/essence/Tools/Layers/LayersTool.js
index 7236b2d2..11a061cd 100644
--- a/src/essence/Tools/Layers/LayersTool.js
+++ b/src/essence/Tools/Layers/LayersTool.js
@@ -68,6 +68,7 @@ var LayersTool = {
     vars: {},
     MMGISInterface: null,
     orderingHistory: [],
+    _maxDepth: 0,
     initialize: function () {
         //Get tool variables
         this.vars = L_.getToolVars('layers')
@@ -217,10 +218,13 @@ function interfaceWithMMGIS(fromInit) {
 
     let headerI = 0
 
+    LayersTool._maxDepth = 0
+
     //This is where the layers list is created in the tool panel.
     depthTraversal(L_.configData.layers, {}, 0)
 
     function depthTraversal(node, parent, depth) {
+        LayersTool._maxDepth = Math.max(LayersTool._maxDepth, depth)
         for (var i = 0; i < node.length; i++) {
             let currentOpacity
             let currentBrightness
@@ -1170,14 +1174,19 @@ function interfaceWithMMGIS(fromInit) {
     })
 
     $('#searchLayers > #collapse').on('click', function () {
-        $('#layersToolList > li').each(function () {
-            if (
-                $(this).attr('type') == 'header' &&
-                $(this).attr('childrenon') == 'true'
-            ) {
-                LayersTool.toggleHeader($(this).attr('id'))
-            }
-        })
+        // Collapse deepest first
+        for (let depth = LayersTool._maxDepth; depth >= 0; depth--) {
+            $(`#layersToolList > li[type="header"][depth="${depth}"]`).each(
+                function () {
+                    if (
+                        $(this).attr('type') == 'header' &&
+                        $(this).attr('childrenon') == 'true'
+                    ) {
+                        LayersTool.toggleHeader($(this).attr('id'))
+                    }
+                }
+            )
+        }
     })
 
     $('#filterLayers .right > div').on('click', function () {