new itm

src/app/component/footer-menu/footer-menu.component.html

@@ -1,25 +1,25 @@
 <ion-toolbar class="footer-box">
   <ion-grid>
    <ion-row>
-     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
+     <ion-col class="footer-col"  (click)="MenuClick('SCHEDULE')"  >
        <ion-icon class="foot-icon" name="calendar-outline"></ion-icon>
        <div class="foot-text">
          Schedule
        </div>
      </ion-col>
-     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
+     <ion-col class="footer-col"  (click)="MenuClick('ORDERS')"  >
        <ion-icon class="foot-icon" name="albums-outline"></ion-icon>
        <div class="foot-text">
          Orders
        </div>
      </ion-col>
-     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
+     <ion-col class="footer-col"  (click)="MenuClick('ENCOUNTERS')"  >
        <ion-icon class="foot-icon" name="people-outline"></ion-icon>
        <div class="foot-text">
          Encounters
        </div>
      </ion-col>
-     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
+     <ion-col class="footer-col"  (click)="MenuClick('SETTINGS')"  >
        <ion-icon class="foot-icon" name="cog-outline"></ion-icon>
        <div class="foot-text">
          Settings

src/app/component/footer-menu/footer-menu.component.ts

@@ -1,3 +1,4 @@
+import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
 
 @Component({
@@ -6,10 +7,26 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./footer-menu.component.scss'],
 })
 export class FooterMenuComponent implements OnInit {
-  constructor() {}
+  constructor(public router: Router) {}
 
   ngOnInit() {}
   MenuClick(mTitem) {
-    alert(mTitem);
+    switch (mTitem) {
+      case 'SCHEDULE':
+        this.router.navigate(['/schedule']);
+        break;
+
+      case 'ORDERS':
+        this.router.navigate(['/schedule']);
+        break;
+
+      case 'ENCOUNTERS':
+        this.router.navigate(['/encounter']);
+        break;
+
+      case 'SETTINGS':
+        this.router.navigate(['/schedule']);
+        break;
+    }
   }
 }

src/app/component/item-card-tiles/item-card-tiles.component.ts

@@ -1,5 +1,6 @@
+import { Router } from '@angular/router';
 import { Component, OnInit } from '@angular/core';
-
+import { ModalController, NavParams } from '@ionic/angular';
 
 @Component({
   selector: 'app-item-card-tiles',
@@ -7,12 +8,14 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./item-card-tiles.component.scss'],
 })
 export class ItemCardTilesComponent implements OnInit {
+  constructor(public router: Router) {
+    //debugger;
 
-  constructor() { 
-
+    if (router.getCurrentNavigation().extras.state) {
+      const pageName = this.router.getCurrentNavigation().extras.state;
+      console.log(pageName);
+    }
   }
-  subTitle:string =  'Olusesan Ameye';
+  subTitle: string = 'Olusesan Ameye';
   ngOnInit() {}
-
-
 }

src/app/users/encounter/encounter.page.html

@@ -6,4 +6,40 @@
 
 <ion-content>
 
+  <ion-item detail="true">
+    <ion-label>
+      <h3>Text Item</h3>
+      <p>Detail set to true - detail arrow displays on both modes</p>
+    </ion-label>
+  </ion-item>
+  
+  <ion-item button>
+    <ion-label>
+      <h3>Button Item</h3>
+      <p>Default detail - detail arrow displays on iOS only</p>
+    </ion-label>
+  </ion-item>
+  
+  <ion-item button detail="true">
+    <ion-label>
+      <h3>Button Item</h3>
+      <p>Detail set to true - detail arrow displays on both modes</p>
+    </ion-label>
+  </ion-item>
+  
+  <ion-item button detail="false">
+    <ion-label>
+      <h3>Button Item</h3>
+      <p>Detail set to false - detail arrow hidden on both modes</p>
+    </ion-label>
+  </ion-item>
+  
+  <ion-item button detail="true" detail-icon="caret-forward-outline">
+    <ion-label>
+      <h3>Button Item</h3>
+      <p>Detail set to true - detail arrow displays on both modes</p>
+      <p>Detail icon set to caret-forward-outline</p>
+    </ion-label>
+  </ion-item>
+  
 </ion-content>