fabrikantencore 2.0.6 → 2.0.7

package/src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component.scss

@@ -0,0 +1,79 @@
+.row {
+  display: flex;
+  line-height: 37px;
+}
+
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.multiplevariants {
+  padding: 20px;
+}
+
+.loader {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+}
+
+.webgl-settings {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: flex;
+}
+
+.icon {
+  margin-right: 3px;
+}
+
+.viewer-container {
+  overflow: auto;
+  height: 100%;
+}
+
+.row-icon {
+  align-items: center;
+  display: flex;
+}
+
+.row-title {
+  flex: auto;
+}
+
+.viewer-canvas {
+  background-color: #fff;
+  cursor: grab;
+}
+
+.main-window {
+  height: 100%;
+}
+
+.toolbar {
+  display: flex;
+  padding: 3px;
+}
+
+button {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.toolbar-button {
+  margin-top: 3px;
+}
+
+.button {
+  margin: 5px;
+  width: 100%;
+}

package/src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component.ts

@@ -0,0 +1,103 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, Component, DoCheck, ElementRef, HostListener, OnInit, ViewChild } from '@angular/core';
+import { FabrikantenService } from '../../services/fabrikanten.service';
+import { MobileService } from '../../services/mobile.service';
+import { TranslateService } from '../../services/translate.service';
+import { WebGLService } from '../../services/webgl.service';
+import { FabrikantenApiClient, FabrikantenFileRequestModel, FabrikantenFileViewModel } from '../../swagger/SwaggerClient';
+
+declare var ModuleViewer3DLight: any;
+
+@Component({
+  selector: 'app-fab-webgl-viewer',
+  templateUrl: './fab-webgl-viewer.component.html',
+  styleUrls: ['./fab-webgl-viewer.component.scss']
+})
+export class FabWebglViewerComponent implements OnInit, AfterViewInit, DoCheck {
+
+  public Height: string = "calc(100% - 0px)";
+
+  @ViewChild('viewercontainer') viewercontainer: ElementRef;
+
+  constructor(
+    public FabrikantenService: FabrikantenService,
+    public WebGLService: WebGLService,
+    public TranslateService: TranslateService,
+    public MobileService: MobileService,
+    private ChangeDetectorRef: ChangeDetectorRef
+  ) {
+    this.WebGLService.FabWebglViewerComponent = this;
+
+    this.RefreshViewerSize();
+  }
+
+  ngOnInit(): void {
+    this.RefreshViewerSize();
+  }
+
+  ngAfterViewInit(): void {
+    this.RefreshViewerSize();
+    this.RefreshViewer();
+    this.ChangeDetectorRef.detectChanges();
+  }
+
+  ngDoCheck(): void {
+    this.RefreshViewerSize();
+  }
+
+  public OpenBCBLink(): void {
+    this.FabrikantenService.OpenBCBLink(this.WebGLService.Fabrikanten3DViewModel.wuid + "");
+  }
+
+  public ShowWebGL(): boolean {
+    if (!this.FabrikantenService.ShowVariants()) {
+      if (this.WebGLService.Fabrikanten3DViewModel != undefined) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  public RefreshViewer(): void {
+    if (!this.WebGLService.Loading && this.WebGLService.Fabrikanten3DViewModel != null) {
+      var viewer = ModuleViewer3DLight.get("viewerCanvas");
+
+      if (viewer != null) {
+
+        var belichting = viewer.belichting;
+        belichting.toonSlagschaduw = true;
+        belichting.slagschaduwVerzadiging = 0.5;
+        belichting.lichtbronSterkte = 0.8;
+        belichting.lichtSchittering = 0.333;
+        belichting.isCameraLicht = false;
+        belichting.omgevinglichtSterkte = 0.4;
+        belichting.lichtval = [-1.0, 0.5, -1.2];
+        viewer.orthografischeProjectie = false;
+        viewer.kijkrichting = [0.50023241910093, 0.7443600526604934, -0.4423749980318723];
+
+        viewer.clear();
+        viewer.add(this.WebGLService.Fabrikanten3DViewModel.webGLJSON, function () {
+          viewer.zetZoomGeheel();
+          viewer.toonModel();
+        });
+      }
+    }
+  }
+
+  private RefreshViewerSize(): void {
+    if (this.viewercontainer != undefined) {
+
+      var width = this.viewercontainer.nativeElement.offsetWidth - 6;
+      var height = this.viewercontainer.nativeElement.offsetHeight - 6;
+
+      if (this.WebGLService.ViewerWidth != width || this.WebGLService.ViewerHeight != height) {
+
+        this.WebGLService.ViewerWidth = width;
+        this.WebGLService.ViewerHeight = height;
+        this.ChangeDetectorRef.detectChanges();
+
+        this.RefreshViewer();
+      }
+    }
+  }
+}

package/src/app/modules/fabrikantencore/fabrikantencore.module.spec.ts

@@ -0,0 +1,13 @@
+import { FabrikantenCoreModule } from './fabrikantencore.module';
+
+describe('FabrikantenCoreModule', () => {
+  let mFabrikantenCoreModule: FabrikantenCoreModule;
+
+  beforeEach(() => {
+    mFabrikantenCoreModule = new FabrikantenCoreModule();
+  });
+
+  it('should create an instance', () => {
+    expect(mFabrikantenCoreModule).toBeTruthy();
+  });
+});

package/src/app/modules/fabrikantencore/fabrikantencore.module.ts

@@ -0,0 +1,260 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule, Routes } from '@angular/router';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { FormsModule } from '@angular/forms';
+
+import {
+  FiltersApiClient,
+  ProjectSettingApiClient,
+  SecurityApiClient,
+  SearchProductsApiClient,
+  ProductsApiClient,
+  ImportApiClient,
+  FabrikantenApiClient,
+  EBOKoppelApiClient,
+  CategoriesApiClient,
+  TranslateApiClient
+} from './swagger/SwaggerClient';
+
+// Auth components
+import { BasicAuthInterceptor } from './helpers/basic-auth.interceptor';
+import { ErrorInterceptor } from './helpers/error.interceptor';
+import { AuthGuard } from './helpers/auth.guard';
+
+// Beheer
+import { BeheerMainComponent } from './beheer/components/beheer-main/beheer-main.component';
+import { BeheerInlogComponent } from './beheer/components/beheer-inlog/beheer-inlog.component';
+
+// Main
+import { FabFiltersComponent } from './components/fab-filters/fab-filters.component';
+
+// Services
+import { AuthenticationService } from './services/authentication.service';
+import { ProjectSettingService } from './services/projectsetting.service';
+import { ProductsService } from './services/products.service';
+import { ImportSetsService } from './services/importsets.service';
+import { FabrikantenService } from './services/fabrikanten.service';
+import { PhotoService } from './services/photo.service';
+import { BestekService } from './services/bestek.service';
+import { MobileService } from './services/mobile.service';
+
+// Material
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatListModule } from '@angular/material/list';
+import { MatSelectModule } from '@angular/material/select';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule } from '@angular/material/table';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatTreeModule } from '@angular/material/tree';
+import { MatIconModule } from '@angular/material/icon';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+
+//
+import { BeheerNavComponent } from './beheer/components/beheer-nav/beheer-nav.component';
+import { BeheerUsersComponent } from './beheer/components/beheer-users/beheer-users.component';
+import { BeheerProductsComponent } from './beheer/components/beheer-products/beheer-products.component';
+import { BeheerFiltersComponent } from './beheer/components/beheer-filters/beheer-filters.component';
+import { BeheerSettingsComponent } from './beheer/components/beheer-settings/beheer-settings.component';
+import { FabLoaderComponent } from './components/fab-loader/fab-loader.component';
+import { BeheerSearchProductsComponent } from './beheer/components/beheer-searchproducts/beheer-searchproducts.component';
+import { BeheerSearchproductsKoppelDialogComponent } from './beheer/components/beheer-searchproducts/beheer-searchproducts-koppel-dialog/beheer-searchproducts-koppel-dialog.component';
+import { BeheerProductsProductComponent } from './beheer/components/beheer-products/beheer-products-product/beheer-products-product.component';
+import { BeheerProductsBcbproductComponent } from './beheer/components/beheer-products/beheer-products-bcbproduct/beheer-products-bcbproduct.component';
+import { BeheerImportSetsComponent } from './beheer/components/beheer-import-sets/beheer-import-sets.component';
+/*import {  } from './beheer/components/beheer-import-sets/beheer-import-sets-opbouw/beheer-import-sets-opbouw.component';*/
+import { BeheerImportSetsEigenschapComponent } from './beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component';
+import { BeheerImportSetsEboComponent, BeheerImportSetsOpbouwComponent } from './beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component';
+import { BeheerProductsEigenschapComponent } from './beheer/components/beheer-products/beheer-products-eigenschap/beheer-products-eigenschap.component';
+import { BeheerProductsKoppelFilteroptionDailogComponent } from './beheer/components/beheer-products/beheer-products-koppel-filteroption-dailog/beheer-products-koppel-filteroption-dailog.component';
+import { FabFilterComponent } from './components/fab-filter/fab-filter.component';
+import { FabProductComponent } from './components/fab-product/fab-product.component';
+import { FabBcbProductComponent } from './components/fab-bcb-product/fab-bcb-product.component';
+import { FabProductSelectComponent } from './components/fab-product-select/fab-product-select.component';
+import { FabProductTileComponent } from './components/fab-product-tile/fab-product-tile.component';
+import { FabProductInfoComponent } from './components/fab-product/fab-product-info/fab-product-info.component';
+import { FabProductBestekComponent } from './components/fab-product/fab-product-bestek/fab-product-bestek.component';
+import { FabProductInfoPhotoComponent } from './components/fab-product/fab-product-info/fab-product-info-photo/fab-product-info-photo.component';
+import { FabProductInfoPhotoDialogComponent } from './components/fab-product/fab-product-info/fab-product-info-photo-dialog/fab-product-info-photo-dialog.component';
+import { BeheerEboKoppelComponent } from './beheer/components/beheer-ebo-koppel/beheer-ebo-koppel/beheer-ebo-koppel.component';
+import { BeheerSettingsOptionsComponent } from './beheer/components/beheer-settings/beheer-settings-options/beheer-settings-options.component';
+import { BeheerSettingsStringComponent } from './beheer/components/beheer-settings/beheer-settings-string/beheer-settings-string.component';
+import { BeheerImportSetsDialogComponent } from './beheer/components/beheer-import-sets/beheer-import-sets-dialog/beheer-import-sets-dialog.component';
+import { BeheerCategoriesComponent } from './beheer/components/beheer-categories/beheer-categories.component';
+import { BeheerConnectCategoryDialogComponent } from './beheer/components/beheer-connect-category-dialog/beheer-connect-category-dialog.component';
+import { FabStartComponent } from './components/fab-start/fab-start.component';
+import { FabCategoriesComponent } from './components/fab-categories/fab-categories.component';
+import { FabCategoryTileComponent } from './components/fab-category-tile/fab-category-tile.component';
+import { FabBreadcrumbComponent } from './components/fab-breadcrumb/fab-breadcrumb.component';
+import { FabFiltersInputComponent } from './components/fab-filters-input/fab-filters-input.component';
+import { FabFiltersOverviewComponent } from './components/fab-filters-overview/fab-filters-overview.component';
+import { FabFlagComponent } from './components/fab-flag/fab-flag.component';
+import { BeheerTranslateComponent } from './beheer/components/beheer-translate/beheer-translate.component';
+import { FabLanguageSelectComponent } from './components/fab-language-select/fab-language-select.component';
+import { TranslateService } from './services/translate.service';
+import { FabHeaderComponent } from './components/fab-header/fab-header.component';
+import { NavigateService } from './services/navigate.service';
+import { FabWebglViewerComponent } from './components/fab-webgl-viewer/fab-webgl-viewer.component';
+import { WebGLService } from './services/webgl.service';
+import { SVGService } from './services/svg.service';
+import { FabSvgViewerComponent } from './components/fab-svg-viewer/fab-svg-viewer.component';
+import { BeheerProductsEboComponent, BeheerProductsOpbouwComponent } from './beheer/components/beheer-products/beheer-products-ebo/beheer-products-ebo.component';
+import { BeheerProductsEigenschapBereikComponent } from './beheer/components/beheer-products/beheer-products-eigenschap-bereik/beheer-products-eigenschap-bereik.component';
+import { BeheerProductsConnectManynameDialogComponent } from './beheer/components/beheer-products/beheer-products-connect-manyname-dialog/beheer-products-connect-manyname-dialog.component';
+import { BeheerDisplayEboComponent } from './beheer/components/beheer-display-ebo/beheer-display-ebo.component';
+import { BeheerProductsConnectRangeinputComponent } from './beheer/components/beheer-products/beheer-products-connect-rangeinput/beheer-products-connect-rangeinput.component';
+import { FabRangeInputComponent } from './components/fab-range-input/fab-range-input.component';
+
+const routes: Routes = [
+  {
+    path: 'beheer', children: [
+      { path: 'inloggen', component: BeheerInlogComponent },
+      { path: 'overview', component: BeheerMainComponent, canActivate: [AuthGuard] },
+      { path: 'products', component: BeheerProductsComponent, canActivate: [AuthGuard] },
+      { path: 'importsets', component: BeheerImportSetsComponent, canActivate: [AuthGuard] },
+      { path: 'filters', component: BeheerFiltersComponent, canActivate: [AuthGuard] },
+      { path: 'users', component: BeheerUsersComponent, canActivate: [AuthGuard] },
+      { path: 'settings', component: BeheerSettingsComponent, canActivate: [AuthGuard] },
+      { path: 'searchproducts', component: BeheerSearchProductsComponent, canActivate: [AuthGuard] },
+      { path: 'ebokoppel', component: BeheerEboKoppelComponent, canActivate: [AuthGuard] },
+      { path: 'categories', component: BeheerCategoriesComponent, canActivate: [AuthGuard] },
+      { path: 'translate', component: BeheerTranslateComponent, canActivate: [AuthGuard] },
+      { path: '', component: BeheerMainComponent, pathMatch: 'full', canActivate: [AuthGuard] }
+    ]
+  },
+  { path: '', component: FabStartComponent },
+  { path: 'categories', component: FabCategoriesComponent },
+  { path: ':language/categories', component: FabCategoriesComponent },
+  { path: 'products', component: FabProductSelectComponent },
+  { path: ':language/products', component: FabProductSelectComponent },
+  { path: 'product', component: FabProductComponent },
+  { path: ':language/product', component: FabProductComponent },
+  { path: '**', pathMatch: 'full', component: FabFiltersComponent },
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    MatInputModule,
+    FormsModule,
+    BrowserAnimationsModule,
+    MatTooltipModule,
+    MatButtonModule,
+    MatListModule,
+    MatExpansionModule,
+    MatCardModule,
+    MatIconModule,
+    MatDialogModule,
+    MatTreeModule,
+    MatSidenavModule,
+    MatTableModule,
+    MatButtonToggleModule,
+    MatCheckboxModule,
+    MatDividerModule,
+    MatTabsModule,
+    MatProgressSpinnerModule,
+    MatSelectModule,
+    MatSnackBarModule,
+    RouterModule.forRoot(routes, {
+      scrollPositionRestoration: 'enabled',
+      anchorScrolling: 'enabled',
+    }),	
+  ],
+  declarations: [
+    FabFiltersComponent,
+    BeheerMainComponent,
+    BeheerInlogComponent,
+    BeheerNavComponent,
+    BeheerUsersComponent,
+    BeheerProductsComponent,
+    BeheerFiltersComponent,
+    BeheerSettingsComponent,
+    FabLoaderComponent,
+    BeheerSearchProductsComponent,
+    BeheerSearchproductsKoppelDialogComponent,
+    BeheerProductsProductComponent,
+    BeheerProductsBcbproductComponent,
+    BeheerImportSetsComponent,
+    BeheerImportSetsOpbouwComponent,
+    BeheerImportSetsEigenschapComponent,
+    BeheerImportSetsEboComponent,
+    BeheerProductsEigenschapComponent,
+    BeheerProductsKoppelFilteroptionDailogComponent,
+    FabFilterComponent,
+    FabProductComponent,
+    FabBcbProductComponent,
+    FabProductSelectComponent,
+    FabProductTileComponent,
+    FabProductInfoComponent,
+    FabProductBestekComponent,
+    FabProductInfoPhotoComponent,
+    FabProductInfoPhotoDialogComponent,
+    BeheerEboKoppelComponent,
+    BeheerSettingsOptionsComponent,
+    BeheerSettingsStringComponent,
+    BeheerImportSetsDialogComponent,
+    BeheerCategoriesComponent,
+    BeheerConnectCategoryDialogComponent,
+    FabStartComponent,
+    FabCategoriesComponent,
+    FabCategoryTileComponent,
+    FabBreadcrumbComponent,
+    FabFiltersInputComponent,
+    FabFiltersOverviewComponent,
+    FabFlagComponent,
+    BeheerTranslateComponent,
+    FabLanguageSelectComponent,
+    FabHeaderComponent,
+    FabWebglViewerComponent,
+    FabSvgViewerComponent,
+    BeheerProductsOpbouwComponent,
+    BeheerProductsEboComponent,
+    BeheerProductsEigenschapBereikComponent,
+    BeheerProductsConnectManynameDialogComponent,
+    BeheerDisplayEboComponent,
+    BeheerProductsConnectRangeinputComponent,
+    FabRangeInputComponent
+  ],
+  providers: [
+    NavigateService,
+    AuthenticationService,
+    ProjectSettingService,
+    ProductsService,
+    PhotoService,
+    BestekService,
+    WebGLService,
+    SVGService,
+    MobileService,
+    TranslateService,
+    FabrikantenService,
+    ImportSetsService,
+    FiltersApiClient,
+    FabrikantenApiClient,
+    CategoriesApiClient,
+    TranslateApiClient,
+    EBOKoppelApiClient,
+    SecurityApiClient,
+    SearchProductsApiClient,
+    ImportApiClient,
+    ProductsApiClient,
+    ProjectSettingApiClient,
+    { provide: HTTP_INTERCEPTORS, useClass: BasicAuthInterceptor, multi: true },
+    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
+  ],
+  exports: [
+    FabFiltersComponent
+  ]
+})
+
+export class FabrikantenCoreModule { }

