From deb8d4969e30f9c54deadf52dc87fcc5982bc076 Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Sat, 30 Nov 2024 16:45:38 +0200
Subject: Refactoring final

---
 src/js/ui/sections/filesSection.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

(limited to 'src/js/ui/sections/filesSection.js')

diff --git a/src/js/ui/sections/filesSection.js b/src/js/ui/sections/filesSection.js
index 7a65187..994c37e 100644
--- a/src/js/ui/sections/filesSection.js
+++ b/src/js/ui/sections/filesSection.js
@@ -9,19 +9,24 @@ import { makeElement } from "../../arching-kaos-generator.js";
 
 export function filesSection()
 {
+    var whereAmI = {
+        element: "div",
+        className: "where-am-i",
+        innerHTML: [
+            { element: "img", src:"./img/logo.png", onclick:"menusel({id:'#/welcome-section'})"},
+            { element: "span", innerText:">"},
+            { element: "h2", innerText:"Modules"},
+            { element: "span", innerText:">"},
+            { element: "h2", innerText:"Files"}
+        ]
+    };
     var filesSection = {
         element: 'div',
         id: "files-section",
-        innerHTML: `
-        <div class="where-am-i">
-            <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/>
-            <span>&gt;</span>
-            <h2>Modules</h2>
-            <span>&gt;</span>
-            <h2>Files</h2>
-        </div>
-        <em id="files-sec-not-found">No data found (yet?)!</em>
-                `
+        innerHTML: [
+            whereAmI,
+            { element: "em", id:"files-sec-not-found", innerText: "No data found (yet?)!"}
+        ]
     };
 
     makeElement(filesSection, document.querySelector('.main'));
-- 
cgit v1.2.3