fabrikantencore 2.4.3 → 2.4.4

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

@@ -0,0 +1,317 @@
+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';
+import { StatisticsService } from './services/statistics.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 { MatStepperModule } from '@angular/material/stepper';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { MatRadioModule } from '@angular/material/radio'; 
+
+//
+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 { 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';
+import { BeheerSettingsBooleanComponent } from './beheer/components/beheer-settings/beheer-settings-boolean/beheer-settings-boolean.component';
+import { BeheerSelectFilterDialogComponent } from './beheer/components/beheer-select-filter-dialog/beheer-select-filter-dialog.component';
+import { FabTextureComponent } from './components/fab-texture/fab-texture.component';
+import { TextureService } from './services/texture.service';
+import { FabIframeComponent } from './components/fab-iframe/fab-iframe.component';
+import { BeheerDeeplinkComponent } from './beheer/components/beheer-deeplink/beheer-deeplink.component';
+import { FabFilterColourComponent } from './components/fab-filter-colour/fab-filter-colour.component';
+import { FabFilterColourDialogComponent } from './components/fab-filter-colour/fab-filter-colour-dialog/fab-filter-colour-dialog.component';
+import { FabToebehorenComponent } from './components/fab-product/fab-toebehoren/fab-toebehoren.component';
+import { FabActionmenuComponent } from './components/fab-actionmenu/fab-actionmenu.component';
+import { ToebehorenService } from './services/toebehoren.service';
+import { FabSelectBcbproductComponent } from './components/fab-select-bcbproduct/fab-select-bcbproduct.component';
+import { FabCategoryNavigatorComponent } from './components/fab-category-navigator/fab-category-navigator.component';
+import { FabInputComponent } from './components/fab-input/fab-input.component';
+import { BeheerSelectFilteroptionDialogComponent } from './beheer/components/beheer-select-filteroption-dialog/beheer-select-filteroption-dialog.component';
+import { FabMultiselectComponent } from './components/fab-multiselect/fab-multiselect.component';
+import { FabFilterFoldComponent } from './components/fab-filter-fold/fab-filter-fold.component';
+import { FabMultiselectFoldComponent } from './components/fab-multiselect-fold/fab-multiselect-fold.component';
+import { FabRangeInputFoldComponent } from './components/fab-range-input-fold/fab-range-input-fold.component';
+import { FabFilterLabelComponent } from './components/fab-filter-label/fab-filter-label.component';
+import { FabFilterColourLabelComponent } from './components/fab-filter-colour-label/fab-filter-colour-label.component';
+import { BeheerFilterComponent } from './beheer/components/beheer-filter/beheer-filter.component';
+import { BeheerRangeinputComponent } from './beheer/components/beheer-rangeinput/beheer-rangeinput.component';
+
+const routes: Routes = [
+  {
+    path: 'beheer', children: [
+      { path: 'inloggen', component: BeheerInlogComponent, data: { title: 'Inloggen' } },
+      { path: 'overview', component: BeheerMainComponent, data: { title: 'Overview' }, canActivate: [AuthGuard] },
+      { path: 'products', component: BeheerProductsComponent, data: { title: 'Products' }, canActivate: [AuthGuard] },
+      { path: 'importsets', component: BeheerImportSetsComponent, data: { title: 'Importset' }, canActivate: [AuthGuard] },
+      { path: 'filters', component: BeheerFiltersComponent, data: { title: 'Filters' }, canActivate: [AuthGuard] },
+      { path: 'users', component: BeheerUsersComponent, data: { title: 'Users' }, canActivate: [AuthGuard] },
+      { path: 'settings', component: BeheerSettingsComponent, data: { title: 'Settings' }, canActivate: [AuthGuard] },
+      { path: 'searchproducts', component: BeheerSearchProductsComponent, data: { title: 'Search' }, canActivate: [AuthGuard] },
+      { path: 'ebokoppel', component: BeheerEboKoppelComponent, data: { title: 'EBO koppel' }, canActivate: [AuthGuard] },
+      { path: 'categories', component: BeheerCategoriesComponent, data: { title: 'Categories' }, canActivate: [AuthGuard] },
+      { path: 'translate', component: BeheerTranslateComponent, data: { title: 'Translate' }, canActivate: [AuthGuard] },
+      { path: 'deeplink', component: BeheerDeeplinkComponent, data: { title: 'Deeplink' }, canActivate: [AuthGuard] },
+      { path: '', component: BeheerMainComponent, pathMatch: 'full', canActivate: [AuthGuard] }
+    ]
+  },
+  { path: '', component: FabStartComponent },
+  { path: ':language/categories', component: FabCategoriesComponent },
+  { path: ':language/products', component: FabProductSelectComponent },
+  { path: ':language/product/:product', component: FabProductComponent },
+  { path: 'iframe', component: FabIframeComponent },
+  { path: '**', pathMatch: 'full', component: FabFiltersComponent },
+];
+
+@NgModule({
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    MatInputModule,
+    FormsModule,
+    BrowserAnimationsModule,
+    MatTooltipModule,
+    MatButtonModule,
+    MatListModule,
+    MatExpansionModule,
+    MatCardModule,
+    MatIconModule,
+    MatDialogModule,
+    MatTreeModule,
+    MatSidenavModule,
+    MatTableModule,
+    MatButtonToggleModule,
+    MatStepperModule,
+    MatRadioModule,
+    DragDropModule,
+    MatCheckboxModule,
+    MatDividerModule,
+    MatTabsModule,
+    MatProgressSpinnerModule,
+    MatSelectModule,
+    MatSnackBarModule,
+    RouterModule.forRoot(routes, {
+      scrollPositionRestoration: 'enabled',
+      anchorScrolling: 'enabled',
+    }),	
+  ],
+  declarations: [
+    FabFiltersComponent,
+    FabCategoryNavigatorComponent,
+    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,
+    BeheerDisplayEboComponent,
+    BeheerProductsConnectRangeinputComponent,
+    FabRangeInputComponent,
+    BeheerSettingsBooleanComponent,
+    BeheerSelectFilterDialogComponent,
+    FabTextureComponent,
+    FabIframeComponent,
+    BeheerDeeplinkComponent,
+    FabFilterColourComponent,
+    FabFilterColourDialogComponent,
+    FabToebehorenComponent,
+    FabActionmenuComponent,
+    FabSelectBcbproductComponent,
+    FabInputComponent,
+    BeheerSelectFilteroptionDialogComponent,
+    FabMultiselectComponent,
+    FabFilterFoldComponent,
+    FabMultiselectFoldComponent,
+    FabRangeInputFoldComponent,
+    FabFilterLabelComponent,
+    FabFilterColourLabelComponent,
+    BeheerFilterComponent,
+    BeheerRangeinputComponent
+  ],
+  providers: [
+    NavigateService,
+    AuthenticationService,
+    ProjectSettingService,
+    ProductsService,
+    PhotoService,
+    BestekService,
+    WebGLService,
+    ToebehorenService,
+    TextureService,
+    SVGService,
+    StatisticsService,
+    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,
+    FabCategoryNavigatorComponent,
+    FabActionmenuComponent,
+    FabFiltersInputComponent,
+    FabProductBestekComponent,
+    FabSelectBcbproductComponent,
+    FabLoaderComponent
+  ]
+})
+
+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());
+  }
+}

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

