Theater at top level in menu

config.js

@@ -44,9 +44,10 @@ export const config = {
             uri : `${BASE_URI}/scenes/ssgp/`,
             popup: theater2Popup,
             coords: [45.4401, 12.3408],
-            nodes: [
-                {
+            nodes: {
                 label: 'Teatro',
+                model: 'models/ssgp/Teatro_SSGP_Full_ConSottrazioni.glb',
+                opacity: 0.0,
                 children: [
                     /*
                     {
@@ -60,8 +61,6 @@ export const config = {
                         isMain: true,
                         opacity: 0.2,
                     },
-                    ]
-                },
                     {
                         label: 'Sala / Auditorium',
                         children: [
@@ -157,7 +156,8 @@ export const config = {
                             },
                         ]
                     }
-            ],
+                ]
+            },
             pano: `pano/gradient.jpg`,
         }
     ],

js/scene.js

@@ -77,7 +77,7 @@ function loadNodes(nodes) {
         node.setRotation(0, 1.5, 0);
 
         // Apply any transparency before attaching to scene
-        if (n.opacity) {
+        if (n.opacity !== undefined && n.opacity !== null) {
             node.setMaterial(new THREE.MeshPhongMaterial({
                 transparent: true,
                 opacity: n.opacity,

js/ui.js

@@ -25,7 +25,7 @@ const contentMenuTabs = `
 
     <!-- Tab panes -->
     <div class="tab-content ps-4 ms-3 overflow-y-auto">
-        <div class="tab-pane active p-3 ms-3" id="layer" role="tabpanel" aria-labelledby="layer-tab" tabindex="0"></div>
+        <div class="tab-pane active p-3 ms-2" id="layer" role="tabpanel" aria-labelledby="layer-tab" tabindex="0"></div>
         <div class="tab-pane p-3" id="media" role="tabpanel" aria-labelledby="media-tab" tabindex="0"></div>
     </div>
 `;

js/utils/nodeUtils.js

@@ -62,10 +62,7 @@ function traverse(node, flatList, depth = 1) {
 **/
 export function normalizeNodes (nodes) {
     let flatList = [];
-
-    for (let node of nodes) {
-        traverse(node, flatList);
-    }
+    traverse(nodes, flatList);
 
     return flatList;
 }