WIP: Responsive header menu 2

src/app/app.component.ts

@@ -12,6 +12,5 @@ export class AppComponent {
 	user?: Player;
 
 	ngOnInit() {
-		// Load player data
 	}
 }

src/app/components/header/header.component.html

@@ -14,5 +14,5 @@
 		<p>{{getUserName()}}</p>
 		<img src="assets/images/user.png" alt="User Icon" (click)="openProfile()">
 	</span>
-	<app-profile (showProfilePopoverChange)="closeProfile()" *ngIf="showProfilePopover" [user]="this.user"></app-profile>
+	<app-profile (showProfilePopOverChange)="closeProfile()" *ngIf="showProfilePopOver" [user]="this.user"></app-profile>
 </div>

src/app/components/header/header.component.ts

@@ -9,7 +9,7 @@ import {StorageService} from '../../services/storage.service';
 })
 export class HeaderComponent implements OnInit {
 
-	showProfilePopover: boolean = false;
+	showProfilePopOver: boolean = false;
 	user?: User;
 
 	constructor() {
@@ -20,11 +20,11 @@ export class HeaderComponent implements OnInit {
 	}
 
 	openProfile(): void {
-		this.showProfilePopover = true;
+		this.showProfilePopOver = true;
 	}
 
 	closeProfile(): void {
-		this.showProfilePopover = false;
+		this.showProfilePopOver = false;
 	}
 
 	getUserName(): string {

src/app/components/profile/profile.component.ts

@@ -10,7 +10,7 @@ export class ProfileComponent implements OnInit {
 
 	initialClick = true;
 	@Input() user?: User;
-	@Output() showProfilePopoverChange = new EventEmitter<boolean>();
+	@Output() showProfilePopOverChange = new EventEmitter<boolean>();
 
 	constructor(private eRef: ElementRef) {
 	}
@@ -31,7 +31,7 @@ export class ProfileComponent implements OnInit {
 		}
 
 		if (!this.eRef.nativeElement.contains(event.target)) {
-			this.showProfilePopoverChange.emit(false);
+			this.showProfilePopOverChange.emit(false);
 		}
 	}