From bcf6fffe61b31482bf1bb44283e58eb42c1d1843 Mon Sep 17 00:00:00 2001
From: Kieran Farr <kieran.farr@gmail.com>
Date: Thu, 2 Nov 2023 22:22:16 -0700
Subject: [PATCH] updating data-layer-name (display name)

---
 index.html                      | 16 ++++++++--------
 src/aframe-streetmix-parsers.js |  1 +
 src/index.js                    |  2 ++
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 4af97f277..500a8d7ea 100644
--- a/index.html
+++ b/index.html
@@ -80,6 +80,14 @@
         <street-assets categories="loud-bicycle sidewalk-props people vehicles vehicles-rigged buildings segment-textures segment-colors lane-separator stencils vehicles-transit dividers sky grounds"></street-assets>
       </a-assets>
   
+      <a-entity id="street-container" data-layer-name="3D Street Layers" data-layer-show-children>
+        <a-entity id="default-street" street streetmix-loader set-loader-from-hash></a-entity>
+      </a-entity>
+
+      <a-entity id="reference-layers" data-layer-name="Reference Layers" data-layer-show-children></a-entity>
+
+      <a-entity id="environment" data-layer-name="Environment" street-environment="preset: day;"></a-entity>
+
       <a-entity id="cameraRig" position="0 10 30" data-layer-name="Viewer" cursor-teleport="cameraRig: #cameraRig; cameraHead: #camera;" look-controls="reverseMouseDrag: true" wasd-controls="enabled: true">
         <a-entity id="camera" camera="far: 1000" position="0 1.6 0" ></a-entity>
         <a-entity id="leftHand" hand-controls="hand: left;" blink-controls="cameraRig: #cameraRig; teleportOrigin: #camera; rotateOnTeleport:false;"></a-entity>
@@ -87,14 +95,6 @@
         <a-entity id="screenshot" class="no-pause" screentock visible="false"></a-entity>
       </a-entity>
 
-      <a-entity id="environment" data-layer-name="Environment" street-environment="preset: day;"></a-entity>
-
-      <a-entity id="street-container" data-layer-name="3D Street Layers" data-layer-show-children>
-        <a-entity id="default-street" street streetmix-loader set-loader-from-hash></a-entity>
-      </a-entity>
-
-      <a-entity id="reference-layers" data-layer-name="Reference Layers" data-layer-show-children>
-
     </a-scene>
   </body>
   <script>
diff --git a/src/aframe-streetmix-parsers.js b/src/aframe-streetmix-parsers.js
index 3f0c853e7..8df94377d 100644
--- a/src/aframe-streetmix-parsers.js
+++ b/src/aframe-streetmix-parsers.js
@@ -735,6 +735,7 @@ function processSegments (segments, showStriping, length, globalAnimated, showVe
   // create and center offset to center the street around global x position of 0
   var streetParentEl = createCenteredStreetElement(segments);
   streetParentEl.classList.add('street-parent');
+  streetParentEl.setAttribute('data-layer-name', 'Street Segment Container');
 
   var cumulativeWidthInMeters = 0;
   for (var i = 0; i < segments.length; i++) {
diff --git a/src/index.js b/src/index.js
index c7693f257..d4e9cd0ce 100644
--- a/src/index.js
+++ b/src/index.js
@@ -99,6 +99,8 @@ AFRAME.registerComponent('streetmix-loader', {
           console.log('therefore setting metadata sceneTitle as streetmixName', streetmixName);
         }
 
+        el.setAttribute('data-layer-name', 'Streetmix: ' + streetmixName);
+
         if (data.showBuildings) {
           el.setAttribute('street', 'right', streetmixResponseObject.data.street.rightBuildingVariant);
           el.setAttribute('street', 'left', streetmixResponseObject.data.street.leftBuildingVariant);