@startuml 'https://plantuml.com/sequence-diagram actor Veranstalter actor Client boundary "Auth-Website" as AuthUI control "Auth-API" as AuthAPI control "OTP-API" as OTP database "Auth-Datenbank" as AuthDB Veranstalter -> Client : Anfrage mitarbeit? Client -> AuthUI : Aufruf Webseite Login Veranstalter -> AuthUI : Eintragung //Benutzername//-Client Veranstalter -> AuthUI : Eintragung //Benutzername//-Veranstalter Veranstalter -> AuthUI : Eintragung Rollen-Client Veranstalter -> AuthUI : Eintragung gültiges //OPT// AuthUI -> AuthAPI : Anfrage nach //Web-Token// AuthAPI -> AuthDB : Anfrage nach Veranstalter-Daten AuthAPI -> OTP : Prüfung OTP return alt OTP ist ok AuthAPI -> AuthDB : Speichere Daten AuthAPI -> AuthAPI : Erstelle //Web-Token// AuthUI <-- AuthAPI : //Web-Token// Client <-- AuthUI : //Web-Token// else OTP ist nicht ok AuthUI <-- AuthAPI : HTTP-Error 401 end @enduml