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');
});