2 Commits

Author SHA1 Message Date
0c3a049d12 Rename js to src 2026-05-21 13:25:17 +02:00
3305e74776 Add fullscreen option 2026-05-21 13:19:11 +02:00
20 changed files with 33 additions and 11 deletions

View File

@@ -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">

View File

@@ -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();

View File

@@ -73,6 +73,10 @@
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

View File

@@ -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();

View File

@@ -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