From 236ac5d0f451ae7614f12ba6d60f60557e9335c1 Mon Sep 17 00:00:00 2001
From: Olu Amey <ameye@chiefsoft.com>
Date: Fri, 7 Oct 2022 23:28:01 -0400
Subject: [PATCH] new itm

---
 .../footer-menu/footer-menu.component.html    |  8 ++---
 .../footer-menu/footer-menu.component.ts      | 21 +++++++++--
 .../item-card-tiles.component.ts              | 15 ++++----
 src/app/users/encounter/encounter.page.html   | 36 +++++++++++++++++++
 4 files changed, 68 insertions(+), 12 deletions(-)

diff --git a/src/app/component/footer-menu/footer-menu.component.html b/src/app/component/footer-menu/footer-menu.component.html
index 8d61b14..e93e105 100644
--- a/src/app/component/footer-menu/footer-menu.component.html
+++ b/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
diff --git a/src/app/component/footer-menu/footer-menu.component.ts b/src/app/component/footer-menu/footer-menu.component.ts
index 55feff1..0d8d2cd 100644
--- a/src/app/component/footer-menu/footer-menu.component.ts
+++ b/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;
+    }
   }
 }
diff --git a/src/app/component/item-card-tiles/item-card-tiles.component.ts b/src/app/component/item-card-tiles/item-card-tiles.component.ts
index 1390f6e..f34a63c 100644
--- a/src/app/component/item-card-tiles/item-card-tiles.component.ts
+++ b/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() {}
-
-
 }
diff --git a/src/app/users/encounter/encounter.page.html b/src/app/users/encounter/encounter.page.html
index 6609e67..d06a6ea 100644
--- a/src/app/users/encounter/encounter.page.html
+++ b/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>