wip

-Need to figure out what to do with
BaseRequestOptions
Headers
Jsonp
JsonpModule
MockBackend,
MockConnection
RequestOptions
RequestOptionsArgs
Response
ResponseOptions
XHRBackend
URLSearchParams

Author: dancancro

package.json

@@ -8,20 +8,20 @@
     "node_modules"
   ],
   "dependencies": {
-    "@angular/animations": "4.4.3",
-    "@angular/common": "4.4.3",
-    "@angular/compiler": "4.4.3",
-    "@angular/core": "4.4.3",
-    "@angular/flex-layout": "2.0.0-rc.1",
-    "@angular/forms": "4.4.3",
-    "@angular/http": "4.4.3",
-    "@angular/material": "2.0.0-beta.7",
-    "@angular/platform-browser": "4.4.3",
-    "@angular/platform-browser-dynamic": "4.4.3",
-    "@angular/router": "4.4.6",
+    "@angular/animations": "5.0.1",
+    "@angular/cdk": "5.0.0-rc0",
+    "@angular/common": "5.0.1",
+    "@angular/compiler": "5.0.1",
+    "@angular/core": "5.0.1",
+    "@angular/flex-layout": "2.0.0-beta.10-4905443",
+    "@angular/forms": "5.0.1",
+    "@angular/material": "5.0.0-rc0",
+    "@angular/platform-browser": "5.0.1",
+    "@angular/platform-browser-dynamic": "5.0.1",
+    "@angular/router": "5.0.1",
     "@angularclass/form-validators": "^1.0.12",
     "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
-    "@ngrx/db": "2.0.2",
+    "@ngrx/db": "2.1.0",
     "@ngrx/effects": "4.0.5",
     "@ngrx/router-store": "4.0.4",
     "@ngrx/store": "4.0.3",
@@ -37,8 +37,8 @@
     "angular2-infinite-scroll": "0.3.43",
     "angular2-moment": "1.7.0",
     "angular2-notifications": "0.7.7",
-    "angularfire2": "2.0.0-beta.8",
-    "angularfire2-offline": "2.0.7",
+    "angularfire2": "4.0.0-rc0",
+    "angularfire2-offline": "4.3.1",
     "animate.css": "3.5.2",
     "bootstrap": "4.0.0-beta",
     "chart.js": "1.1.1",
@@ -54,19 +54,20 @@
     "jquery-slimscroll": "1.3.8",
     "leaflet-map": "0.2.1",
     "moment": "2.18.1",
-    "ng-jhipster": "0.2.12",
+    "ng-jhipster": "0.3.0",
     "ng2-handsontable": "1.0.3",
     "ng2-slim-loading-bar": "4.0.0",
-    "ng2-webstorage": "1.8.0",
+    "ng2-webstorage": "2.0.0",
     "ngrx-store-freeze": "0.2.0",
     "ngrx-store-localstorage": "0.2.2",
-    "ngx-cookie": "1.0.0",
+    "ngx-cookie": "2.0.0",
     "ngx-infinite-scroll": "0.5.1",
     "ngx-pipes": "1.6.5",
     "ngx-uploader": "3.3.11",
     "normalize.css": "7.0.0",
     "reflect-metadata": "0.1.10",
     "roboto-fontface": "0.8.0",
+    "rxjs": "5.5.2",
     "simple-peer": "8.1.1",
     "sortablejs": "1.6.1",
     "swagger-ui": "3.2.2",

src/main/webapp/app/account/activate/activate.service.ts

@@ -1,11 +1,11 @@
 import { Injectable } from '@angular/core';
-import { Http, Response, URLSearchParams } from '@angular/http';
+import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
 
 @Injectable()
 export class ActivateService {
 
-    constructor(private http: Http) {}
+    constructor(private http: HttpClient) { }
 
     get(key: string): Observable<any> {
         const params: URLSearchParams = new URLSearchParams();

src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed, inject } from '@angular/core/testing';
-import { Renderer, ElementRef } from '@angular/core';
+import { Renderer2, ElementRef } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { LoginModalService } from '../../../shared';
 import { GreatBigExampleApplicationTestModule } from '../../../../mocks/test.module';
@@ -29,7 +29,7 @@ describe('Component Tests', () => {
                         useValue: new MockActivatedRoute({ 'key': 'XYZPDQ' })
                     },
                     {
-                        provide: Renderer,
+                        provide: Renderer2,
                         useValue: {
                             invokeElementMethod(renderElement: any, methodName: string, args?: any[]) { }
                         }

src/main/webapp/app/account/password-reset/finish/password-reset-finish.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, AfterViewInit, Renderer, ElementRef } from '@angular/core';
+import { Component, OnInit, AfterViewInit, Renderer2, ElementRef } from '@angular/core';
 import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { ActivatedRoute } from '@angular/router';
 
@@ -23,7 +23,7 @@ export class PasswordResetFinishComponent implements OnInit, AfterViewInit {
         private passwordResetFinishService: PasswordResetFinishService,
         private loginModalService: LoginModalService,
         private route: ActivatedRoute,
-        private elementRef: ElementRef, private renderer: Renderer
+        private elementRef: ElementRef, private renderer: Renderer2
     ) {
     }
 
@@ -37,7 +37,7 @@ export class PasswordResetFinishComponent implements OnInit, AfterViewInit {
 
     ngAfterViewInit() {
         if (this.elementRef.nativeElement.querySelector('#password') != null) {
-          this.renderer.invokeElementMethod(this.elementRef.nativeElement.querySelector('#password'), 'focus', []);
+            this.renderer.invokeElementMethod(this.elementRef.nativeElement.querySelector('#password'), 'focus', []);
         }
     }
 
@@ -47,7 +47,7 @@ export class PasswordResetFinishComponent implements OnInit, AfterViewInit {
         if (this.resetAccount.password !== this.confirmPassword) {
             this.doNotMatch = 'ERROR';
         } else {
-            this.passwordResetFinishService.save({key: this.key, newPassword: this.resetAccount.password}).subscribe(() => {
+            this.passwordResetFinishService.save({ key: this.key, newPassword: this.resetAccount.password }).subscribe(() => {
                 this.success = 'OK';
             }, () => {
                 this.success = null;

src/main/webapp/app/account/password-reset/finish/password-reset-finish.service.ts

@@ -1,13 +1,13 @@
 import { Injectable } from '@angular/core';
-import { Http } from '@angular/http';
+import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
 
 @Injectable()
 export class PasswordResetFinishService {
 
-    constructor(private http: Http) {}
+  constructor(private http: HttpClient) { }
 
-    save(keyAndPassword: any): Observable<any> {
-        return this.http.post('api/account/reset_password/finish', keyAndPassword);
-    }
+  save(keyAndPassword: any): Observable<any> {
+    return this.http.post('api/account/reset_password/finish', keyAndPassword);
+  }
 }

src/main/webapp/app/account/password-reset/init/password-reset-init.component.spec.ts

@@ -1,13 +1,13 @@
 import { ComponentFixture, TestBed, inject } from '@angular/core/testing';
-import { Renderer, ElementRef } from '@angular/core';
+import { Renderer2, ElementRef } from '@angular/core';
 import { Observable } from 'rxjs/Observable';
 import { GreatBigExampleApplicationTestModule } from '../../../../mocks/test.module';
 import { PasswordResetInitComponent } from './password-reset-init.component';
 import { PasswordResetInitService } from './password-reset-init.service';
 
 describe('Component Tests', () => {
 
-    describe('PasswordResetInitComponent', function() {
+    describe('PasswordResetInitComponent', function () {
         let fixture: ComponentFixture<PasswordResetInitComponent>;
         let comp: PasswordResetInitComponent;
 
@@ -18,7 +18,7 @@ describe('Component Tests', () => {
                 providers: [
                     PasswordResetInitService,
                     {
-                        provide: Renderer,
+                        provide: Renderer2,
                         useValue: {
                             invokeElementMethod(renderElement: any, methodName: string, args?: any[]) { }
                         }

src/main/webapp/app/account/password-reset/init/password-reset-init.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, AfterViewInit, Renderer, ElementRef } from '@angular/core';
+import { Component, OnInit, AfterViewInit, Renderer2, ElementRef } from '@angular/core';
 
 import { PasswordResetInitService } from './password-reset-init.service';
 
@@ -15,7 +15,7 @@ export class PasswordResetInitComponent implements OnInit, AfterViewInit {
     constructor(
         private passwordResetInitService: PasswordResetInitService,
         private elementRef: ElementRef,
-        private renderer: Renderer
+        private renderer: Renderer2
     ) {
     }
 

src/main/webapp/app/account/password-reset/init/password-reset-init.service.ts

@@ -1,13 +1,13 @@
 import { Injectable } from '@angular/core';
-import { Http } from '@angular/http';
+import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
 
 @Injectable()
 export class PasswordResetInitService {
 
-    constructor(private http: Http) {}
+  constructor(private http: HttpClient) { }
 
-    save(mail: string): Observable<any> {
-        return this.http.post('api/account/reset_password/init', mail);
-    }
+  save(mail: string): Observable<any> {
+    return this.http.post('api/account/reset_password/init', mail);
+  }
 }

src/main/webapp/app/account/password/password-strength-bar.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, Renderer } from '@angular/core';
+import { Component, ElementRef, Input, Renderer2 } from '@angular/core';
 
 @Component({
     selector: 'jhi-password-strength-bar',
@@ -21,7 +21,7 @@ export class PasswordStrengthBarComponent {
 
     colors = ['#F00', '#F90', '#FF0', '#9F0', '#0F0'];
 
-    constructor(private renderer: Renderer, private elementRef: ElementRef) { }
+    constructor(private renderer: Renderer2, private elementRef: ElementRef) { }
 
     measureStrength(p: string): number {
 
@@ -33,7 +33,7 @@ export class PasswordStrengthBarComponent {
         const symbols = regex.test(p);
 
         const flags = [lowerLetters, upperLetters, numbers, symbols];
-        const passedMatches = flags.filter( (isMatchedFlag: boolean) => {
+        const passedMatches = flags.filter((isMatchedFlag: boolean) => {
             return isMatchedFlag === true;
         }).length;
 
@@ -64,23 +64,23 @@ export class PasswordStrengthBarComponent {
         } else {
             idx = 4;
         }
-        return {idx: idx + 1, col: this.colors[idx]};
+        return { idx: idx + 1, col: this.colors[idx] };
     };
 
     @Input()
     set passwordToCheck(password: string) {
         if (password) {
             const c = this.getColor(this.measureStrength(password));
             const element = this.elementRef.nativeElement;
-            if ( element.className ) {
-                this.renderer.setElementClass(element, element.className , false);
+            if (element.className) {
+                this.renderer.addClass(element, element.className);
             }
             const lis = element.getElementsByTagName('li');
             for (let i = 0; i < lis.length; i++) {
                 if (i < c.idx) {
-                    this.renderer.setElementStyle(lis[i], 'backgroundColor', c.col);
+                    this.renderer.setStyle(lis[i], 'backgroundColor', c.col);
                 } else {
-                    this.renderer.setElementStyle(lis[i], 'backgroundColor', '#DDD');
+                    this.renderer.setStyle(lis[i], 'backgroundColor', '#DDD');
                 }
             }
         }

src/main/webapp/app/account/password/password.service.ts

@@ -1,11 +1,11 @@
 import { Injectable } from '@angular/core';
-import { Http } from '@angular/http';
+import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs/Observable';
 
 @Injectable()
 export class PasswordService {
 
-    constructor(private http: Http) {}
+    constructor(private http: HttpClient) { }
 
     save(newPassword: string): Observable<any> {
         return this.http.post('api/account/change_password', newPassword);