adding records export functionality.

src/app/app-routing.module.ts

@@ -3,11 +3,17 @@ import { CommonModule } from "@angular/common";
 import { BrowserModule } from "@angular/platform-browser";
 import { Routes, RouterModule } from "@angular/router";
 import {MedicalSourcesEditorComponent} from './pages/medical-sources-editor/medical-sources-editor.component';
+import {MedicalRecordsExportComponent} from './pages/medical-records-export/medical-records-export.component';
+import {
+  MedicalRecordsExportCallbackComponent
+} from './pages/medical-records-export-callback/medical-records-export-callback.component';
 
 const routes: Routes = [
 
   { path: '', redirectTo: '/catalog/editor', pathMatch: 'full' },
   { path: 'catalog/editor', component: MedicalSourcesEditorComponent },
+  { path: 'records/export', component: MedicalRecordsExportComponent },
+  { path: 'records/export/callback', component: MedicalRecordsExportCallbackComponent },
 
   { path: '**', redirectTo: 'catalog/editor' },
 ];

src/app/app.module.ts

@@ -1,5 +1,5 @@
 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -21,6 +21,8 @@ import { MedicalSourcesEditorComponent } from './pages/medical-sources-editor/me
 import {ImageFallbackDirective} from './directives/image-fallback.directive';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import {LoadingSpinnerComponent} from './components/loading-spinner/loading-spinner.component';
+import { MedicalRecordsExportComponent } from './pages/medical-records-export/medical-records-export.component';
+import { MedicalRecordsExportCallbackComponent } from './pages/medical-records-export-callback/medical-records-export-callback.component';
 
 // register Handsontable's modules
 registerAllModules();
@@ -33,6 +35,8 @@ registerAllModules();
     LoadingSpinnerComponent,
     MedicalSourcesEditorComponent,
     ImageFallbackDirective,
+    MedicalRecordsExportComponent,
+    MedicalRecordsExportCallbackComponent,
   ],
   imports: [
     FormsModule,
@@ -62,7 +66,10 @@ registerAllModules();
       }
     }
   ],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
+  schemas: [
+    CUSTOM_ELEMENTS_SCHEMA
+  ],
 })
 export class AppModule {
   constructor(library: FaIconLibrary) {

src/app/pages/medical-records-export-callback/medical-records-export-callback.component.html

@@ -0,0 +1 @@
+<p>medical-records-export-callback works!</p>

src/app/pages/medical-records-export-callback/medical-records-export-callback.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MedicalRecordsExportCallbackComponent } from './medical-records-export-callback.component';
+
+describe('MedicalRecordsExportCallbackComponent', () => {
+  let component: MedicalRecordsExportCallbackComponent;
+  let fixture: ComponentFixture<MedicalRecordsExportCallbackComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MedicalRecordsExportCallbackComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MedicalRecordsExportCallbackComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/medical-records-export-callback/medical-records-export-callback.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-medical-records-export-callback',
+  templateUrl: './medical-records-export-callback.component.html',
+  styleUrls: ['./medical-records-export-callback.component.scss']
+})
+export class MedicalRecordsExportCallbackComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/pages/medical-records-export/medical-records-export.component.html

@@ -0,0 +1,3 @@
+
+<fasten-stitch public-id="public_live_luezin9lp65gprse02h0jox7dmkhi5406kujj4fjsar1b" external-id="user-opaque-id-12812904h31"></fasten-stitch>
+

src/app/pages/medical-records-export/medical-records-export.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MedicalRecordsExportComponent } from './medical-records-export.component';
+
+describe('MedicalRecordsExportComponent', () => {
+  let component: MedicalRecordsExportComponent;
+  let fixture: ComponentFixture<MedicalRecordsExportComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MedicalRecordsExportComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MedicalRecordsExportComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/medical-records-export/medical-records-export.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-medical-records-export',
+  templateUrl: './medical-records-export.component.html',
+  styleUrls: ['./medical-records-export.component.scss']
+})
+export class MedicalRecordsExportComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/pages/medical-sources-editor/medical-sources-editor.component.html

@@ -56,6 +56,9 @@
 
           </hot-table>
         </div>
+
+
+
       </ng-container>
     </div><!-- az-content-body -->
   </div><!-- container -->

src/index.html

@@ -12,6 +12,7 @@
   <!--     Fonts and icons     -->
   <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet"/>
   <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"/>
+  <link rel="stylesheet" href="https://cdn.fastenhealth.com/connect/v1/fasten-stitch.css">
 
   <script>
     var baseHref = "/"
@@ -28,8 +29,10 @@
     }
 
     document.write(`<base href="${baseHref}"/>`);  </script>
+  <script src="https://cdn.fastenhealth.com/connect/v1/fasten-stitch.js" type="module"></script>
 </head>
 <body>
+
   <app-root></app-root>
 </body>
 </html>