kbcrm/Client/index.ts

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, kundenliste} from "./Components/kunde"
import { Projekt, projektliste } from "./Components/projekt"
import { projektuserliste } from "./Components/projekt_user"
import { Call_Log, call_log_liste } from "./Components/call_log"
import { Kontakt, kontaktliste } from "./Components/kontakt"
import { Kontaktadresse, kontaktadresseliste } from "./Components/kontaktadresse"
import { Tag, TagList } from "./Components/tags"


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: "#!/kundenliste"}, "Kunden"),
            m("a.w3-button.w3-bar-item", {href: "#!/projektliste"}, "Projekte"),
            m("a.w3-button.w3-bar-item", {href: "#!/calllogliste"}, "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: "#!/taglist"}, "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,
    "/kundenliste": kundenliste,
    "/kunde": kunde,
    "/projektliste": projektliste,
    "/projekt": Projekt,
    "/projektuserliste": projektuserliste,
    "/calllogliste": call_log_liste,
    "/call_log": Call_Log,
    "/kontaktliste": kontaktliste,
    "/kontakt": Kontakt,
    "/kontaktadresseliste": kontaktadresseliste,
    "/kontaktadresse": Kontaktadresse,
    "/taglist": TagList,
    "/tag": Tag
    
})