PlutoDev/Doppelkopf-Stats-Frontend
3
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Formatting, adding comments

Browse Source
This commit is contained in:
Patrick Müller 2022-09-08 17:41:10 +02:00
parent 0889c101aa
commit b300fe1b7b
Signed by: Paddy
GPG Key ID: 37ABC11275CAABCE
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/header/header.component.html
View File

@ -7,7 +7,7 @@
<div (click)="navigate('/stats')">Stats</div> <div (click)="navigate('/stats')">Stats</div>
</div> </div>
<div id="menu-mobile"> <div id="menu-mobile">
<div id="menu-mobile-dropdown-button" (click)="openMobileDropdown()">Open</div> <div id="menu-mobile-dropdown-button" (click)="toggleMobileDropdown()">Open</div>
<div id="menu-mobile-dropdown-content"> <div id="menu-mobile-dropdown-content">
<div (click)="navigate('/')">Home</div> <div (click)="navigate('/')">Home</div>
<div (click)="navigate('/gamenight')">Game night</div> <div (click)="navigate('/gamenight')">Game night</div>

1
src/app/components/header/header.component.scss
View File

@ -43,6 +43,7 @@
display: inherit; display: inherit;
} }
} }
@media(max-width: 767px) { @media(max-width: 767px) {
#menu-desktop { #menu-desktop {
display: none; display: none;

20
src/app/components/header/header.component.ts
View File

@ -1,7 +1,7 @@
import {Component, OnInit} from '@angular/core'; import {Component, OnInit} from '@angular/core';
import {User} from '../../models/user'; import {User} from '../../models/user';
import {StorageService} from '../../services/storage.service'; import {StorageService} from '../../services/storage.service';
import {Router} from "@angular/router"; import {Router} from '@angular/router';
@Component({ @Component({
selector: 'app-header', selector: 'app-header',
@ -13,7 +13,7 @@ export class HeaderComponent implements OnInit {
showProfilePopOver: boolean = false; showProfilePopOver: boolean = false;
user?: User; user?: User;
constructor(private router:Router) { constructor(private router: Router) {
this.user = StorageService.getUserInfo(); this.user = StorageService.getUserInfo();
} }
@ -28,20 +28,22 @@ export class HeaderComponent implements OnInit {
this.showProfilePopOver = false; this.showProfilePopOver = false;
} }
getUserName(): string { getUserName(): string {
return this.user ? this.user.firstName : 'Logged out'; return this.user ? this.user.firstName : 'Logged out';
} }
navigate(path:String) : void { navigate(path: String): void {
this.router.navigate([path]); this.router.navigate([path]);
} }
openMobileDropdown() : void { toggleMobileDropdown(): void {
const dropdownContentStyle = document.getElementById("menu-mobile-dropdown-content")!.style; const dropdownContentStyle = document.getElementById('menu-mobile-dropdown-content')!.style;
if(dropdownContentStyle.display == "block") if (dropdownContentStyle.display == 'block') {
dropdownContentStyle.display = "none"; //FIXME: Currently doesn't work because content overlaps button
else { dropdownContentStyle.display = 'none';
dropdownContentStyle.display = "block"; } else {
dropdownContentStyle.display = 'block';
} }
} }
} }