package/src/app/modules/fabrikantencore/helpers/auth.guard.ts

@@ -0,0 +1,28 @@
+import { Injectable } from '@angular/core';
+import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+
+import { AuthenticationService } from '../services/authentication.service';
+
+@Injectable({ providedIn: 'root' })
+export class AuthGuard implements CanActivate {
+    constructor(
+        private router: Router,
+        private authenticationService: AuthenticationService
+    ) { }
+
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
+      const currentUser = this.authenticationService.currentUserValue;
+      if (currentUser && currentUser.userName != null) {
+            // logged in so return true
+            return true;
+        }
+
+        // not logged in so redirect to login page with the return url
+        //this.router.navigate(['/beheer/inloggen'], { queryParams: { returnUrl: state.url } });
+        
+        // or without return url lol
+        this.router.navigate(['/beheer/inloggen']);
+
+        return false;
+    }
+}

package/src/app/modules/fabrikantencore/helpers/basic-auth.interceptor.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { AuthenticationService } from '../services/authentication.service';
+
+@Injectable()
+export class BasicAuthInterceptor implements HttpInterceptor {
+  constructor(private authenticationService: AuthenticationService) { }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    // add authorization header with basic auth credentials if available
+    const currentUser = this.authenticationService.currentUserValue;
+    if (currentUser && currentUser.authData) {
+      request = request.clone({
+        setHeaders: {
+          Authorization: `Basic ${currentUser.authData}`
+        }
+      });
+    }
+
+    return next.handle(request);
+  }
+}

