OKR Frontend - Kopfzeile und eine Navigationsleiste im PuzzleShell Style

[tuxmatta]

Als Kunde möchte ich eine Kopfzeile und eine Navigationsleiste sehen, damit ich mich durch das Tool navigieren kann.

• Für alle Komponenten gilt die Puzzle standard Styles (PuzzleShell) und es werden die Angular Material UI Widgets/Componenten verwendet.
• Das Logo OKR habe ich bei Mathis bestellt.
• Die User-Information auf der rechten Seite kann man weglassen.
• Wir implementieren aktuell nur das Menu OKRs mit den beiden Unterpunkten: Overview und Team. Es sind nur console.log('...') Actions hinterlegt.

Akzeptanzkriterien

• [x] Die Ausgabe entspricht dem ScreenShot
• [x] Angular Komponente und das Template sind mit Jest getestet (aktuell Karma)
• [x] Die benötigten Daten werden mittels Service + RxJS gelade

[lkleisa]

Ich habe auf dem branch feature/300-puzzleshell mit der Shell einbindung begonnen.

• Die Top bar existiert
• Das Menu unten auch (ist auch von der Puzzle shell)
• Angular Material ist hinzugefügt
• Beim klicken des Menus wird ein console.log() ausgeführt

1) Tests stehen noch keine 2) Es werden auch keine Daten geladen

[peggimann]

• Logo wurde gewechselt auf Puzzle Okr
• KPI sollte entfernt werden
• Logos und Buttons im Header aneinander anpassen
• Tests müssen noch erstellt werden