This commit is contained in:
Olu Amey
2020-12-07 13:11:06 -05:00
parent 4a3f2985d9
commit fffcc586e2
8 changed files with 277 additions and 4 deletions
+4
View File
@@ -51,6 +51,10 @@ const routes: Routes = [
path: 'merms-managepatient',
loadChildren: () => import('./merms-managepatient/merms-managepatient.module').then( m => m.MermsManagepatientPageModule)
},
{
path: 'merms-selectedpatient',
loadChildren: () => import('./patient/merms-selectedpatient/merms-selectedpatient.module').then( m => m.MermsSelectedpatientPageModule)
},
];
@NgModule({
@@ -10,7 +10,7 @@ import { MermsSessionService } from './../merms-session.service';
})
export class MermsMypatientsPage implements OnInit {
patientsData:any;
patientsData: any;
currentProviderData: {
sessionid: string,
member_id: number,
@@ -50,12 +50,14 @@ export class MermsMypatientsPage implements OnInit {
goBack() {
}
goSelectPatient(patientData:any){
goSelectPatient(patientData: any) {
this.router.navigateByUrl('/merms-selectedpatient');
}
goAddPatient(){
goAddPatient() {
//merms-managepatient
this.router.navigateByUrl('/merms-managepatient');
}
}
@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { MermsSelectedpatientPage } from './merms-selectedpatient.page';
const routes: Routes = [
{
path: '',
component: MermsSelectedpatientPage
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class MermsSelectedpatientPageRoutingModule {}
@@ -0,0 +1,20 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { MermsSelectedpatientPageRoutingModule } from './merms-selectedpatient-routing.module';
import { MermsSelectedpatientPage } from './merms-selectedpatient.page';
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
MermsSelectedpatientPageRoutingModule
],
declarations: [MermsSelectedpatientPage]
})
export class MermsSelectedpatientPageModule {}
@@ -0,0 +1,46 @@
<ion-content class="merms-selectedpatient-page">
<div class="container">
<ion-grid class="top-container">
<ion-row>
<ion-col size="2" class="navigation">
<ion-back-button text="" (click)="goBack()"></ion-back-button>
</ion-col>
<ion-col size="8" class="page-title">Paient Name Here</ion-col>
</ion-row>
</ion-grid>
<ion-grid style="font-size: 25px; text-align: center; height: 30px; width: 100%;">
<ion-row>
<ion-col>
<ion-icon name="calendar-outline" style="padding-right: 20px; padding-left: 20px;"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="person-add-outline" style="padding-right: 20px; padding-left: 20px;"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="person-add-outline" style="padding-right: 20px; padding-left: 20px;"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="person-add-outline" style="padding-right: 20px; padding-left: 20px;"></ion-icon>
</ion-col>
</ion-row>
<ion-row>
<ion-list style="width: 100%;">
<ion-item>
This is the selected patient
</ion-item>
</ion-list>
</ion-row>
</ion-grid>
</div>
</ion-content>
@@ -0,0 +1,143 @@
.merms-selectedpatient-page{
display: flex;
flex-direction: column;
--padding-top: 0px;
--padding-bottom: 40px;
--padding-start: 24px;
--padding-end: 24px;
.container {
padding-top: 7vh;
display: flex;
flex-direction: column;
height: 100%;
ion-grid.top-container {
flex: 0 0 0;
width: 100%;
}
.navigation {
text-align: left;
padding-left: 2px;
ion-back-button {
--color: #000;
display: inline-block;
--icon-font-size: 30px;
}
}
.page-title {
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 106.4%;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}
h1 {
margin-top: 30px;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 135%;
color: #000;
text-align: center;
}
}
.bottom-container {
margin-top: 6vh;
display: block;
//flex: 1;
//flex-direction: column;
.google-sign-up,
.apple-sign-up {
display: block;
border: 2px solid #000000;
box-sizing: border-box;
border-radius: 26.98px;
padding: 13px 0;
text-align: center;
background: none;
font-weight: bold;
font-size: 16px;
line-height: 14px;
color: #000000;
margin-bottom: 20px;
position: relative;
height: 55px !important;
width: 100%;
span {
opacity: 1;
font-size: 16px;
line-height: 24px;
margin: 0;
height: 25px;
display: inline-block;
padding: 0;
vertical-align: top;
}
img {
height: 24px;
margin-right: 13px;
}
}
span {
font-size: 12px;
line-height: 145%;
letter-spacing: -0.2px;
color: #000000;
opacity: 0.25;
text-align: center;
display: inline-block;
margin-bottom: 20px;
&.forgot-password {
margin-top: 20px;
}
}
.form {
display: flex;
flex: 1;
flex-direction: column;
ion-input {
border: 2px solid #000000;
box-sizing: border-box;
border-radius: 26.98px;
margin-bottom: 16px;
--padding-start: 20px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 145%;
letter-spacing: -0.2px;
color: #000000;
}
button {
background: #0b7493;
border-radius: 30px;
vertical-align: bottom;
display: flex;
margin: auto auto 0 auto;
width: 168px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #fff;
justify-content: center;
padding: 14px 0;
opacity: 0.5;
height: 50px;
min-height: 50px;
&.active-button {
opacity: 1;
}
}
}
}
}
@@ -0,0 +1,24 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { MermsSelectedpatientPage } from './merms-selectedpatient.page';
describe('MermsSelectedpatientPage', () => {
let component: MermsSelectedpatientPage;
let fixture: ComponentFixture<MermsSelectedpatientPage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MermsSelectedpatientPage ],
imports: [IonicModule.forRoot()]
}).compileComponents();
fixture = TestBed.createComponent(MermsSelectedpatientPage);
component = fixture.componentInstance;
fixture.detectChanges();
}));
it('should create', () => {
expect(component).toBeTruthy();
});
});
@@ -0,0 +1,17 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-merms-selectedpatient',
templateUrl: './merms-selectedpatient.page.html',
styleUrls: ['./merms-selectedpatient.page.scss'],
})
export class MermsSelectedpatientPage implements OnInit {
constructor() { }
ngOnInit() {
}
goBack(){
}
}