Olu Amey
179 lines
4.0 KiB
HTML
179 lines
4.0 KiB
HTML
<ion-content fullscreen>
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col>
|
|
<div>
|
|
<h4>{{ welcomeName }}</h4>
|
|
</div>
|
|
</ion-col>
|
|
<ion-col>
|
|
<div style="text-align: right;">
|
|
<h4>{{ currentDateFormated }}</h4>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row style="height: 60px; padding-top: 0px; font-size: 14px;">
|
|
<ion-col style="background-color:ivory">
|
|
|
|
|
|
Patient(s)<p>
|
|
0
|
|
|
|
</ion-col>
|
|
<ion-col style="background-color:honeydew">
|
|
<div>.</div>
|
|
</ion-col>
|
|
<ion-col style="background-color: aquamarine; ">
|
|
|
|
Balance<p>
|
|
N5000.34
|
|
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Pending Encounter
|
|
</ion-list-header>
|
|
|
|
<ion-item (click)="goPatient()">
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Adekunle Gold</h2>
|
|
<h3>Need hew head</h3>
|
|
<p>10/10/2050, 9:30 AM Male , 54 yrs</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Janet Jackson</h2>
|
|
<h3>Want to escape from the planet</h3>
|
|
<p>10/10/2050, 10:30 AM Female , 34 yrs</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Rey Dashe</h2>
|
|
<h3>I can handle myself</h3>
|
|
<p>You will remove these restraints and leave...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Luke</h2>
|
|
<h3>Your thoughts betray you</h3>
|
|
<p>I feel the good in you, the conflict...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>
|
|
Recent Encounter
|
|
</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Poe</h2>
|
|
<h3>New Ride</h3>
|
|
<p>I just upgraded my X-Wing. Next time...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Ben</h2>
|
|
<h3>Move Along</h3>
|
|
<p>These aren't the droids you're looking for...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Leia</h2>
|
|
<h3>You're My Only Hope</h3>
|
|
<p>I've placed information vital to the survival...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-avatar slot="start">
|
|
<img src="./../../assets/imgs/avatar.svg">
|
|
</ion-avatar>
|
|
<ion-label>
|
|
<h2>Yoda</h2>
|
|
<h3>Size matters not</h3>
|
|
<p>Do or do not. There is no try...</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
<!-- Footer without a border -->
|
|
<ion-footer class="ion-no-border">
|
|
<ion-toolbar>
|
|
<ion-grid style="font-size: 25px; text-align: center;">
|
|
<ion-row>
|
|
<ion-col>
|
|
<div>
|
|
<ion-icon name="home"></ion-icon>
|
|
</div>
|
|
</ion-col>
|
|
<ion-col>
|
|
<div>
|
|
<ion-icon name="calendar" style="color:green;" (click)="goCalendar()"></ion-icon>
|
|
</div>
|
|
</ion-col>
|
|
<ion-col>
|
|
<div>
|
|
<ion-icon name="grid" style="color:blue;" (click)="goPractice()"></ion-icon>
|
|
</div>
|
|
</ion-col>
|
|
|
|
<ion-col>
|
|
<div>
|
|
<ion-icon name="settings" style="color:red;" (click)="goSettings()"></ion-icon>
|
|
</div>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
</ion-toolbar>
|
|
</ion-footer> |