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>
|
<script type="text/javascript" src="./vendor/leaflet/dist/leaflet-src.js"></script>
|
||||||
|
|
||||||
<!-- Main js entry -->
|
<!-- Main js entry -->
|
||||||
<script type="module" src="js/main.js"></script>
|
<script type="module" src="src/main.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body data-bs-theme="light">
|
<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 { config } from "../../config.js";
|
||||||
import AppState from "../../js/state.js";
|
import AppState from "../../src/state.js";
|
||||||
import { normalizeNodes } from "../../js/utils/nodeUtils.js";
|
import { normalizeNodes } from "../../src/utils/nodeUtils.js";
|
||||||
import { initStimulus } from "../../js/utils/stimulus.js";
|
import { initStimulus } from "../../src/utils/stimulus.js";
|
||||||
|
|
||||||
initStimulus();
|
initStimulus();
|
||||||
|
|
||||||
|
|||||||
@@ -73,6 +73,10 @@
|
|||||||
data-clipper-target="trigger" data-action="clipper#toggleClipper">
|
data-clipper-target="trigger" data-action="clipper#toggleClipper">
|
||||||
<i class="bi bi-scissors"></i>
|
<i class="bi bi-scissors"></i>
|
||||||
</a>
|
</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>
|
||||||
<div class="d-none w-25
|
<div class="d-none w-25
|
||||||
position-absolute
|
position-absolute
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import { openScene } from "../../js/scene.js";
|
import { openScene } from "../../src/scene.js";
|
||||||
import { config } from "../../config.js";
|
import { config } from "../../config.js";
|
||||||
import AppState from "../../js/state.js";
|
import AppState from "../../src/state.js";
|
||||||
import { normalizeNodes } from "../../js/utils/nodeUtils.js";
|
import { normalizeNodes } from "../../src/utils/nodeUtils.js";
|
||||||
import { initStimulus } from "../../js/utils/stimulus.js";
|
import { initStimulus } from "../../src/utils/stimulus.js";
|
||||||
import { initAtonEvents } from "../../js/utils/aton.js";
|
import { initAtonEvents } from "../../src/utils/aton.js";
|
||||||
|
|
||||||
initStimulus();
|
initStimulus();
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ const panelHeader = html`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
export default class extends Controller {
|
export default class extends Controller {
|
||||||
static targets = ['settings'];
|
static targets = ['settings', 'fullscreen'];
|
||||||
|
|
||||||
connect() {
|
connect() {
|
||||||
console.log('#toolbar controller connected');
|
console.log('#toolbar controller connected');
|
||||||
@@ -23,6 +23,24 @@ export default class extends Controller {
|
|||||||
ATON.UI.showSidePanel({header: panelHeader});
|
ATON.UI.showSidePanel({header: panelHeader});
|
||||||
this.#buildSettingsPanel(ATON.UI.elSidePanel);
|
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
|
* Clone a <template> by id
|
||||||
* @param {String} id
|
* @param {String} id
|
||||||
Reference in New Issue
Block a user