import m from "mithril"
import { get_menustack, menubar } from "../header" 
import { userlist } from "./userpage"
import { applicationpage } from "./applicationpage"

let mountpoint = null

function close_page() {
    get_menustack().pop()
    m.route.set("/blankpage")
}
function show_userlist() {
    m.mount(mountpoint, userlist)
}
function show_applist() {
    m.mount(mountpoint, applicationpage)
}

export const appmanagementpage: m.Component = {
    oncreate: (vnode) => {
        mountpoint = vnode.dom
    },
    oninit: (vnode) => {
       get_menustack().push(menu)
    },
    view: (vnode) => {
        return m("div", m(userlist))
    }
}

const menu: m.Component = {
    view: (vnode) => {
        return m(menubar, [
            m("a.w3-button", {onclick: show_userlist}, "Benutzer"),
            sessionStorage.getItem("CurrentUserIsSysAdmin") != null ?
                m("div.w3-button", {onclick: show_applist}, "Anwendungen"):null, 
            m("div.w3-button.w3-right", {onclick: close_page}, "Beenden"),
        ])
    }
}