frontend-zackeneule/source/logic/main.ts

/**
 */
async function update_nav(
	options : {
		mode ?: string;
	} = {}
) : Promise<void>
{
	options = Object.assign(
		{
			"mode": (
				(await _espe.backend.logged_in())
				? "logged_in"
				: "logged_out"
			),
		},
		options
	);
	let dom_body = document.querySelector("body");
	if (options.mode === null) {
		dom_body.removeAttribute("rel");
	}
	else {
		dom_body.setAttribute("rel", options.mode);
	}
}


/**
 */
function setup_nav(
) : void
{
	const entries : Array<
		{
			location : lib_plankton.zoo_page.type_location;
			label : string;
			classes : Array<string>;
		}
	> = [
		{
			"location": {"name": "login", "parameters": {}},
			"label": "Anmelden",
			"classes": ["logged_out"],
		},
		{
			"location": {"name": "logout", "parameters": {}},
			"label": "Abmelden",
			"classes": ["logged_in"],
		},
		{
			"location": {"name": "list", "parameters": {}},
			"label": "Liste",
			"classes": ["logged_in"],
		},
		{
			"location": {"name": "create", "parameters": {}},
			"label": "Anlegen",
			"classes": ["logged_in"],
		},
	];
	
	let dom_ul : HTMLElement = document.querySelector("nav > ul");
	entries.forEach(
		entry => {
			let dom_li : HTMLElement = document.createElement("li");
			{
				let dom_a : HTMLElement = document.createElement("a");
				dom_a.textContent = entry.label;
				dom_a.setAttribute("href", lib_plankton.zoo_page.encode(entry.location));
				entry.classes.forEach(class_ => {dom_a.classList.add(class_);});
				dom_li.appendChild(dom_a);
			}
			dom_ul.appendChild(dom_li);
		}
	);
	update_nav();
}


/**
 */
async function main(
) : Promise<void>
{
	await _espe.conf.load();
	
	await _espe.backend.init();
	
	await lib_plankton.translate.initialize(
		{
			"verbosity": 1,
			"packages": [
				JSON.parse(await lib_plankton.file.read("data/localization/deu.loc.json")),
				JSON.parse(await lib_plankton.file.read("data/localization/eng.loc.json")),
			],
			"order": ["deu", "eng"],
			"autopromote": false,
		}
	);
	
	await lib_plankton.zoo_page.init(
		document.querySelector("main"),
		{
			"fallback": {"name": "index", "parameters": {}},
		}
	);
	
	// set title
	document.querySelector("header > h1").textContent = _espe.conf.get().settings.title;
	document.querySelector("title").textContent = _espe.conf.get().settings.title;
	
	setup_nav();
	
	lib_plankton.zoo_page.start();
}