New pages added

src/app/users/dash/dash.module.ts

@@ -8,6 +8,9 @@ import { DashPageRoutingModule } from './dash-routing.module';
 
 import { DashPage } from './dash.page';
 
+import {ItemCardTilesComponent} from '../../component/item-card-tiles/item-card-tiles.component';
+import {PracticeHeaderComponent} from '../../component/practice-header/practice-header.component';
+import { FooterMenuComponent } from '../../component/footer-menu/footer-menu.component';
 @NgModule({
   imports: [
     CommonModule,
@@ -15,6 +18,6 @@ import { DashPage } from './dash.page';
     IonicModule,
     DashPageRoutingModule
   ],
-  declarations: [DashPage]
+  declarations: [DashPage,ItemCardTilesComponent,PracticeHeaderComponent,FooterMenuComponent]
 })
 export class DashPageModule {}

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

@@ -1,59 +1,48 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>[Icon] Practice Manager</ion-title>
+    <ion-title><img class='header-icon' src='../../../assets/automedsys-icon.png'> Practice Manager</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-text color="primary">
-    <h1>Best Medical Center</h1>
-    <p>
-      <ion-text color="warning">
-        <ion-icon name="medkit-outline"></ion-icon>
-      </ion-text>
-      <ion-text>
-        Dr. Bob Marley
-      </ion-text>
-
-    </p>
-  </ion-text>
+  <div class="head-sesction-wrapper">
+    <app-practice-header></app-practice-header>
+  </div>
 
   <ion-grid>
-
     <ion-row>
       <ion-col>
-        ion-col
+        <app-item-card-tiles
+          tileCardData="{tileCardData}"
+        ></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        ion-col
+        <app-item-card-tiles></app-item-card-tiles>
       </ion-col>
     </ion-row>
 
     <ion-row>
       <ion-col>
-        ion-col
+        <app-item-card-tiles></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        ion-col
+        <app-item-card-tiles></app-item-card-tiles>
       </ion-col>
     </ion-row>
 
     <ion-row>
       <ion-col>
-        ion-col
+        <app-item-card-tiles></app-item-card-tiles>
       </ion-col>
       <ion-col>
-        ion-col
+        <app-item-card-tiles></app-item-card-tiles>
       </ion-col>
     </ion-row>
-
   </ion-grid>
-
 </ion-content>
 
 <!-- Fade Footer -->
 <ion-footer collapse="fade">
-  <ion-toolbar>
-    <ion-title>Footer</ion-title>
-  </ion-toolbar>
-</ion-footer>
+<app-footer-menu></app-footer-menu>
+ 
+</ion-footer>

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

@@ -0,0 +1,19 @@
+ion-grid{
+    background-color: beige;
+    padding: 0px;
+    ion-row{
+        padding: 0px;
+        ion-col{
+            padding: 0px;
+        }
+    }
+}
+.head-sesction-wrapper{
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 0px;
+}
+.header-icon{
+    height: 30px; width: auto;
+}
+

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

@@ -9,6 +9,11 @@ export class DashPage implements OnInit {
 
   constructor() { }
 
+  tileCardData:any = {
+    title:'My New Tit',
+    subt:'subtitle n',
+    desc: 'I am sending description'
+  }
   ngOnInit() {
   }