//// settings.js//// App to configure Overte//// Created by Armored Dragon, 2024.// Copyright 2024-2025 Overte e.V.//// Distributed under the Apache License, Version 2.0.// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html/* global Script Tablet */(() => { "use strict"; var tablet; var appButton; var active = false; const url = Script.resolvePath("./Settings.qml") tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system"); appButton = tablet.addButton({ icon: Script.resolvePath("./img/icon_white.png"), activeIcon: Script.resolvePath("./img/icon_black.png"), text: "SETTINGS", isActive: active, }); // When script ends, remove itself from tablet Script.scriptEnding.connect(function () { console.log("Shutting down Settings.js application"); tablet.removeButton(appButton); Menu.removeMenuItem("Settings", "Graphics..."); }); // Event listeners appButton.clicked.connect(toolbarButtonClicked); tablet.fromQml.connect(fromQML); tablet.screenChanged.connect(onTabletScreenChanged); Menu.menuItemEvent.connect(onMenuItemEvent); // Menu button Menu.addMenuItem({ menuName: "Settings", menuItemName: "Graphics...", afterItem: "Audio...", }); function onMenuItemEvent(menuItem) { if (menuItem === 'Graphics...') { toolbarButtonClicked(); toQML({ type: 'loadPage', page: 'Graphics' }) } } function toolbarButtonClicked() { if (active) tablet.gotoHomeScreen(); else tablet.loadQMLSource(url); active = !active; appButton.editProperties({ isActive: active, }); } function onTabletScreenChanged(type, newUrl) { if (url == newUrl) active = true; else active = false; appButton.editProperties({ isActive: active, }); } // Communication function fromQML(event) { console.log(`New QML event:\n${JSON.stringify(event)}`); if (event.type === "switchApp") { if (event.appUrl == "hifi/dialogs/GeneralPreferencesDialog.qml") { // This page needs to be opened like this just because. Desktop.show("hifi/dialogs/GeneralPreferencesDialog.qml", "GeneralPreferencesDialog"); return; } tablet.loadQMLSource(event.appUrl); } } /** * Emit a packet to the HTML front end. Easy communication! * @param {Object} packet - The Object packet to emit to the HTML * @param {("loadPage"|)} packet.type - The type of packet it is */ function toQML(packet = { type: "" }) { tablet.sendToQml(packet); }})();
//
// settings.js
//
// App to configure Overte
//
// Created by Armored Dragon, 2024.
// Copyright 2024-2025 Overte e.V.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
/* global Script Tablet */
(() => {
"use strict";
var tablet;
var appButton;
var active = false;
const url = Script.resolvePath("./Settings.qml")
tablet = Tablet.getTablet("com.highfidelity.interface.tablet.system");
appButton = tablet.addButton({
icon: Script.resolvePath("./img/icon_white.png"),
activeIcon: Script.resolvePath("./img/icon_black.png"),
text: "SETTINGS",
isActive: active,
});
// When script ends, remove itself from tablet
Script.scriptEnding.connect(function () {
console.log("Shutting down Settings.js application");
tablet.removeButton(appButton);
Menu.removeMenuItem("Settings", "Graphics...");
});
// Event listeners
appButton.clicked.connect(toolbarButtonClicked);
tablet.fromQml.connect(fromQML);
tablet.screenChanged.connect(onTabletScreenChanged);
Menu.menuItemEvent.connect(onMenuItemEvent);
// Menu button
Menu.addMenuItem({
menuName: "Settings",
menuItemName: "Graphics...",
afterItem: "Audio...",
});
function onMenuItemEvent(menuItem) {
if (menuItem === 'Graphics...') {
toolbarButtonClicked();
toQML({ type: 'loadPage', page: 'Graphics' })
}
}
function toolbarButtonClicked() {
if (active) tablet.gotoHomeScreen();
else tablet.loadQMLSource(url);
active = !active;
appButton.editProperties({
isActive: active,
});
}
function onTabletScreenChanged(type, newUrl) {
if (url == newUrl) active = true;
else active = false;
appButton.editProperties({
isActive: active,
});
}
// Communication
function fromQML(event) {
console.log(`New QML event:\n${JSON.stringify(event)}`);
if (event.type === "switchApp") {
if (event.appUrl == "hifi/dialogs/GeneralPreferencesDialog.qml") {
// This page needs to be opened like this just because.
Desktop.show("hifi/dialogs/GeneralPreferencesDialog.qml", "GeneralPreferencesDialog");
return;
}
tablet.loadQMLSource(event.appUrl);
}
}
/**
* Emit a packet to the HTML front end. Easy communication!
* @param {Object} packet - The Object packet to emit to the HTML
* @param {("loadPage"|)} packet.type - The type of packet it is
*/
function toQML(packet = { type: "" }) {
tablet.sendToQml(packet);
}
})();