Compare commits
2 Commits
8ce7492f4e
...
0c3a049d12
| Author | SHA1 | Date | |
|---|---|---|---|
| 0c3a049d12 | |||
| 3305e74776 |
@@ -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">
|
||||
|
||||
@@ -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();
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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();
|
||||
|
||||
|
||||
@@ -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
|
||||
Reference in New Issue
Block a user