Homepage

Frontend

Sobald sich der User angemeldet hat, kommt er auf die Homepage der Webseite. Diese ist in den Farben grün und blau gestaltet. Auf dieser Seite gibt es eine Navbar mit den Links: Create Quiz, Add Quiz und Logout.

Ausserdem gibt es zwei Listen. Die erste Liste ist die Privat Quizzes Liste. An diesem Ort werden alle Quizze gespeichert, die vom User erstellt wurden und die der User geadded hat. In der Liste Public Quizzes werden alle öffentlichen Quiz angezeigt. Die angezeigten Quiz zeigen den Titel, die Beschreibung, die Anzahl gespielter Male, einen Playbutton und einen Button mit einem Plussymbol. Bei den Quiz in Privat Quizzes wird noch ein Deletebutton angezeigt.

Wenn man auf das Plussymbol klickt, erhält man einen Alert mit der userId des Quiz. Diese wird gebraucht für den Link Add Quiz. Sobald man auf diesen Link klickt, wird man aufgefordert, eine userId einzugeben. Gibt man diese ein, wird das Quiz zu den geaddeden Quiz hinzugefügt und erscheint in der Liste Privat Quizzes. Man könnte die userId auch mit Kollegen teilen, damit sie die Quiz auch hinzufügen können.

Backend

Für das Anzeigen der Quiz in der einzelnen Listen werden GET-Befehle verwendet. Der GET-Befehl für die Liste der privaten Quiz sucht alle Quiz in der Datenbank, deren userId entweder beim User in der Owner Eigenschaft vorhanden ist oder deren userId beim User in der Added Eigenschaft steht. Der GET-Befehl für die öffentlichen Quiz sucht alle Quiz, die als visibility true haben.

Sobald man bei dem Add Quiz Link eine userId mitgegeben hat, wird ein PATCH-Befehl ausgeführt. Dieser nimmt als Parameter die eingegebene userId mit. Im Befehl wird zuerst ein Array mit allen geaddeden Quiz erstellt. Die neue userId ist hierbei nicht vorhanden. Ausserdem wird ebenfalls ein Array für alle Quiz erstellt, die wir selbst erstellt haben. Wenn beide dieser Listen nicht die neue userId beinhalten und die userId existiert, wird diese zur added Eigenschaft hinzugefügt.

Wenn man ein Quiz löschen möchte, wird zuerst ein GET-Befehl ausgeführt, der schaut, ob die userId des Quiz in der added oder in der owner Eigenschaft des Users vorhanden ist. Ist die userId in der owner Eigenschaft, wird true zurückgegeben, sonst wird false zurückgegeben. Wurde true zurückgeben, wird das Quiz komplett aus der Datenbank gelöscht. Wenn false zurückgegeben wurde, wird nur die userId in der Eigenschaft added gelöscht.

Wenn man bei einem Quiz auf den Play Button drückt, wird ein PATCH-Befehl ausgeführt. Dieser speichert die userId von dem Quiz in die currentlyPlaying Eigenschaft des Users.

BrainSprint

Add your comment

Antwort an:

Kopieren bestätigen