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