Step 19.16: Replace login buttons with custom buttons

Urigo · Dec 14, 2016 · 3080aaf · 3080aaf
1 parent 987ad40
commit 3080aaf
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/client/imports/app/app.component.html b/client/imports/app/app.component.html
@@ -1,6 +1,13 @@
 <md-toolbar color="primary">
   <a routerLink="/" class="toolbar-title">Socially2</a>
   <span class="fill-remaining-space"></span>
-  <login-buttons></login-buttons>
+  <div [hidden]="user">
+    <a md-button [routerLink]="['/login']" >Login</a>
+    <a md-button [routerLink]="['/signup']">Sign up</a>
+  </div>
+  <div [hidden]="!user">
+    <span>{{ user | displayName }}</span>
+    <button md-button (click)="logout()">Logout</button>
+  </div>
 </md-toolbar>
 <router-outlet></router-outlet>