Commit 0971fb01 by kevin

test

parent 750b192e
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
"cordova-plugin-statusbar": "^2.4.2", "cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-whitelist": "^1.3.3", "cordova-plugin-whitelist": "^1.3.3",
"core-js": "^2.5.4", "core-js": "^2.5.4",
"ionic": "^5.0.3",
"rxjs": "~6.5.1", "rxjs": "~6.5.1",
"tslib": "^1.9.0", "tslib": "^1.9.0",
"zone.js": "~0.8.29" "zone.js": "~0.8.29"
...@@ -79,4 +80,4 @@ ...@@ -79,4 +80,4 @@
"android" "android"
] ]
} }
} }
\ No newline at end of file
...@@ -26,10 +26,7 @@ const routes: Routes = [ ...@@ -26,10 +26,7 @@ const routes: Routes = [
{ {
path: 'details', path: 'details',
loadChildren: './details/details.module#DetailsPageModule' loadChildren: './details/details.module#DetailsPageModule'
}, }
{
path: 'medicalauthorization',
loadChildren: './medicalauthorization/medicalauthorization.module#MedicalauthorizationPageModule' }
]; ];
@NgModule({ @NgModule({
......
...@@ -9,15 +9,22 @@ import { StatusBar } from '@ionic-native/status-bar/ngx'; ...@@ -9,15 +9,22 @@ import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module'; import { AppRoutingModule } from './app-routing.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
import { ReactiveFormsModule,FormsModule } from '@angular/forms';
@NgModule({ @NgModule({
declarations: [AppComponent], declarations: [AppComponent],
entryComponents: [], entryComponents: [],
imports: [ imports: [
BrowserModule, BrowserModule,
IonicModule.forRoot(), IonicModule.forRoot(),
AppRoutingModule, AppRoutingModule,
BrowserAnimationsModule BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
HttpClientModule,
HttpModule
], ],
providers: [ providers: [
StatusBar, StatusBar,
......
...@@ -320,7 +320,7 @@ button{ ...@@ -320,7 +320,7 @@ button{
.nav_title{ .nav_title{
width: calc(100% - 50px); width: calc(100% - 50px);
color: #292929; color: #292929;
padding: 10px; padding: 15px;
font-weight: 400; font-weight: 400;
img{ img{
width: 135px; width: 135px;
...@@ -329,16 +329,13 @@ button{ ...@@ -329,16 +329,13 @@ button{
margin: 0px; margin: 0px;
font-weight: 400; font-weight: 400;
padding:0px; padding:0px;
font-size: 20px; font-size: 28px;
} }
} }
.button-text{
display: none;
}
.nav_btn{ .nav_btn{
width: 50px; width: 50px;
height: 40px; height: 60px;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center !important; background-position: center !important;
background-size: 20px !important; background-size: 20px !important;
......
...@@ -48,47 +48,47 @@ ...@@ -48,47 +48,47 @@
</div> </div>
<div class="detail_listing"> <div class="detail_listing">
<ul> <ul>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m1.png"> <img src="../../assets/imgs/m1.png">
<p>Students<br> Profile</p> <p>Students<br> Profile</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m2.png"> <img src="../../assets/imgs/m2.png">
<p>Health care<br> form</p> <p>Health care<br> form</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m3.png"> <img src="../../assets/imgs/m3.png">
<p>Medication <br>Authorization</p> <p>Medication <br>Authorization</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m4.png"> <img src="../../assets/imgs/m4.png">
<p>Treatment<br> Authorization</p> <p>Treatment<br> Authorization</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m5.png"> <img src="../../assets/imgs/m5.png">
<p>Medication<br>Trackings</p> <p>Medication<br>Trackings</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m6.png"> <img src="../../assets/imgs/m6.png">
<p>Treatment<br>Trackings</p> <p>Treatment<br>Trackings</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m7.png"> <img src="../../assets/imgs/m7.png">
<p>Screenings</p> <p>Screenings</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m1.png"> <img src="../../assets/imgs/m1.png">
<p>Chart Visits</p> <p>Chart Visits</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m8.png"> <img src="../../assets/imgs/m8.png">
<p>Immunizations</p> <p>Immunizations</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m9.png"> <img src="../../assets/imgs/m9.png">
<p>Medical History</p> <p>Medical History</p>
</li> </li>
<li (click)="goToPage('medicalauthorization')"> <li>
<img src="../../assets/imgs/m10.png"> <img src="../../assets/imgs/m10.png">
<p>Health History</p> <p>Health History</p>
</li> </li>
......
...@@ -20,20 +20,16 @@ import { Router,ActivatedRoute } from '@angular/router'; ...@@ -20,20 +20,16 @@ import { Router,ActivatedRoute } from '@angular/router';
] ]
}) })
export class DetailsPage implements OnInit { export class DetailsPage implements OnInit {
navCtrl: any;
isToggle = false; isToggle = false;
constructor(private router: Router,private route: ActivatedRoute) { } constructor() { }
ngOnInit() { ngOnInit() {
} }
popToggle(){ popToggle(){
this.isToggle = !this.isToggle; this.isToggle = !this.isToggle;
} }
goToPage(path,data=null){
this.router.navigateByUrl(path,{queryParams:data});
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
} }
...@@ -5,68 +5,68 @@ ...@@ -5,68 +5,68 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<div class="list_wrapper"> <div class="list_wrapper">
<ul> <ul *ngIf="student_data">
<li (click)="goToPage('details')"> <li (click)="goToPage('details','1')">
<div class="image_div"> <div class="image_div">
<img src="../../assets/imgs/asset_img1.png"> <img src="../../assets/imgs/asset_img1.png">
</div> </div>
<div class="other_details"> <div class="other_details">
<div class="col_div"> <div class="col_div">
<p>First Name</p> <p>First Name</p>
<h3><strong>Kaustav Saha</strong></h3> <h3><strong>{{student_data[0].first_name}}</strong></h3>
<p>Last Name</p> <p>Last Name</p>
<h3>Saha</h3> <h3>{{student_data[0].last_name}}</h3>
</div> </div>
<div class="col_div borderNone"> <div class="col_div borderNone">
<p>Student Number</p> <p>Student Number</p>
<h3>6984</h3> <h3>{{student_data[0].student_number}}</h3>
<p>School Name</p> <p>School Name</p>
<h3>indian Public School</h3> <h3>{{student_data[0].school_name}}</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</li> </li>
<li (click)="goToPage('details')"> <li (click)="goToPage('details','2')">
<div class="image_div"> <div class="image_div">
<img src="../../assets/imgs/asset_img2.png"> <img src="../../assets/imgs/asset_img2.png">
</div> </div>
<div class="other_details"> <div class="other_details">
<div class="col_div"> <div class="col_div">
<p>First Name</p> <p>First Name</p>
<h3><strong>Kaustav Saha</strong></h3> <h3><strong>{{student_data[1].first_name}}</strong></h3>
<p>Last Name</p> <p>Last Name</p>
<h3>Saha</h3> <h3>{{student_data[1].last_name}}</h3>
</div> </div>
<div class="col_div borderNone"> <div class="col_div borderNone">
<p>Student Number</p> <p>Student Number</p>
<h3>6984</h3> <h3>{{student_data[1].student_number}}</h3>
<p>School Name</p> <p>School Name</p>
<h3>indian Public School</h3> <h3>{{student_data[1].school_name}}</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</li> </li>
<li (click)="goToPage('details')"> <li (click)="goToPage('details','3')">
<div class="image_div"> <div class="image_div">
<img src="../../assets/imgs/asset_img3.png"> <img src="../../assets/imgs/asset_img3.png">
</div> </div>
<div class="other_details"> <div class="other_details">
<div class="col_div"> <div class="col_div">
<p>First Name</p> <p>First Name</p>
<h3><strong>Kaustav Saha</strong></h3> <h3><strong>{{student_data[2].first_name}}</strong></h3>
<p>Last Name</p> <p>Last Name</p>
<h3>Saha</h3> <h3>{{student_data[2].last_name}}</h3>
</div> </div>
<div class="col_div borderNone"> <div class="col_div borderNone">
<p>Student Number</p> <p>Student Number</p>
<h3>6984</h3> <h3>{{student_data[2].student_number}}</h3>
<p>School Name</p> <p>School Name</p>
<h3>indian Public School</h3> <h3>{{student_data[2].school_name}}</h3>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
......
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router'; import { Router,ActivatedRoute } from '@angular/router';
import {MyserviceService} from '../myservice.service'
@Component({ @Component({
selector: 'app-home', selector: 'app-home',
templateUrl: 'home.page.html', templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'], styleUrls: ['home.page.scss'],
}) })
export class HomePage { export class HomePage {
student_data:any
constructor(
private router: Router,
private route: ActivatedRoute,
public myservice:MyserviceService
) {
this.get_students_data();
}
constructor(private router: Router,private route: ActivatedRoute) {} details
goToPage(path,data=null){ goToPage(path,data){
this.router.navigateByUrl(path,{queryParams:data}); this.router.navigate(['details']);
document.body.scrollTop = document.documentElement.scrollTop = 0; document.body.scrollTop = document.documentElement.scrollTop = 0;
} }
get_students_data()
{
//this.myservice.presentLoader()
this.myservice.load_get('student_data').subscribe (resp=> {
// this.myservice.dismissLoader();
console.log(resp);
this.student_data = resp.data;
console.log(this.student_data);
});
}
} }
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms'; import { FormsModule,ReactiveFormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router'; import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular'; import { IonicModule } from '@ionic/angular';
...@@ -17,6 +17,7 @@ const routes: Routes = [ ...@@ -17,6 +17,7 @@ const routes: Routes = [
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, CommonModule,
ReactiveFormsModule,
FormsModule, FormsModule,
IonicModule, IonicModule,
RouterModule.forChild(routes) RouterModule.forChild(routes)
......
...@@ -6,16 +6,30 @@ ...@@ -6,16 +6,30 @@
<p>Sigin in to Continue</p> <p>Sigin in to Continue</p>
</div> </div>
<div class="login_form"> <div class="login_form">
<form [formGroup]="LoginForm" (ngSubmit)="OnLogin()">
<div class="row"> <div class="row">
<ion-input placeholder="[email protected]" type="email"></ion-input> <ion-input placeholder="[email protected]" type="email" formControlName="email" autocomplete="off"></ion-input>
</div> </div>
<div >
<p style="text-align: center" *ngIf="LoginForm.controls.email.hasError('required') && LoginForm.controls.email.touched">Enter Email</p>
</div>
<div class="row"> <div class="row">
<ion-input placeholder="Password" type="password"></ion-input> <ion-input placeholder="Password" type="password" formControlName="password" autocomplete="off"></ion-input>
</div>
<div>
<p style="text-align: center" *ngIf="LoginForm.controls.password.hasError('required') && LoginForm.controls.password.touched">Sorry, field password is required!</p>
<p style="text-align: center" *ngIf="LoginForm.controls.password.hasError('minlength') && LoginForm.controls.password.touched">Sorry, minimum password length is 6!</p>
</div> </div>
<br> <br>
<div class="row"> <div class="row">
<ion-button expand="block" (click)="goToPage('home')">Login</ion-button> <ion-button [disabled]="!LoginForm.valid" expand="block" (click)="login()">Login</ion-button>
</div> </div>
</form>
<div class="row"> <div class="row">
<p>Forgot Password</p> <p>Forgot Password</p>
</div> </div>
...@@ -32,37 +46,57 @@ ...@@ -32,37 +46,57 @@
<div class="signup_div" *ngIf="isShow" [@slideInOut]> <div class="signup_div" *ngIf="isShow" [@slideInOut]>
<ion-content> <ion-content>
<div class="login_wrapper"> <div class="login_wrapper">
<form [formGroup]="signupForm" (ngSubmit)="OnLogin()">
<div class="login_top_div"> <div class="login_top_div">
<h3>Welcome Back</h3> <h3>Welcome Back</h3>
<p>Sigin up to Continue</p> <p>Sigin up to Continue</p>
</div> </div>
<div class="login_form"> <div class="login_form">
<div class="row"> <div class="row">
<ion-input placeholder="Name" type="text"></ion-input> <ion-input placeholder="Name" formControlName="user_name" type="text"></ion-input>
</div> </div>
<div>
<p style="text-align: center" *ngIf="signupForm.controls.user_name.hasError('required') && signupForm.controls.user_name.touched">Enter Name</p>
</div>
<div class="row"> <div class="row">
<ion-input placeholder="Mail ID" type="text"></ion-input> <ion-input placeholder="Mail ID" formControlName="email" type="text"></ion-input>
</div> </div>
<div>
<p style="text-align: center" *ngIf="signupForm.controls.email.hasError('required') && signupForm.controls.email.touched">Enter Email</p>
</div>
<div class="row"> <div class="row">
<ion-input placeholder="Mobile Number" type="number"></ion-input> <ion-input placeholder="Mobile Number" formControlName="mobile_no" type="number"></ion-input>
</div> </div>
<div>
<p style="text-align: center" *ngIf="signupForm.controls.mobile_no.hasError('required') && signupForm.controls.mobile_no.touched">Enter Mobie Number</p>
<p style="text-align: center" *ngIf="signupForm.controls.mobile_no.hasError('minlength') && signupForm.controls.mobile_no.touched">Invalid Mobile Number</p>
</div>
<div class="row"> <div class="row">
<ion-radio-group> <ion-radio-group formControlName="gender">
<div class="radio_div textCenter"> <div class="radio_div textCenter">
<ion-radio value="Male"></ion-radio><ion-label>Male</ion-label> <ion-radio value="Male" checked="true"></ion-radio><ion-label>Male</ion-label>
<ion-radio value="Female"></ion-radio><ion-label>Female</ion-label> <ion-radio value="Female"></ion-radio><ion-label>Female</ion-label>
</div> </div>
</ion-radio-group> </ion-radio-group>
</div> </div>
<div class="row"> <div class="row">
<ion-input placeholder="Password" type="password"></ion-input> <ion-input placeholder="Password" formControlName="password" type="password"></ion-input>
</div> </div>
<div>
<p style="text-align: center" *ngIf="signupForm.controls.password.hasError('required') && signupForm.controls.password.touched">Enter Password</p>
<p style="text-align: center" *ngIf="signupForm.controls.password.hasError('minlength') && signupForm.controls.password.touched">Sorry, minimum password length is 6!</p>
</div>
<br> <br>
<div class="row"> <div class="row">
<ion-button expand="block" (click)="istoggle()">Signup</ion-button> <ion-button expand="block" [disabled]="!signupForm.valid" (click)="user_signup()">Signup</ion-button>
</div> </div>
</div> </div>
</form>
</div> </div>
</ion-content> </ion-content>
<ion-footer class="textCenter"> <ion-footer class="textCenter">
......
import {Component,OnInit, ElementRef, NgZone, ViewChild} from '@angular/core'; import {Component,OnInit, ElementRef, NgZone, ViewChild} from '@angular/core';
import { trigger, transition, animate, style } from '@angular/animations'; import { trigger, transition, animate, style } from '@angular/animations';
import { Router,ActivatedRoute } from '@angular/router'; import { Router,ActivatedRoute } from '@angular/router';
import {Validators, FormBuilder, FormGroup, FormControl } from '@angular/forms';
import {MyserviceService} from '../myservice.service'
@Component({ @Component({
...@@ -22,10 +22,32 @@ import { Router,ActivatedRoute } from '@angular/router'; ...@@ -22,10 +22,32 @@ import { Router,ActivatedRoute } from '@angular/router';
] ]
}) })
export class LoginPage implements OnInit { export class LoginPage implements OnInit {
private LoginForm : FormGroup;
private signupForm : FormGroup;
isShow = false; isShow = false;
constructor(private router: Router,private route: ActivatedRoute) { } constructor(
public myservice:MyserviceService,
private router: Router,
private route: ActivatedRoute,
private formBuilder: FormBuilder,
) {
this.LoginForm = this.formBuilder.group({
email: ['', Validators.compose([Validators.pattern("^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$"), Validators.required])],
password: ['', Validators.compose([Validators.required, Validators.minLength(6)]) ]
});
this.signupForm = this.formBuilder.group({
user_name:['',Validators.required],
email: ['', Validators.compose([Validators.pattern("^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$"), Validators.required])],
password: ['', Validators.compose([Validators.required, Validators.minLength(6)]) ] ,
mobile_no:['',Validators.compose([Validators.required, Validators.minLength(10)])],
gender :['',Validators.required],
});
}
ngOnInit() { ngOnInit() {
} }
...@@ -38,5 +60,41 @@ export class LoginPage implements OnInit { ...@@ -38,5 +60,41 @@ export class LoginPage implements OnInit {
this.router.navigateByUrl(path,{queryParams:data}); this.router.navigateByUrl(path,{queryParams:data});
document.body.scrollTop = document.documentElement.scrollTop = 0; document.body.scrollTop = document.documentElement.scrollTop = 0;
} }
login()
{
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();
console.log(resp.username);
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;
}
else {
this.myservice.presentToast('Invalid credentials');
}
});
}
user_signup()
{
console.log(this.signupForm.value);
// this.myservice.load_post(this.signupForm.value,'login').subscribe(response=>
// {
// console.log(response);
// });
}
} }
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 {}
<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>
<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>06/12/2019</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>
</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>
.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
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();
});
});
import {Component,OnInit, ElementRef, NgZone, ViewChild} from '@angular/core';
import { trigger, transition, animate, style } from '@angular/animations';
@Component({
selector: 'app-medicalauthorization',
templateUrl: './medicalauthorization.page.html',
styleUrls: ['./medicalauthorization.page.scss']
})
export class MedicalauthorizationPage implements OnInit {
shownGroup = null;
constructor() {
this.shownGroup = 0;
}
ngOnInit() {
}
isGroupShown(group) {
return this.shownGroup === group;
}
toggleGroup(group) {
if (this.isGroupShown(group)) {
this.shownGroup = null;
} else {
this.shownGroup = group;
}
}
}
import { TestBed } from '@angular/core/testing';
import { MyserviceService } from './myservice.service';
describe('MyserviceService', () => {
beforeEach(() => TestBed.configureTestingModule({}));
it('should be created', () => {
const service: MyserviceService = TestBed.get(MyserviceService);
expect(service).toBeTruthy();
});
});
import { Injectable } from '@angular/core';
import { Component } from '@angular/core';
import { Http, Headers, RequestOptions } from '@angular/http';
import { map } from 'rxjs/operators';
import { LoadingController ,ToastController } from '@ionic/angular';
import {Observable,of, from } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class MyserviceService {
webservice_url =' https://demo8587560.mockable.io/';
post_url : any;
loading:any;
currentLoading:any
constructor(
public http: Http,
public loadingController: LoadingController,
public toastController: ToastController
) { }
load_post(post_data, fn_name) {
var post_url = this.webservice_url + fn_name;
post_data = JSON.stringify(post_data);
// let headers = new Headers({
// 'Content-Type' : 'application/json'
// });
// let options = new RequestOptions({ headers: headers });
return this.http.post(post_url, post_data).pipe(map(res => res.json()));
}
load_get(fn_name) {
this.post_url = this.webservice_url + fn_name;
return this.http.get(`${this.post_url}`).pipe(map(res => res.json()));
}
async presentLoader() {
// Dismiss previously created loading
if (this.currentLoading != null) {
this.currentLoading.dismiss();
}
this.currentLoading = await this.loadingController.create({
message: 'Loading...'
});
return await this.currentLoading.present();
}
async dismissLoader() {
if (this.currentLoading != null) {
await this.loadingController.dismiss();
this.currentLoading = null;
}
return;
}
async presentToast(message) {
const toast = await this.toastController.create({
message: message,
duration: 3000
});
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