30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
|
import $ from './dom.mjs'
|
||
|
|
import translate from './translator.mjs'
|
||
|
|
|
||
|
|
/* Dynamically create the menu
|
||
|
|
const menuItems = [
|
||
|
|
{ "icon": "", "id": "e-nw", "text": "Network" },
|
||
|
|
{ "icon": "", "id": "e-hw", "text": "Hardware" },
|
||
|
|
{ "icon": "", "id": "e-ui", "text": "Customization" },
|
||
|
|
{ "icon": "", "id": "e-if", "text": "Interfaces" },
|
||
|
|
{ "icon": "", "id": "e-tm", "text": "Schedules" },
|
||
|
|
{ "icon": "", "id": "e-dx", "text": "DMX Out" },
|
||
|
|
{ "icon": "", "id": "e-sr", "text": "Sound Reactive" },
|
||
|
|
{ "icon": "", "id": "e-um", "text": "Usermods" },
|
||
|
|
{ "icon": "", "id": "e-ab", "text": "About" }
|
||
|
|
];
|
||
|
|
|
||
|
|
$().ready(function() {
|
||
|
|
const menu = $('#menu');
|
||
|
|
menuItems.map(item =>
|
||
|
|
menu.append(`<div class="entry"><div class="e-icon"><i class="icons">${item.icon}</i></div><div class="l e-label l10n" id="${item.id}">${item.text}</div></div>`)
|
||
|
|
);
|
||
|
|
});
|
||
|
|
*/
|
||
|
|
|
||
|
|
// populate labels when to dom is ready but before it is rendered
|
||
|
|
$().ready(function() {
|
||
|
|
// https://www.w3.org/International/questions/qa-i18n
|
||
|
|
// Localization is sometimes written in English as l10n
|
||
|
|
translate('.l10n');
|
||
|
|
});
|