package/src/app/modules/fabrikantencore/helpers/error.interceptor.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { AuthenticationService } from '../services/authentication.service';
+
+@Injectable()
+export class ErrorInterceptor implements HttpInterceptor {
+    constructor(private authenticationService: AuthenticationService) { }
+
+    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+        return next.handle(request).pipe(catchError(err => {
+            if (err.status === 401) {
+                // auto logout if 401 response returned from api
+                this.authenticationService.logout();
+                location.reload();
+            }
+
+            const error = err.error.message || err.statusText;
+            return throwError(error);
+        }))
+    }
+}

package/src/app/modules/fabrikantencore/services/authentication.service.ts

@@ -0,0 +1,55 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import { SecurityApiClient, LoginRequestModel, LoginResponseModel } from '../swagger/SwaggerClient';
+import { BeheerInlogComponent } from '../beheer/components/beheer-inlog/beheer-inlog.component';
+
+@Injectable({ providedIn: 'root' })
+export class AuthenticationService {
+
+  public LoadingLogin: boolean = false;
+
+  private currentUserSubject: BehaviorSubject<LoginResponseModel>;
+  public currentUser: Observable<LoginResponseModel>;
+
+  constructor(private securityApiClient: SecurityApiClient) {
+    this.currentUserSubject = new BehaviorSubject<LoginResponseModel>(JSON.parse(localStorage.getItem('currentUser') + ""));
+    this.currentUser = this.currentUserSubject.asObservable();
+  }
+
+  public get currentUserValue(): LoginResponseModel {
+    return this.currentUserSubject.value;
+  }
+
+  public login(username: string, password: string, beheer: BeheerInlogComponent, success: (beheer: BeheerInlogComponent) => void, fail: (beheer: BeheerInlogComponent, message: string) => void) {
+    this.LoadingLogin = true;
+    var model: LoginRequestModel = new LoginRequestModel();
+    model.userName = username;
+    model.password = password;
+
+    this.securityApiClient.authenticateUser(model).subscribe(model => {
+      // store user details and basic auth credentials in local storage to keep user logged in between page refreshes
+      if (model.loginSuccess) {
+        model.authData = window.btoa(username + ':' + password);
+        localStorage.setItem('currentUser', JSON.stringify(model));
+        this.currentUserSubject.next(model);
+
+        success(beheer);
+      }
+      else {
+        fail(beheer, "Gebruikersnaam + wachtwoord combinatie onbekend");
+      }
+
+      this.LoadingLogin = false;
+    });
+
+  }
+
+  public logout() {
+    // remove user from local storage to log user out
+    localStorage.removeItem('currentUser');
+    this.currentUserSubject.next(new LoginResponseModel());
+  }
+}