@@ -0,0 +1,109 @@
+import { ChangeDetectorRef, ElementRef, Injectable } from '@angular/core';
+import { FabrikantenApiClient, FabrikantenBestekViewModel, FabrikantenBestekRequestModel } from '../swagger/SwaggerClient';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { FabrikantenService } from './fabrikanten.service';
+
+@Injectable({ providedIn: 'root' })
+export class BestekService {
+
+  public Loading: boolean = false;
+  public TypeBestek: string = "STABU";
+
+  public fabProductBestek: ElementRef | null = null;
+  public FabrikantenService: FabrikantenService | null = null;
+
+  public FabrikantenBestekViewModel: FabrikantenBestekViewModel;
+
+  constructor(private clipboard: Clipboard, private FabrikantenApiClient: FabrikantenApiClient) {
+  }
+
+  public GetBestekTekst(): string {
+    if (this.TypeBestek == "STABU") {
+      return this.FabrikantenBestekViewModel.stabu as string;
+    }
+
+    if (this.TypeBestek == "OSF") {
+      return this.FabrikantenBestekViewModel.osfhtml as string;
+    }
+
+    if (this.TypeBestek == "Vrij") {
+      return this.FabrikantenBestekViewModel.vrijBestekHTML as string;
+    }
+
+    return "";
+  }
+
+  public CopyToClipboard(str: any) {
+    this.clipboard.copy(str);
+  }
+
+  public LoadFabrikantenBestekViewModel(sessionid: string, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+
+    var request = new FabrikantenBestekRequestModel();
+
+    request.sessionId = sessionid;
+
+    this.FabrikantenApiClient.getFabrikantenBestekViewModel(request).subscribe((model: FabrikantenBestekViewModel) => {
+      this.FabrikantenBestekViewModel = model;
+
+      if (this.TypeBestek == "STABU") {
+        if (model.stabu == undefined || model.stabu == '') {
+          this.TypeBestek = "";
+        }
+      }
+
+      if (this.TypeBestek == "OSF") {
+        if (model.osfhtml == undefined || model.osfhtml == '') {
+          this.TypeBestek = "";
+        }
+      }
+
+      //if (this.TypeBestek == "SUF") {
+      //  if (model.suf == undefined || model.suf == '') {
+      //    this.TypeBestek = "";
+      //  }
+      //}
+
+      if (this.TypeBestek == "Vrij") {
+        if (model.vrijBestekHTML == undefined || model.vrijBestekHTML == '') {
+          this.TypeBestek = "";
+        }
+      }
+
+      if (this.TypeBestek == "") {
+        if (model.stabu != undefined && model.stabu != '') {
+          this.TypeBestek = "STABU";
+        }
+
+        if (model.osfhtml != undefined && model.osfhtml != '') {
+          this.TypeBestek = "OSF";
+        }
+
+        //if (model.suf != undefined && model.suf != '') {
+        //  this.TypeBestek = "SUF";
+        //}
+
+        if (model.vrijBestekHTML != undefined && model.vrijBestekHTML != '') {
+          this.TypeBestek = "Vrij";
+        }
+      }
+
+      this.Loading = false;
+
+      if (this.FabrikantenService != null) {
+        this.FabrikantenService.ProcessDynamicModels();
+      }
+
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+}