Clemens Schwaighofer
5b69cecf9f
Some checks failed
JavaScriptUtilsVitest / ci-tests (push) Has been cancelled
isObject only returns true for objects and nothing else. Update cel/ael in the HTML builder to use isArray for array check
110 lines
3.3 KiB
JavaScript
110 lines
3.3 KiB
JavaScript
/*
|
|
Description: Login access and menu
|
|
Date: 2025/3/6
|
|
Creator: Clemens Schwaighofer
|
|
*/
|
|
|
|
export { LoginNavMenu };
|
|
import { isObject, getObjectCount } from './JavaScriptHelpers.mjs';
|
|
import { exists } from './DomHelpers.mjs';
|
|
|
|
class LoginNavMenu {
|
|
|
|
hec;
|
|
l10n;
|
|
|
|
/**
|
|
* action box creator
|
|
* @param {Object} hec HtmlElementCreator
|
|
* @param {Object} l10n l10nTranslation
|
|
*/
|
|
constructor(hec, l10n)
|
|
{
|
|
this.hec = hec;
|
|
this.l10n = l10n;
|
|
}
|
|
|
|
/**
|
|
* create login string and logout button elements
|
|
* @param {String} login_string the login string to show on the left
|
|
* @param {String} [header_id='mainHeader'] the target for the main element block
|
|
* if not set mainHeader is assumed
|
|
* this is the target div for the "loginRow"
|
|
*/
|
|
createLoginRow(login_string, header_id = 'mainHeader')
|
|
{
|
|
// if header does not exist, we do nothing
|
|
if (exists(header_id)) {
|
|
// that row must exist already, if not it must be the first in the "mainHeader"
|
|
if (!exists('loginRow')) {
|
|
$('#' + header_id).html(this.hec.phfo(this.hec.cel('div', 'loginRow', '', ['loginRow', 'flx-spbt'])));
|
|
}
|
|
// clear out just in case for first entry
|
|
// fill with div name & login/logout button
|
|
$('#loginRow').html(this.hec.phfo(this.hec.cel('div', 'loginRow-name', login_string)));
|
|
$('#loginRow').append(this.hec.phfo(this.hec.cel('div', 'loginRow-info', '')));
|
|
$('#loginRow').append(this.hec.phfo(
|
|
this.hec.aelx(
|
|
// outer div
|
|
this.hec.cel('div', 'loginRow-logout'),
|
|
// inner element
|
|
this.hec.cel('input', 'logout', '', [], {
|
|
value: this.l10n.__('Logout'),
|
|
type: 'button',
|
|
onClick: 'loginLogout()'
|
|
})
|
|
)
|
|
));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* create the top nav menu that switches physical between pages
|
|
* (edit access data based)
|
|
* @param {Object} nav_menu the built nav menu with highlight info
|
|
* @param {String} [header_id='mainHeader'] the target for the main element block
|
|
* if not set mainHeader is assumed
|
|
* this is the target div for the "menuRow"
|
|
*/
|
|
createNavMenu(nav_menu, header_id = 'mainHeader')
|
|
{
|
|
// must be an object
|
|
if (isObject(nav_menu) && getObjectCount(nav_menu) > 1) {
|
|
// do we have more than one entry, if not, do not show (single page)
|
|
if (!exists('menuRow')) {
|
|
$('#' + header_id).html(this.hec.phfo(this.hec.cel('div', 'menuRow', '', ['menuRow', 'flx-s'])));
|
|
}
|
|
var content = [];
|
|
$.each(nav_menu, function(key, item) {
|
|
// key is number
|
|
// item is object with entries
|
|
if (key != 0) {
|
|
content.push(this.hec.phfo(this.hec.cel('div', '', '·', ['pd-2'])));
|
|
}
|
|
// ignore item.popup for now
|
|
if (item.enabled) {
|
|
// set selected based on window.location.href as the php set will not work
|
|
if (window.location.href.indexOf(item.url) != -1) {
|
|
item.selected = 1;
|
|
}
|
|
// create the entry
|
|
content.push(this.hec.phfo(
|
|
this.hec.aelx(
|
|
this.hec.cel('div'),
|
|
this.hec.cel('a', '', item.name, ['pd-2'].concat(item.selected ? 'highlight': ''), {
|
|
href: item.url
|
|
})
|
|
)
|
|
));
|
|
}
|
|
});
|
|
$('#menuRow').html(content.join(''));
|
|
} else {
|
|
$('#menuRow').hide();
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// __END__
|