Rename js to src

Add fullscreen option
Minor changes
2026-05-21 13:25:17 +02:00 · 2026-05-21 13:19:11 +02:00 · 2026-05-21 13:03:32 +02:00 · 2026-05-21 12:28:23 +02:00 · 2026-05-21 11:42:52 +02:00 · 2026-05-21 11:23:40 +02:00
22 changed files with 62 additions and 45 deletions
--- a/assets/pano/hemi-green.jpg
+++ b/assets/pano/hemi-green.jpg
--- a/config.js
+++ b/config.js
@@ -16,16 +16,13 @@ const theater2Popup = `

 export const config = {
    scene : {
-        initialExposure: 0.95,
+        initialExposure: 1.2,
        autoLP: false,
        shadows: false,
-        initLightDir: [0.2,-0.3,-0.7],
-        initRotation: [0, 1.5, 0],
+        initLightDir: [-0.3,-0.7,0.1],
+        initRotation: [0, 190, 0],
        ambientOcclusion: false,
    },
-    menu : {
-        //audioBtn1
-    },
    markers : [
        {
            id : "salvador",
@@ -49,12 +46,6 @@ export const config = {
            nodes: {
                label: 'Teatro',
                children: [
-                    /*
-                    {
-                        label: 'Struttura complessiva',
-                        model: 'models/ssgp/Teatro_SSGP_Full_ConSottrazioni.glb',
-                    },
-                    */
                    {
                        label: 'Involucro',
                        model: 'models/ssgp/Teatro_SSGP_Layer_Struttura_parete_di_fondo.glb',
@@ -172,11 +163,11 @@ export const config = {
                    }
                ]
            },
-            pano: `pano/gradient.jpg`,
+            pano: `pano/hemi-green.jpg`,
        }
    ],
    map : {
-        center: [45.30833, 12.240278],
+        center: [45.42833, 12.340278],
        initialZoom : 12,
        minZoom : 6,
        maxZoom : 18
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@
    <script type="text/javascript" src="./vendor/leaflet/dist/leaflet-src.js"></script>

 	<!-- Main js entry -->
-	<script type="module" src="js/main.js"></script>
+	<script type="module" src="src/main.js"></script>
 </head>

 <body data-bs-theme="light">
--- a/scenes/salvador/index.js
+++ b/scenes/salvador/index.js
@@ -1,8 +1,8 @@
-import { openScene } from "../../js/scene.js";
+import { openScene } from "../../src/scene.js";
 import { config } from "../../config.js";
-import AppState from "../../js/state.js";
-import { normalizeNodes } from "../../js/utils/nodeUtils.js";
-import { initStimulus } from "../../js/utils/stimulus.js";
+import AppState from "../../src/state.js";
+import { normalizeNodes } from "../../src/utils/nodeUtils.js";
+import { initStimulus } from "../../src/utils/stimulus.js";

 initStimulus();

--- a/scenes/ssgp/index.html
+++ b/scenes/ssgp/index.html
@@ -61,22 +61,28 @@
 <body data-bs-theme="light" data-controller="menu modal" data-action="semantic-modal-show@document->modal#showSemanticModal">
    <div id="toolbar" class="aton-toolbar-top w-100"
        data-controller="toolbar clipper" data-clipper-enabled-value="false">
-        <a class="btn aton-btn fs-5" href="/a/scaenae" id="back" title="Torna alla mappa">
+        <div class="bg-dark-subtle position-absolute opacity-50 mt-1 ms-1 rounded">
+            <a class="btn aton-btn fs-5 p-1 text-white" href="/a/scaenae" id="back" title="Torna alla mappa">
                <i class="bi bi-map-fill"></i>
            </a>
-        <a class="btn aton-btn fs-5" title="Impostazioni" data-toolbar-target="settings"
+            <a class="btn aton-btn fs-5 p-1 text-white" title="Impostazioni" data-toolbar-target="settings"
                data-action="toolbar#toggleSettings">
                <i class="bi bi-gear-fill"></i>
            </a>
-        <a class="btn aton-btn fs-5" title="Attiva / disattiva sezionamento"
+            <a class="btn aton-btn fs-5 p-1 text-white" title="Attiva / disattiva sezionamento"
                data-clipper-target="trigger" data-action="clipper#toggleClipper">
                <i class="bi bi-scissors"></i>
            </a>
+            <a class="btn aton-btn fs-5 p-1 text-white" title="Attiva schermo intero" data-toolbar-target="fullscreen"
+                data-action="toolbar#toggleFullscreen">
+                <i class="bi bi-fullscreen"></i>
+            </a>
+        </div>
        <div class="d-none w-25
            position-absolute
            top-0 start-50
            translate-middle bg-light
-            px-4 pt-2 pb-2 bg-opacity-50
+            px-4 pt-2 pb-2 bg-opacity-75
            rounded-bottom-3
            mt-4 text-dark text-center"
        id="clipper-bar"
@@ -89,7 +95,7 @@
            <button class="btn aton-btn d-inline px-4 py-4" id="clipZ"
                data-clipper-target="axis" data-clipper-axis-param="z" data-action="clipper#clip" title="Sezione Z"></button>
        </div>
-        <a class="btn aton-btn fs-5 float-end" id="menu" title="Menu"
+        <a class="btn aton-btn fs-5 float-end p-1 mt-1 text-white" id="menu" title="Menu"
            data-menu-target="trigger" data-action="menu#toggleMenu">
            <i class="bi bi-list"></i>
        </a>
--- a/scenes/ssgp/index.js
+++ b/scenes/ssgp/index.js
@@ -1,9 +1,9 @@
-import { openScene } from "../../js/scene.js";
+import { openScene } from "../../src/scene.js";
 import { config } from "../../config.js";
-import AppState from "../../js/state.js";
-import { normalizeNodes } from "../../js/utils/nodeUtils.js";
-import { initStimulus } from "../../js/utils/stimulus.js";
-import { initAtonEvents } from "../../js/utils/aton.js";
+import AppState from "../../src/state.js";
+import { normalizeNodes } from "../../src/utils/nodeUtils.js";
+import { initStimulus } from "../../src/utils/stimulus.js";
+import { initAtonEvents } from "../../src/utils/aton.js";

 initStimulus();

--- a/src/controllers/clipper_controller.js
+++ b/src/controllers/clipper_controller.js
--- a/src/controllers/menu_controller.js
+++ b/src/controllers/menu_controller.js
--- a/src/controllers/modal_controller.js
+++ b/src/controllers/modal_controller.js
@@ -24,14 +24,16 @@ export default class extends Controller {
        const content = document.createElement(contentType);
        if (contentType === 'img') {
            content.src = event.content?.imgSrc;
+            content.alt = event.content?.description.trim();
            content.classList.add('img-fluid');
        }

-        const description = document.createElement('p');
-        description.textContent = event.content?.description;
-        description.classList.add('py-3', 'my-2', 'fst-italic');
-
        body.appendChild(content);
+
+        const description = document.createElement('p');
+        description.textContent = event.content?.description.trim();
+        description.classList.add('py-3', 'my-0', 'fst-italic');
+
        body.appendChild(description);

        bootstrap.Modal.getOrCreateInstance(modal).show();
--- a/src/controllers/settings_controller.js
+++ b/src/controllers/settings_controller.js
--- a/src/controllers/tabs_controller.js
+++ b/src/controllers/tabs_controller.js
--- a/src/controllers/toolbar_controller.js
+++ b/src/controllers/toolbar_controller.js
@@ -9,7 +9,7 @@ const panelHeader = html`
 `;

 export default class extends Controller {
-    static targets = ['settings'];
+    static targets = ['settings', 'fullscreen'];

    connect() {
        console.log('#toolbar controller connected');
@@ -23,6 +23,24 @@ export default class extends Controller {
        ATON.UI.showSidePanel({header: panelHeader});
        this.#buildSettingsPanel(ATON.UI.elSidePanel);
    }
+    toggleFullscreen() {
+        /**
+         * @type {HTMLAnchorElement}
+         */
+        const target = this.fullscreenTarget;
+        const icon = target.querySelector('i');
+        if (!document.fullscreenElement) {
+            document.body.requestFullscreen();
+            icon.classList.remove('bi-fullscreen');
+            icon.classList.add('bi-fullscreen-exit');
+            target.title = 'Esci da schermo intero';
+        } else {
+            document.exitFullscreen();
+            icon.classList.remove('bi-fullscreen-exit');
+            icon.classList.add('bi-fullscreen');
+            target.title = 'Attiva schermo intero';
+        }
+    }
    /**
     * Clone a <template> by id
     * @param {String} id
--- a/src/main.js
+++ b/src/main.js
--- a/src/map.js
+++ b/src/map.js
--- a/src/ontology.js
+++ b/src/ontology.js
--- a/src/scene.js
+++ b/src/scene.js
@@ -132,10 +132,10 @@ function loadNodes(nodes) {
 */
 function createSemanticNode(model, id) {
    // Default/highlight materials for semantic node
-    let matSemDef = new THREE.MeshPhongMaterial({
-        color: '#ecee66',
+    let matSemDef = new THREE.MeshStandardMaterial({
+        color: '#f7e6af',
        transparent: true,
-        opacity: 0.3,
+        opacity: 0.2,
    });
    let matSemHL  = ATON.MatHub.materials.semanticShapeHL;

--- a/src/state.js
+++ b/src/state.js
--- a/src/utils/aton.js
+++ b/src/utils/aton.js
--- a/src/utils/clipping.js
+++ b/src/utils/clipping.js
--- a/src/utils/environment.js
+++ b/src/utils/environment.js
--- a/src/utils/nodeUtils.js
+++ b/src/utils/nodeUtils.js
--- a/src/utils/stimulus.js
+++ b/src/utils/stimulus.js
Author	SHA1	Message	Date
Nicolò P.	0c3a049d12	Rename js to src	2026-05-21 13:25:17 +02:00
Nicolò P.	3305e74776	Add fullscreen option	2026-05-21 13:19:11 +02:00
Nicolò P.	8ce7492f4e	Minor changes	2026-05-21 13:03:32 +02:00
Nicolò P.	03b9b9157b	Change pano again...	2026-05-21 12:28:23 +02:00
Nicolò P.	eb7efbf616	Style toolbar	2026-05-21 11:42:52 +02:00
Nicolò P.	b80504aec4	Reduce default lighting a bit	2026-05-21 11:23:40 +02:00
Nicolò P.	db2fc2d066	Change pano	2026-05-21 10:38:35 +02:00
Nicolò P.	491371e495	Change default env settings	2026-05-21 10:35:59 +02:00