Initial Commit für das Grundgerüst der Anwendung, bestehend aus der Dev-Container Konfiguration, der Docker und docker-Compose Definitionen sowie der Verzeichnisse App_Server für die Backend-Programme sowie Client für die browserseitigen GUI-Komponenten

Client/index.ts

@@ -0,0 +1,149 @@
+import m from "mithril"
+import {gridMountpoints, maingrid} from "./Components/mainlayout"
+import {header, menubar, init_menustack, get_menustack, headerdata} from "./Components/header"
+import { appmanagementpage } from "./Components/auth/appmanagementpage"
+import { changepasswordscreen, loginscreen } from "./Components/auth/login"
+import {kunde} from "./Components/kunde"
+import { Projekt } from "./Components/projekt"
+
+
+function healthcheck () {
+    m.request({
+        method: "GET",
+        url: "/xhr/health-check"})
+        .then((result) => {
+            data.success = result['result']
+            data.time = result['time']
+            data.server = result['server']
+            data.projectname = result["projectname"]
+            data.clientappversion = result["clientappversion"]
+        })
+    return
+}
+
+function getClientappversion(): void {
+    //let version:string = document.querySelector('meta[name="clientappversion"]')['content']
+    const meta = document.querySelector<HTMLMetaElement>('meta[name="clientappversion"]');
+    const version = meta?.content ?? ''; // leerer String als Fallback
+    console.log(version)
+    headerdata.version = version
+}
+
+function check_currentuser (): boolean {
+    let result = true
+    const cu = sessionStorage.getItem("CurrentUser")
+    if (cu != null) {
+        headerdata.username = cu 
+    }
+    else {
+        result = false
+    }
+    return result
+}
+
+let data = {
+    success: "n/a",
+    time: "n/a",
+    server: "n/a",
+    projectname: "n/a",
+    clientappversion: "n/a"
+}
+
+function logout() {
+    m.request({
+        method: "GET",
+        url: "/auth/logout"
+    })
+    .then((result) => {
+        console.log(result)
+        sessionStorage.removeItem("CurrentUser");
+        sessionStorage.removeItem("CurrentUserIsSysAdmin");
+        headerdata.username = "Nicht angemeldet"
+        if (result['logout'] == true) {m.route.set("/blankpage")} 
+    })
+    .finally(() => {
+        location.href = "/index.html"
+    })
+}
+
+const hello: m.Component = {
+    oninit: (vnode) => {
+        healthcheck()
+    },
+    view: (vnode) => {
+        return m("div", 
+            m("h1", "Health-Check Python App-Server"), 
+            m(hello2),
+            m(knopf)
+        )
+    } 
+}
+
+const hello2: m.Component = {
+    view: (vnode) => {
+        return m("ul", 
+            m("li", "Result: " + data.success),
+            m("li", data.time),
+            m("li", data.server),
+            m("li", data.projectname),
+            m("li", data.clientappversion),
+        )
+    }
+}
+
+const knopf: m.Component = {
+    view: (vnode) => {
+        return m("button", {onclick: healthcheck}, "Aktualisieren")
+    }
+}
+const menu: m.Component = {
+    view: (vnode) => {
+        return m(menubar, [
+            m("a.w3-button.w3-bar-item", {href: "#!/kunde"}, "Kunden"),
+            m("a.w3-button.w3-bar-item", {href: "#!/projekt"}, "Projekte"),
+            m("a.w3-button.w3-bar-item", {href: "#!/routename"}, "Gesprächsnotizen"),
+            // m("a.w3-button.w3-bar-item", {onclick: healthcheck}, "Aktualisieren"),
+            m("div.w3-dropdown-hover",
+                m("button.w3-button", "Optionen"),
+                m("div.w3-dropdown-content.w3-bar-block.w3-card-4",
+                    m("a.w3-button.w3-bar-item", {href: "#!/default"}, "Tags"),
+                    m("a.w3-button.w3-bar-item", {href: "#!/default"}, "Datenexport"),
+                    m("a.w3-button.w3-bar-item", {href: "#!/default"}, "Datenimport"),
+                )
+            ),
+            m("div.w3-button.w3-right", {onclick: logout}, "Logout"),
+            m("div.w3-dropdown-hover.w3-right",
+                m("button.w3-button", "System"),
+                m("div.w3-dropdown-content.w3-bar-block.w3-card-4",
+                    m("a.w3-button.w3-bar-item", {href: "#!/login"}, "Login"),
+                    m("a.w3-button.w3-bar-item", {href: "#!/changepassword"}, "Kennwort ändern"),
+                    m("a.w3-button.w3-bar-item", {href: "#!/usermanagement"}, "Verwalten"),
+                )
+            )
+        ])
+    }
+}
+
+let mountpoint = document.getElementById("body")
+
+m.mount(mountpoint, maingrid)
+m.mount(gridMountpoints.header, header)
+m.mount(gridMountpoints.main, hello)
+
+init_menustack(gridMountpoints.menubar)
+get_menustack().push(menu)
+
+getClientappversion()
+
+if (check_currentuser() == false) {
+    m.route.set("/login")
+}
+
+m.route(gridMountpoints.main, "/blankpage", {
+    "/blankpage": hello,
+    "/usermanagement": appmanagementpage,
+    "/changepassword": changepasswordscreen,
+    "/login": loginscreen,
+    "/kunde": kunde,
+    "/projekt": Projekt
+})