-
+
+
+
-
-
+
diff --git a/src/main/js/main.js b/src/main/js/main.js
index f53550a..76f9aa7 100644
--- a/src/main/js/main.js
+++ b/src/main/js/main.js
@@ -1,44 +1,30 @@
// noinspection JSUnresolvedVariable
-const {$, doAfterLoad, footer, header, nav, stringToHtml} = window.fwdekker;
+const {$, doAfterLoad, stringToHtml} = window.fwdekker;
/**
* Transforms the given (nested) entry into a list item to be displayed in HTML.
*
* @param entry the entry to transform
- * @param depth the current level of nesting
* @returns {string} the HTML form of the given entry
*/
-const unpackEntry = (entry, depth = 0) => {
+const unpackEntry = (entry) => {
const subEntries = entry.entries.length === 0
? ""
- : `
` + entry.entries.map(it => unpackEntry(it, depth + 1)).join("") + `
`;
+ : `
${entry.entries.map(unpackEntry).join("")}
`;
- return "" +
- `
` +
- `${entry.name}` +
- subEntries +
- ``;
-};
-
-/**
- * Displays the given entries on the page.
- *
- * @param entries the entries to display
- */
-const showEntries = entries => {
- const toolEntries = entries.entries.find(it => it.name === "Tools").entries;
- const entryHtml = stringToHtml(`
${toolEntries.map(entry => unpackEntry(entry)).join("")}
`, "ul");
- $("#listing").append(entryHtml);
+ return `
${entry.name}${subEntries}`;
};
doAfterLoad(() => {
- $("#nav").appendChild(nav("/Tools/", showEntries));
- $("#header").appendChild(header({title: "Tools", description: "An overview of tools I have created"}));
- $("#footer").appendChild(footer({
- vcsURL: "https://git.fwdekker.com/tools/tools/",
- version: "v%%VERSION_NUMBER%%"
- }));
- $("main").classList.remove("hidden");
+ fetch("https://fwdekker.com/api/nav/")
+ .then(it => it.json())
+ .then(json => {
+ const toolEntries = json.entries.find(it => it.name === "Tools").entries;
+ const entryHtml = stringToHtml(`
${toolEntries.map(entry => unpackEntry(entry)).join("")}
`, "ul");
+ $("#listing").append(entryHtml);
+
+ $("main").classList.remove("hidden");
+ });
});