Popup

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "medical-service-poc"
+  }
+}

angular.json

@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/argon-design-system-angular",
+            "outputPath": "dist/poc",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
@@ -22,14 +22,8 @@
               "rxjs/add/operator/filter",
               "ng2-nouislider"
             ],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css",
-              "src/assets/scss/argon.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css", "src/assets/scss/argon.scss"],
             "scripts": []
           },
           "configurations": {
@@ -43,7 +37,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -95,26 +88,16 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.css"
-            ],
+            "styles": ["src/styles.css"],
             "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
+            "assets": ["src/favicon.ico", "src/assets"]
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
@@ -139,9 +122,7 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist/poc",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "argon-design-system-angular",
+  "name": "poc",
   "version": "1.3.0",
   "scripts": {
     "ng": "ng",
@@ -25,8 +25,15 @@
     "@angular/router": "^13.3.1",
     "@ng-bootstrap/ng-bootstrap": "12.0.1",
     "@popperjs/core": "^2.11.4",
+    "bootstrap": "4.5.2",
+    "bootstrap-material-design": "4.1.3",
+    "bootstrap-notify": "3.1.3",
+    "bootstrap-rtl": "3.3.4",
+    "bootstrap-select": "1.13.18",
+    "bootstrap-tagsinput": "0.7.1",
     "jw-bootstrap-switch-ng2": "2.0.5",
     "moment": "^2.29.1",
+    "@angular/material": "13.3.0",
     "ng2-nouislider": "1.8.3",
     "nouislider": "14.6.3",
     "rxjs": "^7.5.5",

src/app/app.component.html

@@ -1,3 +1,3 @@
-<app-navbar></app-navbar>
-<router-outlet></router-outlet>
-<app-footer></app-footer>
+<app-navbar></app-navbar>
+<router-outlet></router-outlet>
+<!-- <app-footer></app-footer> -->

src/app/app.component.spec.ts

@@ -1,32 +1,32 @@
-import { TestBed, async } from '@angular/core/testing';
-
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  }));
-
-  it(`should have as title 'app'`, async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app');
-  }));
-
-  it('should render title in a h1 tag', async(() => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!!');
-  }));
-});
+import { TestBed, async } from '@angular/core/testing';
+
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+
+  it('should create the app', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+  it(`should have as title 'app'`, async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app');
+  }));
+
+  it('should render title in a h1 tag', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!!');
+  }));
+});

src/app/app.component.ts

@@ -1,75 +1,75 @@
-import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core';
-import { Router, NavigationEnd } from '@angular/router';
-import { DOCUMENT } from '@angular/common';
-import { LocationStrategy, PlatformLocation, Location } from '@angular/common';
-import { filter, Subscription } from 'rxjs';
-
-var didScroll;
-var lastScrollTop = 0;
-var delta = 5;
-var navbarHeight = 0;
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-    styleUrls: ['./app.component.scss']
-})
-export class AppComponent implements OnInit {
-    private _router: Subscription;
-
-    constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {}
-    @HostListener('window:scroll', ['$event'])
-    hasScrolled() {
-
-        var st = window.pageYOffset;
-        // Make sure they scroll more than delta
-        if(Math.abs(lastScrollTop - st) <= delta)
-            return;
-
-        var navbar = document.getElementsByTagName('nav')[0];
-
-        // If they scrolled down and are past the navbar, add class .headroom--unpinned.
-        // This is necessary so you never see what is "behind" the navbar.
-        if (st > lastScrollTop && st > navbarHeight){
-            // Scroll Down
-            if (navbar.classList.contains('headroom--pinned')) {
-                navbar.classList.remove('headroom--pinned');
-                navbar.classList.add('headroom--unpinned');
-            }
-            // $('.navbar.headroom--pinned').removeClass('headroom--pinned').addClass('headroom--unpinned');
-        } else {
-            // Scroll Up
-            //  $(window).height()
-            if(st + window.innerHeight < document.body.scrollHeight) {
-                // $('.navbar.headroom--unpinned').removeClass('headroom--unpinned').addClass('headroom--pinned');
-                if (navbar.classList.contains('headroom--unpinned')) {
-                    navbar.classList.remove('headroom--unpinned');
-                    navbar.classList.add('headroom--pinned');
-                }
-            }
-        }
-
-        lastScrollTop = st;
-    };
-    ngOnInit() {
-      var navbar : HTMLElement = this.element.nativeElement.children[0].children[0];
-      this._router = this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
-          if (window.outerWidth > 991) {
-              window.document.children[0].scrollTop = 0;
-          }else{
-              window.document.activeElement.scrollTop = 0;
-          }
-          this.renderer.listen('window', 'scroll', (event) => {
-              const number = window.scrollY;
-              if (number > 150 || window.pageYOffset > 150) {
-                  // add logic
-                  navbar.classList.add('headroom--not-top');
-              } else {
-                  // remove logic
-                  navbar.classList.remove('headroom--not-top');
-              }
-          });
-      });
-      this.hasScrolled();
-    }
-}
+import { Component, OnInit, Inject, Renderer2, ElementRef, ViewChild, HostListener } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { DOCUMENT } from '@angular/common';
+import { LocationStrategy, PlatformLocation, Location } from '@angular/common';
+import { filter, Subscription } from 'rxjs';
+
+var didScroll;
+var lastScrollTop = 0;
+var delta = 5;
+var navbarHeight = 0;
+
+@Component({
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss']
+})
+export class AppComponent implements OnInit {
+    private _router: Subscription;
+
+    constructor( private renderer : Renderer2, private router: Router, @Inject(DOCUMENT,) private document: any, private element : ElementRef, public location: Location) {}
+    @HostListener('window:scroll', ['$event'])
+    hasScrolled() {
+
+        var st = window.pageYOffset;
+        // Make sure they scroll more than delta
+        if(Math.abs(lastScrollTop - st) <= delta)
+            return;
+
+        var navbar = document.getElementsByTagName('nav')[0];
+
+        // If they scrolled down and are past the navbar, add class .headroom--unpinned.
+        // This is necessary so you never see what is "behind" the navbar.
+        if (st > lastScrollTop && st > navbarHeight){
+            // Scroll Down
+            if (navbar.classList.contains('headroom--pinned')) {
+                navbar.classList.remove('headroom--pinned');
+                navbar.classList.add('headroom--unpinned');
+            }
+            // $('.navbar.headroom--pinned').removeClass('headroom--pinned').addClass('headroom--unpinned');
+        } else {
+            // Scroll Up
+            //  $(window).height()
+            if(st + window.innerHeight < document.body.scrollHeight) {
+                // $('.navbar.headroom--unpinned').removeClass('headroom--unpinned').addClass('headroom--pinned');
+                if (navbar.classList.contains('headroom--unpinned')) {
+                    navbar.classList.remove('headroom--unpinned');
+                    navbar.classList.add('headroom--pinned');
+                }
+            }
+        }
+
+        lastScrollTop = st;
+    };
+    ngOnInit() {
+      var navbar : HTMLElement = this.element.nativeElement.children[0].children[0];
+      this._router = this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
+          if (window.outerWidth > 991) {
+              window.document.children[0].scrollTop = 0;
+          }else{
+              window.document.activeElement.scrollTop = 0;
+          }
+          this.renderer.listen('window', 'scroll', (event) => {
+              const number = window.scrollY;
+              if (number > 150 || window.pageYOffset > 150) {
+                  // add logic
+                  navbar.classList.add('headroom--not-top');
+              } else {
+                  // remove logic
+                  navbar.classList.remove('headroom--not-top');
+              }
+          });
+      });
+      this.hasScrolled();
+    }
+}