Skip to content

E
eduhealth
Commit 821df19b by kevin
Options

IOS build without back button

parent 7c71f691
Showing with 182 additions and 129 deletions
src/app/chartvisits/chartvisits.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Chart Visits</h4> <h4>Chart Visits</h4>
</div> </div>
......
src/app/details/details.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Student Profile</h4> <h4>Student Profile</h4>
</div> </div>
<button class="nav_btn nav_more floatLeft" (click)="popToggle()"> <!-- <button class="nav_btn nav_more floatLeft" (click)="popToggle()">
</button> </button> -->
<div class="clear"></div> <div class="clear"></div>
</ion-header> </ion-header>
<ion-content> <ion-content>
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
<ul> <ul>
<li (click)="goToPage('studentsprofile')"> <li (click)="goToPage('studentsprofile')">
<img src="../../assets/imgs/m1.png" > <img src="../../assets/imgs/m1.png" >
<p>Student<br> Profile</p> <p>Student<br> Health</p>
</li> </li>
<li (click)="goToPage('healthcareforum')"> <li (click)="goToPage('healthcareforum')">
<img src="../../assets/imgs/m2.png"> <img src="../../assets/imgs/m2.png">
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
</div> </div>
<div class="custom_popover" *ngIf="isToggle" [@slideInOut] (click)="popToggle()"> <!-- <div class="custom_popover" *ngIf="isToggle" [@slideInOut] (click)="popToggle()">
<div class="popover_inner"> <div class="popover_inner">
<ul> <ul>
<li> <li>
...@@ -115,5 +115,5 @@ ...@@ -115,5 +115,5 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> </div> -->
</ion-content> </ion-content>
src/app/healthcareforum/healthcareforum.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Health Form</h4> <h4>Health Form</h4>
</div> </div>
......
src/app/healthhistory/healthhistory.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Health History</h4> <h4>Health History</h4>
</div> </div>
...@@ -14,41 +14,37 @@ ...@@ -14,41 +14,37 @@
<li> <li>
<div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}"> <div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Name</p> <p>File Name</p>
<h3><strong>Medication Authorizations</strong></h3> <h3><strong>3359_2019-03-27T11_08_40Z.pdf</strong></h3>
</div>
<div class="col floatLeft borderNone">
<p>Expiry Date</p>
<h3>06/12/2019</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_sub" *ngIf="isGroupShown(0)"> <div class="list_sub" *ngIf="isGroupShown(0)">
<div class="list_bar"> <div class="list_bar">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Name of medicine</p> <p>School Name</p>
<h3>Potassium Chloride</h3> <h3>Jabir Alil School </h3>
</div> </div>
<div class="col floatLeft borderNone"> <div class="col floatLeft borderNone">
<p>Times Per Day</p> <p>First Name</p>
<h3>2 Days</h3> <h3>KelvinA</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_bar"> <div class="list_bar">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Tme of first medication</p> <p>Last Name</p>
<h3>06/11/2019 11:00 AM</h3> <h3>Joseph</h3>
</div> </div>
<div class="col floatLeft borderNone"> <div class="col floatLeft borderNone">
<p>Quantity Available</p> <p>Grade</p>
<h3>20</h3> <h3>3</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>
</li> </li>
<li> <!-- <li>
<div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}"> <div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Name</p> <p>Name</p>
...@@ -84,7 +80,7 @@ ...@@ -84,7 +80,7 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>
</li> </li> -->
</ul> </ul>
</div> </div>
</ion-content> </ion-content>
src/app/immunizations/immunizations.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Add Immunization</h4> <h4>Add Immunization</h4>
</div> </div>
......
src/app/medicalauthorization/medicalauthorization.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Medical Authorizations</h4> <h4>Medical Authorizations</h4>
</div> </div>
......
src/app/medicalhistory/medicalhistory.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Medical History</h4> <h4>Medical History</h4>
</div> </div>
...@@ -13,79 +13,138 @@ ...@@ -13,79 +13,138 @@
<ul> <ul>
<li> <li>
<div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}"> <div class="list_main" (click)="toggleGroup(0)" [ngClass]="{active:isGroupShown(0)}">
<div class="col floatLeft"> <div class="col-10 floatLeft">
<p>Name</p> <h3><strong>Health Form</strong></h3>
<h3><strong>Medication Authorizations</strong></h3>
</div>
<div class="col floatLeft borderNone">
<p>Expiry Date</p>
<h3>06/12/2019</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_sub" *ngIf="isGroupShown(0)"> <div class="list_sub" *ngIf="isGroupShown(0)">
<div class="list_bar"> <div class="list_sub_inner">
<div class="col floatLeft"> <div class="list_bar">
<p>Name of medicine</p> <div class="col-10 floatLeft">
<h3>Potassium Chloride</h3> <p class="p0"><a>Healthform201951012103181.txt</a></p>
</div>
<div class="col floatLeft borderNone"> </div>
<p>Times Per Day</p> <div class="clear"></div>
<h3>2 Days</h3> </div>
</div>
<div class="clear"></div> </div>
</div>
<div class="list_bar">
<div class="col floatLeft">
<p>Tme of first medication</p>
<h3>06/11/2019 11:00 AM</h3>
</div>
<div class="col floatLeft borderNone">
<p>Quantity Available</p>
<h3>20</h3>
</div>
<div class="clear"></div>
</div>
</div> </div>
</li> </li>
<li> <li>
<div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}"> <div class="list_main" (click)="toggleGroup(1)" [ngClass]="{active:isGroupShown(1)}">
<div class="col floatLeft"> <div class="col-10 floatLeft">
<p>Name</p> <h3><strong>Treatment Authorization</strong></h3>
<h3><strong>Medication Authorizations</strong></h3>
</div>
<div class="col floatLeft borderNone">
<p>Expiry Date</p>
<h3>06/12/2019</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_sub" *ngIf="isGroupShown(1)"> <div class="list_sub" *ngIf="isGroupShown(1)">
<div class="list_bar"> <div class="list_sub_inner">
<div class="col floatLeft"> <div class="list_bar"> <!--Repeat-->
<p>Name of medicine</p> <div class="col-10 floatLeft">
<h3>Potassium Chloride</h3> <p class="p0"><a>TreatmentAuthorizations20195714285491.pdf</a></p>
</div>
<div class="col floatLeft borderNone"> </div>
<p>Times Per Day</p> <div class="clear"></div>
<h3>2 Days</h3> </div>
</div> <div class="list_bar">
<div class="clear"></div> <div class="col-10 floatLeft">
</div> <p class="p0"><a>TreatmentAuthorizations20195713131612.pdf</a></p>
<div class="list_bar">
<div class="col floatLeft"> </div>
<p>Tme of first medication</p> <div class="clear"></div>
<h3>06/11/2019 11:00 AM</h3> </div>
</div> <div class="list_bar">
<div class="col floatLeft borderNone"> <div class="col-10 floatLeft">
<p>Quantity Available</p> <p class="p0"><a>TreatmentAuthorizations2019510121528700.txt</a></p>
<h3>20</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>TreatmentAuthorizations201951014481192.pdf</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<hr>
</div> </div>
</li> </li>
<li>
<div class="list_main" (click)="toggleGroup(2)" [ngClass]="{active:isGroupShown(2)}">
<div class="col-10 floatLeft">
<h3><strong>Medication Authorization</strong></h3>
</div>
<div class="clear"></div>
</div>
<div class="list_sub" *ngIf="isGroupShown(2)">
<div class="list_sub_inner">
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>MedicationAuthorizations201957142746208.pdf</a></p>
</div>
<div class="clear"></div>
</div>
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>MedicationAuthorizations201951192243994.pdf</a></p>
</div>
<div class="clear"></div>
</div>
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>MedicationAuthorizations201951192243994.pdf</a></p>
</div>
<div class="clear"></div>
</div>
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>MedicationAuthorizations201951110859761.pdf</a></p>
</div>
<div class="clear"></div>
</div>
<div class="list_bar">
<div class="col-10 floatLeft">
<p class="p0"><a>MedicationAuthorizations2019511111252129.pdf</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<hr>
</div>
</li>
<li>
<div class="list_main" (click)="toggleGroup(3)" [ngClass]="{active:isGroupShown(3)}">
<div class="col-10 floatLeft">
<h3><strong>Immunization</strong></h3>
</div>
<div class="clear"></div>
</div>
<div class="list_sub" *ngIf="isGroupShown(3)">
<div class="list_sub_inner">
<div class="list_bar">
<div class="col -10 floatLeft">
<p>No records</p>
</div>
<div class="clear"></div>
</div>
</div>
<hr>
</div>
</li>
</ul> </ul>
</div> </div>
</ion-content> </ion-content>
\ No newline at end of file
src/app/medicalhistory/medicalhistory.page.scss
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
background-color: #e8effa !important; background-color: #e8effa !important;
border-left:3px solid #1b4077; border-left:3px solid #1b4077;
background-image: url("../../assets/imgs/asset_drop_btn_right.png"); background-image: url("../../assets/imgs/asset_drop_btn_right.png");
background-position: right 15px top 17px; background-position: right 15px top 45%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px; background-size: 20px;
padding-right: 40px; padding-right: 40px;
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
} }
.active{ .active{
background: url("../../assets/imgs/asset_drop_btn.png"); background: url("../../assets/imgs/asset_drop_btn.png");
background-position: right 15px top 17px; background-position: right 15px top 45%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 20px; background-size: 20px;
} }
...@@ -55,6 +55,14 @@ ...@@ -55,6 +55,14 @@
background: #e8effa; background: #e8effa;
border-left:3px solid #1b4077; border-left:3px solid #1b4077;
border-top: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7;
.list_sub_inner{
border-bottom: 1px solid #fff;
}
hr{
border-top:none;
height:0px;
}
.list_bar{ .list_bar{
padding-bottom: 10px; padding-bottom: 10px;
} }
......
src/app/medicalhistory/medicalhistory.page.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import{ Location} from '@angular/common'
@Component({ @Component({
selector: 'app-medicalhistory', selector: 'app-medicalhistory',
templateUrl: './medicalhistory.page.html', templateUrl: './medicalhistory.page.html',
...@@ -7,7 +7,7 @@ import { Component, OnInit } from '@angular/core'; ...@@ -7,7 +7,7 @@ import { Component, OnInit } from '@angular/core';
}) })
export class MedicalhistoryPage implements OnInit { export class MedicalhistoryPage implements OnInit {
shownGroup= null; shownGroup= null;
constructor() { constructor(public location:Location) {
this.shownGroup = 0; this.shownGroup = 0;
} }
......
src/app/medicationtracking/medicationtracking.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Medication Tracking</h4> <h4>Medication Tracking</h4>
</div> </div>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<div class="list_bar"> <div class="list_bar">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Action</p> <p>Action</p>
<h3></h3> <h3><a>Approve</a> / <a>Reject</a></h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
</div> </div>
<div class="col floatLeft borderNone"> <div class="col floatLeft borderNone">
<p>Action</p> <p>Action</p>
<h3></h3> <h3><a>Approve</a> / <a>Reject</a></h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
......
src/app/screenings/screenings.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Screenings</h4> <h4>Screenings</h4>
</div> </div>
...@@ -42,14 +42,14 @@ ...@@ -42,14 +42,14 @@
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_bar"> <!-- <div class="list_bar">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Action</p> <p>Action</p>
<h3></h3> <h3></h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div> -->
</div> </div>
<hr> <hr>
<!-- <div class="list_sub_inner"> <!-- <div class="list_sub_inner">
...@@ -129,18 +129,7 @@ ...@@ -129,18 +129,7 @@
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="list_bar"> </div>
<div class="col floatLeft">
<p>Action</p>
<!-- <h3></h3> -->
</div>
<!-- <div class="col floatLeft borderNone">
<p>Action</p>
<h3></h3>
</div> -->
<div class="clear"></div>
</div>
</div>
<hr> <hr>
</div> </div>
</li> </li>
......
src/app/studentsprofile/studentsprofile.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Student Profile</h4> <h4>Student Health</h4>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</ion-header> </ion-header>
...@@ -25,10 +25,10 @@ ...@@ -25,10 +25,10 @@
</div> </div>
<div class="list_sub" *ngIf="isGroupShown(0)"> <div class="list_sub" *ngIf="isGroupShown(0)">
<div class="list_bar"> <div class="list_bar">
<div class="col floatLeft"> <!-- <div class="col floatLeft">
<p>Condition</p> <p>Condition</p>
<h3>{{student_data.condition}}</h3> <h3>{{student_data.condition}}</h3>
</div> </div> -->
<div class="col floatLeft borderNone"> <div class="col floatLeft borderNone">
<p>Physician</p> <p>Physician</p>
<h3>{{student_data.Physician}}</h3> <h3>{{student_data.Physician}}</h3>
......
src/app/treatmentauthorization/treatmentauthorization.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Treatment Authorizations</h4> <h4>Treatment Authorizations</h4>
</div> </div>
......
src/app/treatmenttrackings/treatmenttrackings.page.html
<ion-header> <ion-header>
<button class="nav_btn nav_back floatLeft"> <!-- <button class="nav_btn nav_back floatLeft">
<ion-back-button> <ion-back-button>
</ion-back-button> </ion-back-button>
</button> </button> -->
<div class="nav_title floatLeft"> <div class="nav_title floatLeft">
<h4>Treatment Tracking</h4> <h4>Treatment Tracking</h4>
</div> </div>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="list_bar"> <div class="list_bar">
<div class="col floatLeft"> <div class="col floatLeft">
<p>Action</p> <p>Action</p>
<!-- <h3>{{medical.time_per_day}}</h3> --> <h3><a>Approve</a> / <a>Reject</a></h3>
</div> </div>
<!-- <div class="col floatLeft borderNone"> <!-- <div class="col floatLeft borderNone">
<p>Times Per Day</p> <p>Times Per Day</p>
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
</div> </div>
<div class="col floatLeft borderNone"> <div class="col floatLeft borderNone">
<p>Action</p> <p>Action</p>
<h3></h3> <h3><a>Approve</a> / <a>Reject</a></h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment