Skip to content

E
eduhealth
Commit af916aae by kevin
Options

Merge branch 'kevin' into 'master'

Kevin See merge request !4
parents d9a3f8c0 f011757e
Showing with 357 additions and 43 deletions
config.xml
......@@ -19,6 +19,7 @@
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<preference name="orientation" value="portrait" />
<platform name="android">
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
<application android:networkSecurityConfig="@xml/network_security_config" />
......
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
......@@ -25,6 +25,7 @@
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.1.0",
"cordova": "^9.0.0",
"cordova-android": "^7.1.4",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-ionic-keyboard": "^2.1.3",
......
src/app/app-routing.module.ts
......@@ -26,7 +26,11 @@ const routes: Routes = [
{
path: 'details/:id',
loadChildren: './details/details.module#DetailsPageModule'
},
{ path: 'medicalauthorization/:id',
loadChildren: './medicalauthorization/medicalauthorization.module#MedicalauthorizationPageModule'
}
];
@NgModule({
......
src/app/details/details.page.html
......@@ -51,47 +51,47 @@
</div>
<div class="detail_listing">
<ul>
<li>
<img src="../../assets/imgs/m1.png">
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m1.png" >
<p>Students<br> Profile</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m2.png">
<p>Health care<br> form</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m3.png">
<p>Medication <br>Authorization</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m4.png">
<p>Treatment<br> Authorization</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m5.png">
<p>Medication<br>Trackings</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m6.png">
<p>Treatment<br>Trackings</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m7.png">
<p>Screenings</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m1.png">
<p>Chart Visits</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m8.png">
<p>Immunizations</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m9.png">
<p>Medical History</p>
</li>
<li>
<li (click)="goToPage('medicalauthorization')">
<img src="../../assets/imgs/m10.png">
<p>Health History</p>
</li>
......
src/app/details/details.page.ts
......@@ -28,22 +28,32 @@ export class DetailsPage implements OnInit {
isToggle = false;
id: any;
student_details:any;
constructor(private route: ActivatedRoute ,private myservice:MyserviceService) {
constructor(private route: ActivatedRoute ,private myservice:MyserviceService,private router: Router) {
}
ngOnInit() {
this.id = this.route.snapshot.paramMap.get('id');
console.log(this.id);
this.get_StudentDetails();
}
get_StudentDetails() {
var This= this;
this.myservice.presentLoader();
console.log('Id',this.id)
this.myservice.load_get('student_details/id/'+this.id).subscribe(resp =>
{
console.log(resp);
This.myservice.dismissLoader();
this.student_details=resp;
this.myservice.dismissLoader();
})
}
goToPage(path,data=null){
this.router.navigateByUrl('/medicalauthorization/'+this.id);
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
popToggle(){
......
src/app/home/home.page.html
<ion-header>
<div class="nav_title">
<div class="nav_title floatLeft">
<h4>Students Details</h4>
</div>
<button class="nav_btn floatRight" (click)="logout()">
<ion-icon name="log-out" ></ion-icon>
</button>
<div class="clear"></div>
</ion-header>
<ion-content>
<div class="list_wrapper">
......
src/app/home/home.page.scss
.nav_title{
width: calc(100% - 50px);
padding-left: 10px;
}
ion-icon{
color: #292929;
}
.list_wrapper{
padding: 15px;
padding-top: 0px;
......
src/app/home/home.page.ts
......@@ -24,16 +24,20 @@ export class HomePage {
this.router.navigateByUrl('/details/'+data);
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
get_students_data()
{
//this.myservice.presentLoader()
get_students_data(){
var This= this
console.log('Homepage')
this.myservice.presentLoader()
this.myservice.load_get('student_data').subscribe (resp=> {
// this.myservice.dismissLoader();
This.myservice.dismissLoader();
console.log(resp);
this.student_data = resp.data;
console.log(this.student_data);
});
}
}
logout() {
console.log('Logout')
this.router.navigateByUrl('/login',{replaceUrl: true});
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
src/app/login/login.page.ts
......@@ -62,39 +62,41 @@ export class LoginPage implements OnInit {
}
login()
{
var This= this
var data = null
console.log(this.LoginForm.value);
this.myservice.presentLoader();
var obj = {'value': this.LoginForm.value }
this.myservice.load_post(obj,'login').subscribe(resp =>{
this.myservice.dismissLoader();
This.myservice.dismissLoader();
console.log(resp.username);
if(resp.username === this.LoginForm.value['email'] && resp.password === this.LoginForm.value['password'])
{
if(resp.username === this.LoginForm.value['email'] && resp.password === this.LoginForm.value['password']){
this.myservice.presentToast('Login Success');
this.router.navigateByUrl('home',{queryParams:data});
document.body.scrollTop = document.documentElement.scrollTop = 0;
this.gotoPage();
this.LoginForm.reset();
}
else {
this.myservice.presentToast('Invalid credentials');
this.LoginForm.reset();
}
});
}
user_signup()
{
if(this.signupForm.valid) {
var data =null;
this.myservice.presentToast('Your account has been created successfully');
this.router.navigateByUrl('login',{queryParams:data});
this.isShow = !this.isShow;
}
}
gotoPage() {
var data = null;
var This= this;
setTimeout( () => {
This.router.navigateByUrl('home',{queryParams:data,replaceUrl: true});
document.body.scrollTop = document.documentElement.scrollTop = 0;
}, 500);
}
}
src/app/medicalauthorization/medicalauthorization.module.ts 0 → 100644
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { MedicalauthorizationPage } from './medicalauthorization.page';
const routes: Routes = [
{
path: '',
component: MedicalauthorizationPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes)
],
declarations: [MedicalauthorizationPage]
})
export class MedicalauthorizationPageModule {}
src/app/medicalauthorization/medicalauthorization.page.html 0 → 100644
<ion-header>
<button class="nav_btn nav_back floatLeft">
<ion-back-button>
</ion-back-button>
</button>
<div class="nav_title floatLeft">
<h4>Medical Authorizations</h4>
</div>
<div class="clear"></div>
</ion-header>
<ion-content *ngIf="medicalresp">
<div class="list_wrapper">
<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>{{medicalresp.expiry_date}}</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>{{medicalresp.name_medicine}}</h3>
</div>
<div class="col floatLeft borderNone">
<p>Times Per Day</p>
<h3>{{medicalresp.time_perday}}</h3>
</div>
<div class="clear"></div>
</div>
<div class="list_bar">
<div class="col floatLeft">
<p>Tme of first medication</p>
<h3>{{medicalresp.date_first_medicine}}{{medicalresp.time_first_medicine}}</h3>
</div>
<div class="col floatLeft borderNone">
<p>Quantity Available</p>
<h3>{{medicalresp.quantity_available}}</h3>
</div>
<div class="clear"></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>
<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>
</li> -->
</ul>
</div>
</ion-content>
\ No newline at end of file
src/app/medicalauthorization/medicalauthorization.page.scss 0 → 100644
.nav_title{
width: calc(100% - 50px);
padding-left: 0px;
}
.list_wrapper{
ul{
margin:0px;
padding:10px;
li{
list-style: none;
margin-bottom: 10px;
.list_main{
padding: 10px;
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-repeat: no-repeat;
background-size: 20px;
padding-right: 40px;
p{
margin:0px;
padding:0px;
color: #0d0d0d;
font-weight: 300;
padding-bottom: 5px;
font-size: 13px;
}
h3{
margin:0px;
padding:0px;
color: #0d0d0d;
font-size: 14px;
font-weight: 400;
}
.col{
padding-right: 10px;
margin-right: 10px;
border-right:1px solid #686868;
}
}
.active{
background: url("../../assets/imgs/asset_drop_btn.png");
background-position: right 15px top 17px;
background-repeat: no-repeat;
background-size: 20px;
}
.list_sub{
padding: 10px;
background: #e8effa;
border-left:3px solid #1b4077;
border-top: 1px solid #c7c7c7;
.list_bar{
padding-bottom: 10px;
}
p{
margin:0px;
padding:0px;
color: #0d0d0d;
font-weight: 300;
padding-bottom: 5px;
font-size: 13px;
}
h3{
margin:0px;
padding:0px;
color: #0d0d0d;
font-size: 14px;
font-weight: 400;
}
.col{
padding-right: 10px;
width: calc(50% - 10px);
margin-right: 10px;
border-right:1px solid #686868;
}
}
}
}
}
\ No newline at end of file
src/app/medicalauthorization/medicalauthorization.page.spec.ts 0 → 100644
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MedicalauthorizationPage } from './medicalauthorization.page';
describe('MedicalauthorizationPage', () => {
let component: MedicalauthorizationPage;
let fixture: ComponentFixture<MedicalauthorizationPage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MedicalauthorizationPage ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(MedicalauthorizationPage);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/medicalauthorization/medicalauthorization.page.ts 0 → 100644
import {Component,OnInit, ElementRef, NgZone, ViewChild} from '@angular/core';
import { trigger, transition, animate, style } from '@angular/animations';
import {MyserviceService} from '../myservice.service';
import { Router, ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-medicalauthorization',
templateUrl: './medicalauthorization.page.html',
styleUrls: ['./medicalauthorization.page.scss']
})
export class MedicalauthorizationPage implements OnInit {
id:any;
shownGroup = null;
medicalresp:any
constructor(public myservice:MyserviceService,private router: Router,private route: ActivatedRoute) {
this.shownGroup = 0;
}
ngOnInit() {
this.id = this.route.snapshot.paramMap.get('id');
console.log(this.id);
this.get_medical_data();
}
isGroupShown(group) {
return this.shownGroup === group;
}
toggleGroup(group) {
if (this.isGroupShown(group)) {
this.shownGroup = null;
} else {
this.shownGroup = group;
}
}
get_medical_data(){
this.myservice.presentLoader();
this.myservice.load_get('get_medicalauthorization/id/'+this.id).subscribe(resp =>{
this.myservice.dismissLoader();
console.log('Response',resp);
this.medicalresp= resp;
})
}
}
src/app/myservice.service.ts
......@@ -35,8 +35,6 @@ export class MyserviceService {
}
async presentLoader() {
// Dismiss previously created loading
if (this.currentLoading != null) {
this.currentLoading.dismiss();
}
......@@ -50,17 +48,15 @@ export class MyserviceService {
}
async dismissLoader() {
if (this.currentLoading != null) {
await this.loadingController.dismiss();
this.currentLoading = null;
}
return;
console.log('Dismis loader')
// return;
}
async presentToast(message) {
const toast = await this.toastController.create({
message: message,
duration: 3000
duration: 2000
});
toast.present();
}
......
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