feat(title): navigate root on title click

fivethree-team · Dec 12, 2018 · 986c4ba · 986c4ba
1 parent b904bce
commit 986c4ba
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <ion-menu-button></ion-menu-button>
     </ion-buttons>
-    <ion-title>{{title}}</ion-title>
+    <ion-title (click)="onTitleClicked()">{{title}}</ion-title>
     <ion-buttons slot="end">
       <a id="github" href="https://github.com/fivethree-team/fivethree" target="blank">
         <ion-icon slot="icon-only" name="logo-github"></ion-icon>

diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
@@ -1,3 +1,7 @@
+ion-title {
+    cursor: pointer;
+}
+
 #github {
     color: var(--ion-color-light-contrast);
 } 
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
@@ -1,3 +1,4 @@
+import { NavController } from '@ionic/angular';
 import { Component, OnInit, Input } from '@angular/core';
 
 @Component({
@@ -9,9 +10,13 @@ export class HeaderComponent implements OnInit {
 
   @Input() title = 'Fivethree';
 
-  constructor() { }
+  constructor(private navController: NavController) { }
 
   ngOnInit() {
   }
 
+  onTitleClicked() {
+    this.navController.navigateRoot('/');
+  }
+
 }