Fix pages

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">
+     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
        <ion-icon class="foot-icon" name="calendar-outline"></ion-icon>
        <div class="foot-text">
          Schedule
        </div>
      </ion-col>
-     <ion-col class="footer-col">
+     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
        <ion-icon class="foot-icon" name="albums-outline"></ion-icon>
        <div class="foot-text">
          Orders
        </div>
      </ion-col>
-     <ion-col class="footer-col">
+     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
        <ion-icon class="foot-icon" name="people-outline"></ion-icon>
        <div class="foot-text">
          Encounters
        </div>
      </ion-col>
-     <ion-col class="footer-col">
+     <ion-col class="footer-col"  (click)="MenuClick('78888')"  >
        <ion-icon class="foot-icon" name="cog-outline"></ion-icon>
        <div class="foot-text">
          Settings

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

@@ -6,9 +6,10 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./footer-menu.component.scss'],
 })
 export class FooterMenuComponent implements OnInit {
-
+  constructor() {}
-  constructor() { }
 
   ngOnInit() {}
-
+  MenuClick(mTitem) {
+    alert(mTitem);
+  }
 }

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

@@ -1,10 +1,8 @@
 <ion-card>
   <ion-card-header>
-    <ion-card-subtitle>{{subTitle}}</ion-card-subtitle>
+    <ion-card-title> Schedule </ion-card-title>
-    <ion-card-title>Card Title</ion-card-title>
+    <ion-card-subtitle>{{ subTitle }}</ion-card-subtitle>
   </ion-card-header>
 
-  <ion-card-content>
+  <ion-card-content> Keep close to Nature's </ion-card-content>
-    Keep close to Nature's heart... and break 
-  </ion-card-content>
 </ion-card>

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

@@ -1,3 +1,6 @@
 ion-card{
     border-radius: 15px;
+}
+ion-card-title{
+    font-size: 22px;
 }

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

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
+
 @Component({
   selector: 'app-item-card-tiles',
   templateUrl: './item-card-tiles.component.html',
@@ -7,8 +8,11 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ItemCardTilesComponent implements OnInit {
 
-  constructor() { }
+  constructor() { 
+
+  }
   subTitle:string =  'Olusesan Ameye';
   ngOnInit() {}
 
+
 }

src/app/users/dash/dash.page.html

@@ -17,32 +17,40 @@
         ></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        <app-item-card-tiles></app-item-card-tiles>
+        <app-item-card-tiles
+          tileCardData="{tileCardData}"
+        ></app-item-card-tiles>
       </ion-col>
     </ion-row>
 
     <ion-row>
       <ion-col>
-        <app-item-card-tiles></app-item-card-tiles>
+        <app-item-card-tiles
+          tileCardData="{tileCardData}"
+        ></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        <app-item-card-tiles></app-item-card-tiles>
+        <app-item-card-tiles
+          tileCardData="{tileCardData}"
+        ></app-item-card-tiles>
       </ion-col>
     </ion-row>
 
     <ion-row>
       <ion-col>
-        <app-item-card-tiles></app-item-card-tiles>
+        <app-item-card-tiles
+          tileCardData="{tileCardData}"
+        ></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        <app-item-card-tiles></app-item-card-tiles>
+        <app-item-card-tiles
+        tileCardData="{tileCardData}"
+      ></app-item-card-tiles>
       </ion-col>
     </ion-row>
   </ion-grid>
 </ion-content>
 
-<!-- Fade Footer -->
+<ion-footer>
-<ion-footer collapse="fade">
 <app-footer-menu></app-footer-menu>
- 
 </ion-footer>

src/app/users/dash/dash.page.scss

@@ -16,4 +16,6 @@ ion-grid{
 .header-icon{
     height: 20px; width: auto;
 }
-
+ion-footer{
+    background-color: #00708e;
+}

src/app/users/dash/dash.page.ts

@@ -12,7 +12,8 @@ export class DashPage implements OnInit {
   tileCardData:any = {
     title:'My New Tit',
     subt:'subtitle n',
-    desc: 'I am sending description'
+    desc: 'I am sending description',
+    bcolor: '#77ff13'
   }
   ngOnInit() {
   }