Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Loads username on login and can edit user details

Browse source
This commit is contained in:
piratefinn 2017-07-28 19:30:35 +01:00
parent 620282e9ac
commit cc1076332b
9 changed files with 341 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/layouts/full-layout.component.html
View file

@ -19,7 +19,7 @@
<li class="nav-item dropdown" dropdown (onToggle)="toggled($event)">
<a href class="nav-link dropdown-toggle" dropdownToggle (click)="false">
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
<span class="d-md-down-none">admin</span>
<span class="d-md-down-none">{{displayName}}</span>
</a>
<div class="dropdown-menu dropdown-menu-right" *dropdownMenu aria-labelledby="simple-dropdown">
@ -38,7 +38,7 @@
<a class="dropdown-item" href="#"><i class="fa fa-file"></i> Notifications<span class="badge badge-primary">42</span></a>
<div class="divider"></div>
<a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock account</a>
<a class="dropdown-item" (click)="userlogout()"><i class="fa fa-lock"></i> Logout</a>
<a class="dropdown-item" (click)="userLogout()"><i class="fa fa-lock"></i> Logout</a>
</div>
</li>
<li class="nav-item d-md-down-none">
@ -63,6 +63,9 @@
<ul class="nav-dropdown-items">
<li class="nav-item">
<a class="nav-link" routerLinkActive="active" [routerLink]="['/components/leaderboards']"><i class="icon-puzzle"></i> Leaderboards</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLinkActive="active" [routerLink]="['/components/account-edit']"><i class="icon-puzzle"></i> Edit Account</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLinkActive="active" [routerLink]="['/components/add-data']"><i class="icon-puzzle"></i> Add Data</a>

8
src/app/layouts/full-layout.component.ts
View file

@ -12,6 +12,7 @@ export class FullLayoutComponent implements OnInit {
moneySpentThisMonth: any;
pointsTotal: any;
averageTransactionToday: any;
displayName: any;
constructor(
private api: ApiService,
@ -42,9 +43,12 @@ export class FullLayoutComponent implements OnInit {
this.status.isopen = !this.status.isopen;
}
ngOnInit(): void {}
// getDisplayName function from api didnt work
ngOnInit(): void {
this.displayName = localStorage.getItem('displayname') || 'User';
}
userlogout() {
userLogout() {
console.log('logout clicked');
this.api
.logout()