fabrikantencore 2.4.3 → 2.4.4

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

@@ -0,0 +1,1306 @@
+import { ChangeDetectorRef, Injectable } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+
+import {
+  FabrikantenApiClient,
+  FabrikantenFilterViewModel,
+  FabrikantenViewModel,
+  FabrikantenSettingsViewModel,
+  FabrikantenProductViewModel,
+  FabrikantenBCBProductViewModel,
+  FabrikantenCategoryLayerViewModel,
+  FabrikantenBCBProductToebehorenViewModel,
+  FabrikantenRequestModel,
+  FabrikantenCategoryViewModel,
+  SelectProductRequest,
+  SelectBCBProductRequest,
+  SelectFilterOptionRequest,
+  SelectCategoryRequest,
+  SetRangeInputRequest,
+  ResetFilterRequest,
+  ResetAllFiltersRequest,
+  ResetCategoryLayerRequest,
+  RemoveProductSelectionRequest,
+  ResetAllCategoriesRequest,
+  DynamicFiltersViewModel,
+  DynamicRangeInputViewModel,
+  DynamicDisplayValueViewModel,
+  BCBLinkRequestModel,
+  BCBLinkResponseModel,
+  FabrikantenFileRequestModel,
+  FabrikantenFileViewModel,
+  SelectColourRequest
+} from '../swagger/SwaggerClient';
+import { BestekService } from './bestek.service';
+import { NavigateService } from './navigate.service';
+import { StatisticsService } from './statistics.service';
+import { SVGService } from './svg.service';
+import { TextureService } from './texture.service';
+import { ToebehorenService } from './toebehoren.service';
+import { TranslateService } from './translate.service';
+import { WebGLService } from './webgl.service';
+
+declare global {
+  interface Window {
+    chrome?: any;
+  }
+}
+
+@Injectable({ providedIn: 'root' })
+export class FabrikantenService {
+  private Init: boolean = false;
+
+  public Loading: boolean = true;
+  public DownloadARKEYAdomiLoading: boolean = false;
+  public DownloadIFCLoading: boolean = false;
+  public DownloadRevitPluginLoading: boolean = false;
+  public Download3DAutoCADDwgLoading: boolean = false;
+  public Download3DDxfLoading: boolean = false;
+  public Download2DAutoCADDwgLoading: boolean = false;
+  public Download2DDxfLoading: boolean = false;
+  public DownloadRFALoading: boolean = false;
+
+  public SelectedTabIndex: number = 0;
+
+  public FabrikantenViewModel: FabrikantenViewModel;
+
+  public SettingsLoaded: boolean = false;
+  public FabrikantenSettingsViewModel: FabrikantenSettingsViewModel;
+
+  public SelectedPhoto: number = 0;
+  public SelectedToebehoren: FabrikantenBCBProductToebehorenViewModel | null = null;
+
+  private SelectedTabSet: boolean = false;
+  public SelectedTab: string = "Informatie";
+
+  public Loaded: boolean = false;
+
+  constructor(
+    private FabrikantenApiClient: FabrikantenApiClient,
+    private BestekService: BestekService,
+    private TranslateService: TranslateService,
+    private WebGLService: WebGLService,
+    private SVGService: SVGService,
+    private TextureService: TextureService,
+    private NavigateService: NavigateService,
+    private Router: Router,
+    private StatisticsService: StatisticsService) {
+    this.NavigateService.FabrikantenService = this;
+    this.SVGService.FabrikantenService = this;
+    this.WebGLService.FabrikantenService = this;
+    this.BestekService.FabrikantenService = this;
+  }
+
+  public ResetAllFilters(ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new ResetAllFiltersRequest();
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+
+    this.FabrikantenApiClient.resetAllFilters(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public SelectOption(filterid: number, filteroptionid: number, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SelectFilterOptionRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.filterOptionId = filteroptionid;
+    request.filterId = filterid;
+
+    if (this.StatisticsService.Active) {
+      this.StatisticsService.SelectFilterOption(this.TranslateService.GetActiveValueFilter(filterid) + ": " + this.TranslateService.GetActiveValueFilterOption(filteroptionid));
+    }
+
+    this.FabrikantenApiClient.selectFilterOption(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public SelectColour(filterid: number, colour: string, colourvalue: string, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SelectColourRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.colourName = colour;
+    request.colourValue = colourvalue;
+    request.filterId = filterid;
+
+    this.FabrikantenApiClient.selectColour(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public SetRangeInput(rangeinputid: number, value: number, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SetRangeInputRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.rangeInputId = rangeinputid;
+    request.value = value;
+
+    if (this.StatisticsService.Active) {
+      this.StatisticsService.SelectRangeValue(this.TranslateService.GetActiveValueRangeInput(rangeinputid) + ": " + value);
+    }
+
+    this.FabrikantenApiClient.setRangeInput(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public ForceSelectCategory(categoryid: number, ChangeDetectorRef: ChangeDetectorRef): void {
+    if (this.FabrikantenViewModel != null) {
+      this.Loading = true;
+
+      var request = new ResetAllCategoriesRequest();
+
+      request.sessionId = this.FabrikantenViewModel.sessionId;
+
+      this.FabrikantenApiClient.resetAllCategories(request).subscribe(() => {
+        var requestcat = new SelectCategoryRequest();
+
+        requestcat.sessionId = this.FabrikantenViewModel.sessionId;
+        requestcat.categoryId = categoryid;
+        requestcat.categoryLayer = 0;
+
+        this.FabrikantenApiClient.selectCategory(requestcat).subscribe(() => {
+          this.ReloadModel(ChangeDetectorRef);
+        }, (error: Response) => {
+          if (error.status == 400)
+            console.log(error.json());
+          else {
+            console.log('An unexpected error occured');
+            console.log(error);
+          }
+
+          this.Loading = false;
+          ChangeDetectorRef.detectChanges();
+        });
+      }, (error: Response) => {
+        if (error.status == 400)
+          console.log(error.json());
+        else {
+          console.log('An unexpected error occured');
+          console.log(error);
+        }
+
+        this.Loading = false;
+        ChangeDetectorRef.detectChanges();
+      });
+    }
+  }
+
+  public SelectCategory(category: FabrikantenCategoryViewModel, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SelectCategoryRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.categoryId = category.id;
+    request.categoryLayer = category.layer;
+
+    if (this.StatisticsService.Active) {
+      this.StatisticsService.SelectCategory(this.TranslateService.GetActiveValueCategory(category.id));
+    }
+
+    this.FabrikantenApiClient.selectCategory(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public SelectProduct(product: FabrikantenProductViewModel, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SelectProductRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.productId = product.id;
+
+    if (this.StatisticsService.Active) {
+      this.StatisticsService.SelectProduct(this.TranslateService.GetActiveValueProduct(product.id));
+    }
+
+    this.FabrikantenApiClient.selectProduct(request).subscribe(() => {
+      this.SelectedToebehoren = null;
+      this.ResetTabs();
+
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public SelectBCBProduct(bcbproduct: FabrikantenBCBProductViewModel, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new SelectBCBProductRequest();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.bcbProductId = bcbproduct.id;
+
+    this.FabrikantenApiClient.selectBCBProduct(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public ResetSelectionFilter(filter: FabrikantenFilterViewModel, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new ResetFilterRequest();
+    request.filterId = filter.id;
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+
+    this.FabrikantenApiClient.resetFilterSelection(request).subscribe(() => {
+      this.ReloadModel(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public ResetAllCategories(ChangeDetectorRef: ChangeDetectorRef): void {
+    if (this.FabrikantenViewModel != null) {
+      this.Loading = true;
+
+      var request = new ResetAllCategoriesRequest();
+
+      request.sessionId = this.FabrikantenViewModel.sessionId;
+
+      this.FabrikantenApiClient.resetAllCategories(request).subscribe(() => {
+        this.ReloadModel(ChangeDetectorRef);
+      }, (error: Response) => {
+        if (error.status == 400)
+          console.log(error.json());
+        else {
+          console.log('An unexpected error occured');
+          console.log(error);
+        }
+
+        this.Loading = false;
+        ChangeDetectorRef.detectChanges();
+      });
+    }
+  }
+
+  public ResetSelectionCategory(categorylayer: FabrikantenCategoryViewModel, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.Loading = true;
+    ChangeDetectorRef.detectChanges();
+
+    var request = new ResetCategoryLayerRequest();
+    request.categoryLayer = categorylayer.layer;
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+
+    this.FabrikantenApiClient.resetCategoryLayerSelection(request).subscribe(() => {
+      this.ResetAllFilters(ChangeDetectorRef);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      ChangeDetectorRef.detectChanges();
+    });
+  }
+
+  public RemoveProductSelection(ChangeDetectorRef: ChangeDetectorRef): void {
+    if (this.FabrikantenViewModel != null) {
+      this.Loading = true;
+
+      var request = new RemoveProductSelectionRequest();
+
+      request.sessionId = this.FabrikantenViewModel.sessionId;
+
+      this.FabrikantenApiClient.removeProductSelection(request).subscribe(() => {
+        this.SelectedToebehoren = null;
+        this.ResetTabs();
+
+        this.ReloadModel(ChangeDetectorRef);
+      }, (error: Response) => {
+        if (error.status == 400)
+          console.log(error.json());
+        else {
+          console.log('An unexpected error occured');
+          console.log(error);
+        }
+
+        this.Loading = false;
+        ChangeDetectorRef.detectChanges();
+      });
+    }
+  }
+
+  public TabSelectionChanged(tab: string, ChangeDetectorRef: ChangeDetectorRef): void {
+    this.SelectedTab = tab;
+
+    this.TriggerReloads(ChangeDetectorRef);
+  }
+
+  public GetFirstOpenCategoryLayer(): FabrikantenCategoryLayerViewModel | null {
+    var arraylayers = this.FabrikantenViewModel?.categoryLayers;
+
+    if (arraylayers != null) {
+      for (var i = 0; i < arraylayers.length; i++) {
+        if (arraylayers[i].selectedOption == 0) {
+          return arraylayers[i];
+        }
+      }
+    }
+
+    return null;
+  }
+
+  public ShowCategories(): boolean {
+    return this.GetFirstOpenCategoryLayer() != null;
+  }
+
+  public ShowRequired(): boolean {
+    if (this.FabrikantenViewModel.inputs != null) {
+      for (var i = 0; i < this.FabrikantenViewModel.inputs.length; i++) {
+        if (this.FabrikantenViewModel.inputs[i].required && !this.FabrikantenViewModel.inputs[i].filled) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  }
+
+  public ShowTexture(): boolean {
+    if (this.FabrikantenViewModel.selectedProduct?.textureBaseViewModel != null) {
+      return true;
+    }
+
+    return false;
+  }
+
+  public ShowToebehoren(): boolean {
+    if (this.FabrikantenSettingsViewModel?.enableToebehoren == true) {
+      return true;
+    }
+
+    return false;
+  }
+
+  public ShowVariants(): boolean {
+    if (this.FabrikantenViewModel != null && this.FabrikantenSettingsViewModel != null) {
+      if (!this.FabrikantenSettingsViewModel.alwaysShowVariant) {
+        var bcbproducts = this.FabrikantenViewModel.selectedProduct?.fabrikantenBCBProductViewModels;
+
+        if (bcbproducts != null && bcbproducts.length > 1) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  }
+
+  public ShowActionMenu(): boolean {
+    if (this.FabrikantenViewModel?.selectedProduct == null) {
+      return false;
+    }
+
+    if (this.ShowVariants()) {
+      return false;
+    }
+
+    if (this.SelectedTab == "3D") {
+      return true;
+    }
+
+    if (this.SelectedTab == "2D") {
+      return true;
+    }
+
+    if (this.SelectedTab == "Bestek") {
+      return true;
+    }
+
+    if (this.SelectedTab == "Texture") {
+      return true;
+    }
+
+    if (this.SelectedTab == "Toebehoren") {
+      if (this.HasToebehoren()) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  public HasToebehoren(): boolean {
+    if (this.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null) {
+      if (this.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels.length > 0) {
+        if (this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren != null) {
+          if (this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length > 0) {
+            return true;
+          }
+        }
+      }
+    }
+
+    return false;
+  }
+
+  public OpenBCBLink(wuid: string): void {
+    this.Loading = true;
+
+    var request = new BCBLinkRequestModel();
+    request.wuid = wuid;
+
+    this.FabrikantenApiClient.getBCBLink(request).subscribe((model: BCBLinkResponseModel) => {
+      window.open(model.url, '_blank');
+
+      this.Loading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+
+  public ReloadModel(ChangeDetectorRef: ChangeDetectorRef) {
+    this.Init = false;
+    this.LoadFabrikantenViewModel(ChangeDetectorRef, null);
+  }
+
+  public LoadFabrikantenViewModel(ChangeDetectorRef: ChangeDetectorRef, ActivatedRoute: ActivatedRoute | null): void {
+    if (!this.Init) {
+
+      this.Loading = true;
+      ChangeDetectorRef.detectChanges();
+
+      if (!this.SettingsLoaded) {
+        this.LoadFabrikantenSettingsViewModel(ChangeDetectorRef, ActivatedRoute);
+      }
+      else {
+        if (!this.TranslateService.Init) {
+          this.TranslateService.LoadTranslations(ChangeDetectorRef, this, ActivatedRoute);
+        }
+        else {
+          this.Init = true;
+          var request = new FabrikantenRequestModel();
+
+          if (this.FabrikantenViewModel != null) {
+            request.sessionId = this.FabrikantenViewModel.sessionId;
+          }
+          else {
+            request.sessionId = "";
+          }
+
+          this.FabrikantenApiClient.getFabrikantenViewModel(request).subscribe((model: FabrikantenViewModel) => {
+            this.FabrikantenViewModel = model;
+            this.SelectedPhoto = 0;
+
+            this.Loading = false;
+            ChangeDetectorRef.detectChanges();
+
+            this.TriggerReloads(ChangeDetectorRef);
+
+            if (this.ProcessParameters(ActivatedRoute, ChangeDetectorRef)) {
+              this.NavigateService.RefreshPage();
+              this.Loaded = true;
+            }
+          }, (error: Response) => {
+            if (error.status == 400)
+              console.log(error.json());
+            else {
+              console.log('An unexpected error occured');
+              console.log(error);
+            }
+
+            this.Loading = false;
+            ChangeDetectorRef.detectChanges();
+          });
+        }
+      }
+    }
+  }
+
+  public LoadFabrikantenSettingsViewModel(ChangeDetectorRef: ChangeDetectorRef, ActivatedRoute: ActivatedRoute | null): void {
+    if (!this.SettingsLoaded) {
+      this.Loading = true;
+      ChangeDetectorRef.detectChanges();
+
+      this.FabrikantenApiClient.getFabrikantenSettingsViewModel().subscribe((model: FabrikantenSettingsViewModel) => {
+        this.FabrikantenSettingsViewModel = model;
+
+        this.Loading = false;
+        this.SettingsLoaded = true;
+        ChangeDetectorRef.detectChanges();
+
+        if (this.FabrikantenSettingsViewModel.customRedirect != null && this.FabrikantenSettingsViewModel.customRedirect != "") {
+          window.location.href = this.FabrikantenSettingsViewModel.customRedirect;
+        }
+        else {
+          this.LoadFabrikantenViewModel(ChangeDetectorRef, ActivatedRoute);
+        }
+      }, (error: Response) => {
+        if (error.status == 400)
+          console.log(error.json());
+        else {
+          console.log('An unexpected error occured');
+          console.log(error);
+        }
+
+        this.Loading = false;
+        ChangeDetectorRef.detectChanges();
+      });
+    }
+  }
+
+  public ProcessParameters(ActivatedRoute: ActivatedRoute | null, ChangeDetectorRef: ChangeDetectorRef): boolean {
+    if (ActivatedRoute != null) {
+      var productname = ActivatedRoute.snapshot.paramMap.get("product");
+
+      if (this.FabrikantenViewModel.products != null) {
+        var product: FabrikantenProductViewModel | null = null;
+
+        for (var i = 0; i < this.FabrikantenViewModel.products.length; i++) {
+          if (this.FabrikantenViewModel.products[i].urlName == productname) {
+            product = this.FabrikantenViewModel.products[i];
+            break;
+          }
+        }
+
+        if (product != null) {
+          this.SelectProduct(product, ChangeDetectorRef);
+          return false;
+        }
+      }
+
+      if (this.ShowCategories()) {
+        var category = ActivatedRoute.snapshot.paramMap.get("category");
+
+        if (category != null && category != "") {
+          var layers = this.FabrikantenViewModel?.categoryLayers;
+
+          if (layers != null) {
+            for (var i = 0; i < layers.length; i++) {
+              var categories = layers[i].categories;
+
+              if (categories != null) {
+                for (var j = 0; j < categories.length; j++) {
+                  if (category == "systeemplafonds" && categories[j].id == 1) {
+                    this.SelectCategory(categories[j], ChangeDetectorRef);
+                  }
+                  else if (category == "elements" && categories[j].id == 2) {
+                    this.SelectCategory(categories[j], ChangeDetectorRef);
+                  }
+                  else if (category == "vasteplafonds" && categories[j].id == 3) {
+                    this.SelectCategory(categories[j], ChangeDetectorRef);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    return true;
+  }
+
+  private ResetTabs(): void {
+    if (this.FabrikantenSettingsViewModel.startTab != null) {
+      this.SelectedTab = this.FabrikantenSettingsViewModel.startTab;
+    }
+    else if (this.FabrikantenSettingsViewModel.hideInformationTab) {
+      this.SelectedTab = "3D";
+    }
+    else {
+      this.SelectedTab = "Informatie";
+    }
+
+    if (this.FabrikantenSettingsViewModel.hideInformationTab) {
+      if (this.SelectedTab == "3D") {
+        this.SelectedTabIndex = 0;
+      }
+
+      if (this.SelectedTab == "2D") {
+        this.SelectedTabIndex = 1;
+      }
+
+      if (this.SelectedTab == "Bestek") {
+        this.SelectedTabIndex = 2;
+      }
+    }
+    else {
+      if (this.SelectedTab == "Informatie") {
+        this.SelectedTabIndex = 0;
+      }
+
+      if (this.SelectedTab == "3D") {
+        this.SelectedTabIndex = 1;
+      }
+
+      if (this.SelectedTab == "2D") {
+        this.SelectedTabIndex = 2;
+      }
+
+      if (this.SelectedTab == "Bestek") {
+        this.SelectedTabIndex = 3;
+      }
+    }
+  }
+
+  // Dynamic models
+
+  public GetDynamicDisplayValues(): DynamicDisplayValueViewModel[] {
+    if (this.FabrikantenViewModel != null) {
+      if (this.WebGLService.Fabrikanten3DViewModel != null && this.WebGLService.Fabrikanten3DViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.WebGLService.Fabrikanten3DViewModel.dynamicDisplayValues != null) {
+          return this.WebGLService.Fabrikanten3DViewModel.dynamicDisplayValues;
+        }
+      }
+
+      if (this.SVGService.FabrikantenSVGViewModel != null && this.SVGService.FabrikantenSVGViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.SVGService.FabrikantenSVGViewModel.dynamicDisplayValues != null) {
+          return this.SVGService.FabrikantenSVGViewModel.dynamicDisplayValues;
+        }
+      }
+
+      if (this.BestekService.FabrikantenBestekViewModel != null && this.BestekService.FabrikantenBestekViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.BestekService.FabrikantenBestekViewModel.dynamicDisplayValues != null) {
+          return this.BestekService.FabrikantenBestekViewModel.dynamicDisplayValues;
+        }
+      }
+    }
+
+    return new Array<DynamicDisplayValueViewModel>();
+  }
+
+  public ProcessDynamicModels(): void {
+    if (this.FabrikantenViewModel != null) {
+      if (this.WebGLService.Fabrikanten3DViewModel != null && this.WebGLService.Fabrikanten3DViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.WebGLService.Fabrikanten3DViewModel.dynamicFilters != null) {
+          this.ProcessDynamicFilters(this.WebGLService.Fabrikanten3DViewModel.dynamicFilters);
+        }
+
+        if (this.WebGLService.Fabrikanten3DViewModel.dynamicRangeInputs != null) {
+          this.ProcessDynamicRangeInputs(this.WebGLService.Fabrikanten3DViewModel.dynamicRangeInputs);
+        }
+      }
+      else if (this.SVGService.FabrikantenSVGViewModel != null && this.SVGService.FabrikantenSVGViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.SVGService.FabrikantenSVGViewModel.dynamicFilters != null) {
+          this.ProcessDynamicFilters(this.SVGService.FabrikantenSVGViewModel.dynamicFilters);
+        }
+
+        if (this.SVGService.FabrikantenSVGViewModel.dynamicRangeInputs != null) {
+          this.ProcessDynamicRangeInputs(this.SVGService.FabrikantenSVGViewModel.dynamicRangeInputs);
+        }
+      }
+      else if (this.BestekService.FabrikantenBestekViewModel != null && this.BestekService.FabrikantenBestekViewModel.checksum == this.FabrikantenViewModel.checksum) {
+        if (this.BestekService.FabrikantenBestekViewModel.dynamicFilters != null) {
+          this.ProcessDynamicFilters(this.BestekService.FabrikantenBestekViewModel.dynamicFilters);
+        }
+
+        if (this.BestekService.FabrikantenBestekViewModel.dynamicRangeInputs != null) {
+          this.ProcessDynamicRangeInputs(this.BestekService.FabrikantenBestekViewModel.dynamicRangeInputs);
+        }
+      }
+    }
+  }
+
+  private ProcessDynamicFilters(filters: DynamicFiltersViewModel[]): void {
+    if (this.FabrikantenViewModel.inputs != null) {
+      for (var i = 0; i < filters.length; i++) {
+        var array = filters[i].filters;
+        if (array != null) {
+          for (var p = 0; p < array.length; p++) {
+            for (var j = 0; j < this.FabrikantenViewModel.inputs.length; j++) {
+              if (array[p].filterId == this.FabrikantenViewModel.inputs[j].filter?.id) {
+                var options = this.FabrikantenViewModel.inputs[j].filter?.options;
+                var allowedarray = array[p].filterOptionsAllowed;
+
+                if (options != null && allowedarray != null) {
+                  for (var k = 0; k < options.length; k++) {
+                    var allowed = false;
+
+                    for (var l = 0; l < allowedarray.length; l++) {
+                      if (allowedarray[l] == options[k].id) {
+                        allowed = true;
+                        break;
+                      }
+                    }
+
+                    if (!allowed) {
+                      options[k].hidden = true;
+                      console.log("disable: " + options[k].name);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  private ProcessDynamicRangeInputs(rangeinputs: DynamicRangeInputViewModel[]): void {
+    if (this.FabrikantenViewModel.inputs != null) {
+      for (var i = 0; i < rangeinputs.length; i++) {
+        var array = rangeinputs[i].rangeInputs;
+        if (array != null) {
+          for (var p = 0; p < array.length; p++) {
+            for (var j = 0; j < this.FabrikantenViewModel.inputs.length; j++) {
+              if (array[p] == this.FabrikantenViewModel.inputs[j].range?.id) {
+                console.log('bereik rangeinput:' + this.FabrikantenViewModel.inputs[j].range?.name);
+
+                var rangeobject = this.FabrikantenViewModel.inputs[j].range;
+
+                if (rangeobject != null) {
+                  rangeobject.inclusiefMinimum = rangeinputs[i].inclusiefMinimum;
+                  rangeobject.minimum = rangeinputs[i].minimum;
+
+                  rangeobject.inclusiefMaximum = rangeinputs[i].inclusiefMaximum;
+                  rangeobject.maximum = rangeinputs[i].maximum;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  // Downloads
+
+  public DownloadARKEYAdomi(custombcbeboid: number | undefined): void {
+    this.DownloadARKEYAdomiLoading = true;
+
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "dhg";
+    request.model3D = true;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".dhg");
+      this.DownloadARKEYAdomiLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public DownloadIFC(custombcbeboid: number | undefined): void {
+    this.DownloadIFCLoading = true;
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "ifc";
+    request.model3D = true;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".ifc");
+      this.DownloadIFCLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public DownloadRevitPlugin(custombcbeboid: number | undefined): void {
+    this.DownloadRevitPluginLoading = false;
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "hdhRevit";
+    request.model3D = true;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      window.location.href = model.file + "";
+      this.DownloadRevitPluginLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public Download3DAutoCADDwg(custombcbeboid: number | undefined): void {
+    this.Download3DAutoCADDwgLoading = true;
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "dwg";
+    request.model3D = true;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".dwg");
+      this.Download3DAutoCADDwgLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public Download3DDxf(custombcbeboid: number | undefined): void {
+    this.Download3DDxfLoading = true;
+
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "dxf";
+    request.model3D = true;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".dxf");
+      this.Download3DDxfLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public Download2DAutoCADDwg(custombcbeboid: number | undefined): void {
+    this.Download2DAutoCADDwgLoading = true;
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "dwg";
+    request.model3D = false;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".dwg");
+      this.Download2DAutoCADDwgLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public Download2DDxf(custombcbeboid: number | undefined): void {
+    this.Download2DDxfLoading = true;
+
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "dxf";
+    request.model3D = false;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      this.StartDownload(model.file + "", ".dxf");
+      this.Download2DDxfLoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public DownloadRFA(custombcbeboid: number | undefined, webview2: boolean): void {
+    this.DownloadRFALoading = true;
+
+    var request = new FabrikantenFileRequestModel();
+
+    request.sessionId = this.FabrikantenViewModel.sessionId;
+    request.fileType = "rfa";
+    request.model3D = false;
+    request.webView2 = webview2;
+    request.customBCBEBOId = custombcbeboid;
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile(request.fileType, this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+
+    this.FabrikantenApiClient.getFabrikantenFileViewModel(request).subscribe((model: FabrikantenFileViewModel) => {
+      if (model.customRFAZip) {
+        if (this.IsInWebViewBrowser()) {
+          this.PostWebview2Message(model);
+        }
+        else {
+          this.StartDownload(model.file + "", ".zip");
+        }
+      }
+      else {
+        if (model.rvtExtension) {
+          this.StartDownload(model.file + "", ".rvt");
+        }
+        else {
+          if (this.IsInWebViewBrowser()) {
+            this.PostWebview2Message(model);
+          }
+          else {
+            this.StartDownload(model.file + "", ".rfa");
+          }
+        }
+      }
+      this.DownloadRFALoading = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+    });
+  }
+
+  public PostWebview2Message(model: FabrikantenFileViewModel): void {
+    var action = "download";
+    var file = model.file + "";
+    var filename = this.CollectFileName();
+    var parametersnames = model.revitParametersNames;
+    var parametersvalues = model.revitParametersValues;
+
+    window.chrome.webview.postMessage({ action, file, filename, parametersnames, parametersvalues });
+  }
+
+  public IsInWebViewBrowser(): boolean {
+
+    if (window != undefined) {
+      if (window.chrome != undefined) {
+        if (window.chrome.webview != undefined) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  }
+
+  public StartDownload(url: string, extension: string): void {
+
+    var filename = this.CollectFileName();
+
+    if (this.FabrikantenSettingsViewModel.disableCustomFileNames) {
+      filename = url.substring(url.lastIndexOf('\\') + 1);
+    }
+
+    if (filename != "") {
+      filename = filename + extension;
+
+      window.location.href = "/Download/Download?pUrl=" + url + "&pFileName=" + filename;
+    }
+    else {
+      alert('error: no product selected');
+    }
+  }
+
+  public DownloadBestek(data: string) {
+
+    if (this.BestekService.TypeBestek == "STABU") {
+      this.DownloadBestekInner(data, ".S01");
+    }
+
+    if (this.BestekService.TypeBestek == "OSF") {
+      this.DownloadBestekInner(data, ".txt");
+    }
+
+    if (this.BestekService.TypeBestek == "Vrij") {
+      this.DownloadBestekInner(data, ".txt");
+    }
+
+    if (this.StatisticsService.Active) {
+      if (this.FabrikantenViewModel?.selectedProduct != null) {
+        this.StatisticsService.DownloadFile("bestek", this.TranslateService.GetActiveValueProduct(this.FabrikantenViewModel.selectedProduct.id));
+      }
+    }
+  }
+
+  private DownloadBestekInner(data: string, extension: string) {
+    var c = document.createElement("a");
+    c.download = this.CollectFileName() + extension;
+
+    var t = new Blob([data], {
+      type: "text/plain"
+    });
+    c.href = window.URL.createObjectURL(t);
+    c.click();
+  }
+
+  private CollectFileName(): string {
+    var filename = "";
+
+    if (this.SelectedTab == "3D") {
+      if (this.WebGLService.Fabrikanten3DViewModel != null) {
+        filename = this.WebGLService.Fabrikanten3DViewModel.instantieNaam + "";
+      }
+    }
+
+    if (this.SelectedTab == "2D") {
+      if (this.SVGService.FabrikantenSVGViewModel != null) {
+        filename = this.SVGService.FabrikantenSVGViewModel.instantieNaam + "";
+      }
+    }
+
+    if (this.SelectedTab == "Bestek") {
+      if (this.BestekService.FabrikantenBestekViewModel != null) {
+        filename = this.BestekService.FabrikantenBestekViewModel.instantieNaam + "";
+      }
+    }
+
+    if (this.SelectedTab == "Toebehoren") {
+      if (this.GetSelectedToebehoren() != null) {
+        filename = this.GetSelectedToebehoren()?.name + "";
+      }
+    }
+
+    if (filename == "" && this.FabrikantenViewModel?.selectedProduct?.id != null) {
+      var id = this.FabrikantenViewModel?.selectedProduct?.id;
+
+      filename = this.TranslateService.GetActiveValueProduct(id);
+    }
+
+    filename = filename.replace(/[^a-z0-9]/gi, '_');
+
+    return filename;
+  }
+
+  // Reloads
+
+  private TriggerReloads(ChangeDetectorRef: ChangeDetectorRef): void {
+    if (!this.ShowRequired()) {
+      var array = this.FabrikantenViewModel.selectedProduct?.fabrikantenBCBProductViewModels;
+
+      if (array != null && (array.length == 1 || this.FabrikantenSettingsViewModel.alwaysShowVariant)) {
+        if (this.SelectedTab == "Bestek") {
+          if (this.FabrikantenViewModel.checksum != this.BestekService.FabrikantenBestekViewModel?.checksum) {
+            this.BestekService.LoadFabrikantenBestekViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+          }
+        }
+        else if (this.SelectedTab == "3D") {
+          if (this.FabrikantenViewModel.checksum != this.WebGLService.Fabrikanten3DViewModel?.checksum) {
+            this.WebGLService.LoadFabrikanten3DViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+          }
+        }
+        else if (this.SelectedTab == "2D") {
+          if (this.FabrikantenViewModel.checksum != this.SVGService.FabrikantenSVGViewModel?.checksum) {
+            this.SVGService.LoadFabrikantenSVGViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+          }
+        }
+        else if (this.SelectedTab == "Texture") {
+          this.TextureService.LoadFabrikantenTextureViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+        }
+        else if (this.SelectedTab == "Toebehoren") {
+          //this.ToebehorenService.LoadFabrikantenToebehorenViewModel(this.FabrikantenViewModel.sessionId as string, ChangeDetectorRef);
+        }
+      }
+    }
+  }
+
+  // Breadcrumb
+
+  public GetSteps(): Array<FabrikantenCategoryViewModel> {
+    var returnarray = new Array<FabrikantenCategoryViewModel>();
+
+    var array = this.FabrikantenViewModel?.categoryLayers;
+
+    if (array != null) {
+      for (var i = 0; i < array.length; i++) {
+        if (array[i].selectedOption != 0) {
+          var options = array[i].categories;
+
+          if (options != null) {
+            for (var j = 0; j < options.length; j++) {
+              if (options[j].id === array[i].selectedOption) {
+                returnarray.push(options[j]);
+              }
+            }
+          }
+        }
+        else {
+          break;
+        }
+      }
+    }
+
+    return returnarray;
+  }
+
+  public GetSelectedToebehoren(): FabrikantenBCBProductToebehorenViewModel | null {
+    var toebehoren: FabrikantenBCBProductToebehorenViewModel | null = null;
+
+    if (
+      this.FabrikantenViewModel.selectedProduct?.fabrikantenBCBProductViewModels != null &&
+      this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels.length > 0 &&
+      this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren != null &&
+      this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length > 0) {
+
+      for (var i = 0; i < this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren.length; i++) {
+        if (this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren[i].id == this.SelectedToebehoren?.id) {
+          toebehoren = this.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[0].bcbProductToebehoren[i];
+        }
+      }
+    }
+
+    return toebehoren;
+  }
+}