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/Components/auth/authmessages.ts

@@ -0,0 +1,76 @@
+import m from "mithril"
+import { gridMountpoints } from "../mainlayout"
+import {ModalType, ModalView, iModalView} from "../widgets/Modal"
+
+
+export interface iWrongEditSelectionMessage{
+    elementname: string
+}
+export const WrongEditSelectionMessage: m.Component<iWrongEditSelectionMessage> = {
+    view: (vnode) => {
+        return (
+            m(ModalView, 
+                {
+                    title: "Falsche Auswahl",
+                    type: ModalType.ERROR,
+                    width: '33%'
+                } as iModalView,
+                m("p", `Zum Editieren muss genau 1 ${vnode.attrs.elementname} ausgewählt sein!`),
+                m("div.w3-bar.w3-padding-16",
+                    [
+                        m("button.w3-button.w3-theme.w3-right", {onclick: () => {m.mount(gridMountpoints.modalhook, null)}}, "OK"),
+                    ]
+                )
+            )
+        )
+    }
+}
+
+export interface iServerErrorMessage {
+    error: {
+        messages: string[],
+        status: number
+    }
+}
+export const ServerErrorMessage: m.Component<iServerErrorMessage> = {
+    view: (vnode) => {
+        return (
+            m(ModalView,
+                {
+                    title: "Fehler",
+                    type: ModalType.ERROR,
+                    width: "33%"
+                } as iModalView,
+                m("div.w3-panel",
+                    vnode.attrs.error.messages.map((message) => {
+                        return m("div", message)
+                    }),
+                    m("div.w3-small", `(HTML-Status: ${vnode.attrs.error.status})`)
+                ),
+                m("div.w3-bar.w3-padding-16",
+                    m("button.w3-button.w3-theme.w3-right", {onclick: () => {m.mount(gridMountpoints.modalhook, null)}}, "OK"),
+                )   
+            )
+        )
+    }
+}
+
+export function showServerError (e) {
+    let servererror:iServerErrorMessage = {error: {messages:[], status: e.code}}
+    console.log(JSON.stringify(e), e.message)
+    if (e.response != undefined && e.response["messages"] != undefined) {
+        if (!Array.isArray(e.response["messages"])) {
+            e.response["messages"] = [e.response["messages"]]
+        }
+        servererror.error.messages = e.response.messages
+    }
+    else if (e.response != undefined) {
+        servererror.error.messages = [JSON.stringify(e.response)]
+    }
+    else {
+        servererror.error.messages = [JSON.stringify(e)]
+    }
+    m.mount(gridMountpoints.modalhook, {
+        view: () => {return m(ServerErrorMessage, {error: servererror.error } as iServerErrorMessage)}
+    })
+}