From fffcc586e27ae9d8e920df82b42a4e266fe559d0 Mon Sep 17 00:00:00 2001
From: Olu Amey <ameye@chiefsoft.com>
Date: Mon, 7 Dec 2020 13:11:06 -0500
Subject: [PATCH] fix

---
 src/app/app-routing.module.ts                 |   4 +
 .../merms-mypatients/merms-mypatients.page.ts |  10 +-
 .../merms-selectedpatient-routing.module.ts   |  17 +++
 .../merms-selectedpatient.module.ts           |  20 +++
 .../merms-selectedpatient.page.html           |  46 ++++++
 .../merms-selectedpatient.page.scss           | 143 ++++++++++++++++++
 .../merms-selectedpatient.page.spec.ts        |  24 +++
 .../merms-selectedpatient.page.ts             |  17 +++
 8 files changed, 277 insertions(+), 4 deletions(-)
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient-routing.module.ts
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient.module.ts
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient.page.html
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient.page.scss
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient.page.spec.ts
 create mode 100644 src/app/patient/merms-selectedpatient/merms-selectedpatient.page.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 5ac80a3..14b65ba 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -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({
diff --git a/src/app/merms-mypatients/merms-mypatients.page.ts b/src/app/merms-mypatients/merms-mypatients.page.ts
index 2f787f8..b11b5a6 100644
--- a/src/app/merms-mypatients/merms-mypatients.page.ts
+++ b/src/app/merms-mypatients/merms-mypatients.page.ts
@@ -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');
   }
+
+
 }
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient-routing.module.ts b/src/app/patient/merms-selectedpatient/merms-selectedpatient-routing.module.ts
new file mode 100644
index 0000000..60acb9a
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient-routing.module.ts
@@ -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 {}
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient.module.ts b/src/app/patient/merms-selectedpatient/merms-selectedpatient.module.ts
new file mode 100644
index 0000000..8d82a56
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient.module.ts
@@ -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 {}
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.html b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.html
new file mode 100644
index 0000000..cb652c1
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.html
@@ -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>
\ No newline at end of file
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.scss b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.scss
new file mode 100644
index 0000000..161ae5c
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.scss
@@ -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;
+          }
+        }
+      }
+    }
+
+
+}
\ No newline at end of file
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.spec.ts b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.spec.ts
new file mode 100644
index 0000000..2522c53
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.spec.ts
@@ -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();
+  });
+});
diff --git a/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.ts b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.ts
new file mode 100644
index 0000000..1d16dd4
--- /dev/null
+++ b/src/app/patient/merms-selectedpatient/merms-selectedpatient.page.ts
@@ -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(){
+    
+  }
+}