fabrikantencore 2.0.7 → 2.0.8

package/src/app/modules/fabrikantencore/components/fab-product/fab-product-info/fab-product-info-photo-dialog/fab-product-info-photo-dialog.component.ts

@@ -1,17 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MatDialogRef } from '@angular/material/dialog';
-import { PhotoService } from '../../../../services/photo.service';
-
-@Component({
-  selector: 'app-fab-product-info-photo-dialog',
-  templateUrl: './fab-product-info-photo-dialog.component.html',
-  styleUrls: ['./fab-product-info-photo-dialog.component.scss']
-})
-export class FabProductInfoPhotoDialogComponent implements OnInit {
-
-  constructor(public dialogRef: MatDialogRef<FabProductInfoPhotoDialogComponent>, public PhotoService: PhotoService) { }
-
-  ngOnInit(): void {
-  }
-
-}

package/src/app/modules/fabrikantencore/components/fab-product/fab-product-info/fab-product-info.component.html

@@ -1,17 +0,0 @@
-<div class="description-normal" *ngIf="!MobileService.MobileInterface">
-  <div class="text" [innerHTML]="GetDescription()">
-
-  </div>
-  <div class="photo">
-    <app-fab-product-info-photo></app-fab-product-info-photo>
-  </div>
-</div>
-
-<div class="mobile" *ngIf="MobileService.MobileInterface">
-  <div class="photo">
-    <app-fab-product-info-photo></app-fab-product-info-photo>
-  </div>
-  <div class="text" [innerHTML]="GetDescription()">
-
-  </div>
-</div>

package/src/app/modules/fabrikantencore/components/fab-product/fab-product-info/fab-product-info.component.scss

@@ -1,13 +0,0 @@
-.description-normal {
-  margin: 10px;
-  display: flex;
-
-  .text {
-    flex: auto;
-    margin-right: 10px;
-  }
-}
-
-.mobile {
-    padding: 10px;
-}

package/src/app/modules/fabrikantencore/components/fab-product/fab-product-info/fab-product-info.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-product/fab-product-info/fab-product-info.component.ts

@@ -1,40 +0,0 @@
-import { ChangeDetectorRef, Component, HostListener, OnInit } from '@angular/core';
-import { FabrikantenService } from '../../../services/fabrikanten.service';
-import { MobileService } from '../../../services/mobile.service';
-import { TranslateService } from '../../../services/translate.service';
-
-@Component({
-  selector: 'app-fab-product-info',
-  templateUrl: './fab-product-info.component.html',
-  styleUrls: ['./fab-product-info.component.scss']
-})
-export class FabProductInfoComponent implements OnInit {
-
-  constructor(
-    public MobileService: MobileService,
-    public TranslateService: TranslateService,
-    private FabrikantenService: FabrikantenService,
-    private ChangeDetectorRef: ChangeDetectorRef) { }
-
-  ngOnInit() {
-    this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
-  }
-
-  @HostListener('window:resize', ['$event'])
-  onResize(event: any) {
-    this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
-  }
-
-  public GetDescription(): string {
-    var bcbproducts = this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels;
-
-    if (bcbproducts != null) {
-      for (var i = 0; i < bcbproducts.length; i++) {
-        if (bcbproducts[i].description != null)
-          return this.TranslateService.GetActiveValueDescription(bcbproducts[i].id);
-      }
-    }
-
-    return "";
-  }
-}

package/src/app/modules/fabrikantencore/components/fab-product/fab-product.component.html

@@ -1,54 +0,0 @@
-<div *ngIf="FabrikantenService.Loading" class="loader">
-  <mat-card class="loader-card">
-    <mat-card-content>
-      <mat-spinner class="loader-spinner" [diameter]="80"></mat-spinner>
-    </mat-card-content>
-    <mat-card-subtitle class="loader-subtitle">
-      {{ TranslateService.GetActiveValue("Common", "Products loading") }}
-    </mat-card-subtitle>
-  </mat-card>
-</div>
-
-<mat-drawer-container class="view-container" *ngIf="FabrikantenService.FabrikantenViewModel != null">
-  <mat-drawer #drawer [mode]="MobileService.NavMode" [(opened)]="MobileService.NavOpened">
-    <div class="filter-view">
-      <fab-filters-input></fab-filters-input>
-    </div>
-  </mat-drawer>
-  <mat-drawer-content class="view-content">
-    <div #header>
-      <app-fab-header [showfiltermenubutton]="true"></app-fab-header>
-    </div>
-
-    <div [style.height]="Height">
-      <mat-tab-group class="view-container" (selectedTabChange)="SelectedTabChange($event)">
-        <mat-tab label="Informatie">
-          <ng-template mat-tab-label>
-            <span>{{ TranslateService.GetActiveValue("Common", "Information") }}</span>
-          </ng-template>
-          <app-fab-product-info></app-fab-product-info>
-        </mat-tab>
-        <mat-tab label="3D" *ngIf="Show3D()">
-          <ng-template mat-tab-label>
-            <span>{{ TranslateService.GetActiveValue("Common", "3D") }}</span>
-          </ng-template>
-          <app-fab-webgl-viewer></app-fab-webgl-viewer>
-        </mat-tab>
-        <mat-tab label="2D" *ngIf="Show2D()" style="height: 100%;">
-          <ng-template mat-tab-label>
-            <span>{{ TranslateService.GetActiveValue("Common", "2D") }}</span>
-          </ng-template>
-          <app-fab-svg-viewer></app-fab-svg-viewer>
-        </mat-tab>
-        <mat-tab label="Bestek" *ngIf="TranslateService.ShowSpecification()">
-          <ng-template mat-tab-label>
-            <span>{{ TranslateService.GetActiveValue("Common", "Specification") }}</span>
-          </ng-template>
-          <app-fab-product-bestek></app-fab-product-bestek>
-        </mat-tab>
-      </mat-tab-group>
-    </div>
-  </mat-drawer-content>
-</mat-drawer-container>
-
-

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

@@ -1,57 +0,0 @@
-app-fab-product {
-  .tabs {
-    height: 100%;
-  }
-
-  .row {
-    display: flex;
-  }
-
-  .loader-card {
-    margin: auto;
-    width: 300px;
-  }
-
-  .loader-subtitle {
-    text-align: center;
-  }
-
-  .loader-spinner {
-    margin: auto;
-  }
-
-  .view-container {
-    height: 100%;
-  }
-
-  .view-content {
-    background-color: #FFF;
-  }
-
-  .loader {
-    position: absolute;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    z-index: 20;
-    background-color: rgb(255,255,255,0.7);
-    top: 0px;
-    left: 0px;
-  }
-
-  .filter-view {
-    height: 100%;
-    width: 300px;
-    min-width: 300px;
-    background-color: rgb(250,250,250);
-  }
-
-  .product-view {
-    flex: auto;
-  }
-}
-
-.mat-tab-body-wrapper {
-  height: 100%;
-}

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

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

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

@@ -1,86 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
-import { MatTabChangeEvent } from '@angular/material/tabs';
-import { ActivatedRoute } from '@angular/router';
-import { BestekService } from '../../services/bestek.service';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { MobileService } from '../../services/mobile.service';
-import { SVGService } from '../../services/svg.service';
-import { TranslateService } from '../../services/translate.service';
-import { WebGLService } from '../../services/webgl.service';
-
-@Component({
-  selector: 'app-fab-product',
-  templateUrl: './fab-product.component.html',
-  styleUrls: ['./fab-product.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class FabProductComponent implements OnInit, AfterViewInit {
-
-  public Height: string = "100%";
-
-  @ViewChild('header') header: ElementRef;
-
-  constructor(
-    public MobileService: MobileService,
-    public FabrikantenService: FabrikantenService,
-    public BestekService: BestekService,
-    public TranslateService: TranslateService,
-    public WebGLService: WebGLService,
-    private ActivatedRoute: ActivatedRoute,
-    private ChangeDetectorRef: ChangeDetectorRef
-  ) {
-    this.TranslateService.ProcessParameters(this.ActivatedRoute);
-  }
-
-  ngOnInit(): void {
-    this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef);
-    this.TranslateService.LoadTranslations(this.ChangeDetectorRef);
-  }
-
-  ngAfterViewInit(): void {
-    this.Height = this.GetHeight();
-    this.ChangeDetectorRef.detectChanges();
-  }
-
-  public Back(): void {
-    this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
-  }
-
-  public SelectedTabChange(event: MatTabChangeEvent): void {
-    this.FabrikantenService.TabSelectionChanged(event.tab.textLabel, this.ChangeDetectorRef);
-  }
-
-  public Show3D(): boolean {
-    if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null) {
-      for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels.length; i++) {
-        if (this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[i].has3D) {
-          return true;
-        }
-      }
-    }
-
-    return false;
-  }
-
-  public Show2D(): boolean {
-    if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct?.fabrikantenBCBProductViewModels != null) {
-      for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels.length; i++) {
-        if (this.FabrikantenService.FabrikantenViewModel.selectedProduct.fabrikantenBCBProductViewModels[i].snedes != '') {
-          return true;
-        }
-      }
-    }
-
-    return false;
-  }
-
-  private GetHeight(): string {
-    var height = 0;
-
-    if (this.header != undefined) {
-      height += this.header.nativeElement.offsetHeight;
-    }
-
-    return "calc(100% - " + height + "px)";
-  }
-}

package/src/app/modules/fabrikantencore/components/fab-product-select/fab-product-select.component.html

@@ -1,43 +0,0 @@
-<div *ngIf="FabrikantenService.Loading" class="loader">
-  <mat-card class="loader-card">
-    <mat-card-content>
-      <mat-spinner class="loader-spinner" [diameter]="80"></mat-spinner>
-    </mat-card-content>
-    <mat-card-subtitle class="loader-subtitle">
-      {{ TranslateService.GetActiveValue("Common", "Products loading") }}
-    </mat-card-subtitle>
-  </mat-card>
-</div>
-
-<mat-drawer-container class="view-container" *ngIf="FabrikantenService.FabrikantenViewModel != null">
-  <mat-drawer #drawer [mode]="MobileService.NavMode" [(opened)]="MobileService.NavOpened">
-    <div class="filter-view">
-      <fab-filters-input></fab-filters-input>
-    </div>
-  </mat-drawer>
-  <mat-drawer-content class="view-content">
-    <div #header>
-      <app-fab-header [showfiltermenubutton]="true"></app-fab-header>
-    </div>
-
-    <div #info class="header">
-      <div class="title">
-        <h1>{{ TranslateService.GetActiveValue("Common", "Product selection") }}</h1>
-      </div>
-      <div class="subtitle" *ngIf="!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters">
-        {{ TranslateService.GetActiveValue("Common", "Product selection info") }}
-      </div>
-      <div class="subtitle" *ngIf="FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters">
-        {{ TranslateService.GetActiveValue("Common", "Product selection blocked") }}
-      </div>
-    </div>
-
-    <div [style.height]="Height" *ngIf="!FabrikantenService.FabrikantenViewModel.productSelectBlockedByFilters">
-      <div class="main-window">
-        <app-fab-product-tile *ngFor="let product of FabrikantenService.FabrikantenViewModel.products" [product]="product"></app-fab-product-tile>
-      </div>
-    </div>
-  </mat-drawer-content>
-</mat-drawer-container>
-
-

package/src/app/modules/fabrikantencore/components/fab-product-select/fab-product-select.component.scss

@@ -1,65 +0,0 @@
-.main-window {
-  display: flex;
-  flex-flow: row wrap;
-  overflow: auto;
-}
-
-.subtitle {
-  margin-bottom: 10px;
-  height: 20px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.header {
-  padding: 4px;
-}
-
-.row {
-  display: flex;
-}
-
-.loader-card {
-  margin: auto;
-  width: 300px;
-}
-
-.loader-subtitle {
-  text-align: center;
-}
-
-.loader-spinner {
-  margin: auto;
-}
-
-.view-container {
-  height: 100%;
-}
-
-.view-content {
-  background-color: #FFF;
-}
-
-.loader {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  z-index: 20;
-  background-color: rgb(255,255,255,0.7);
-  top: 0px;
-  left: 0px;
-}
-
-.filter-view {
-  width: 300px;
-  min-width: 300px;
-  background-color: rgb(250,250,250);
-  height: 100%;
-}
-
-.product-view {
-  flex: auto;
-}

package/src/app/modules/fabrikantencore/components/fab-product-select/fab-product-select.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-product-select/fab-product-select.component.ts

@@ -1,63 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, Component, DoCheck, ElementRef, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { BestekService } from '../../services/bestek.service';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { MobileService } from '../../services/mobile.service';
-import { TranslateService } from '../../services/translate.service';
-
-@Component({
-  selector: 'app-fab-product-select',
-  templateUrl: './fab-product-select.component.html',
-  styleUrls: ['./fab-product-select.component.scss']
-})
-export class FabProductSelectComponent implements OnInit, AfterViewInit, DoCheck {
-
-  @ViewChild('header') header: ElementRef;
-  @ViewChild('info') info: ElementRef;
-
-  public Height: string = "100%";
-
-  constructor(
-    public MobileService: MobileService,
-    public FabrikantenService: FabrikantenService,
-    public BestekService: BestekService,
-    public TranslateService: TranslateService,
-    private ActivatedRoute: ActivatedRoute,
-    private ChangeDetectorRef: ChangeDetectorRef
-  ) {
-    this.TranslateService.ProcessParameters(this.ActivatedRoute);
-
-    this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
-  }
-
-  ngOnInit(): void {
-    this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef);
-    this.TranslateService.LoadTranslations(this.ChangeDetectorRef);
-  }
-
-  ngAfterViewInit(): void {
-    this.Height = this.GetHeight();
-    this.ChangeDetectorRef.detectChanges();
-  }
-
-  ngDoCheck(): void {
-    if (this.Height != this.GetHeight()) {
-      this.Height = this.GetHeight();
-      this.ChangeDetectorRef.detectChanges();
-    }
-  }
-
-  public GetHeight(): string {
-    var height = 0;
-
-    if (this.header != undefined) {
-      height += this.header.nativeElement.offsetHeight;
-    }
-
-    if (this.info != undefined) {
-      height += this.info.nativeElement.offsetHeight;
-    }
-
-    return "calc(100% - " + height + "px)";
-  }
-}

package/src/app/modules/fabrikantencore/components/fab-product-tile/fab-product-tile.component.html

@@ -1,7 +0,0 @@
-<mat-card class="tile" (click)="Select()" [style.backgroundImage]="getSafeUrl()">
-  <mat-card-title class="title">
-    {{ TranslateService.GetActiveValueProduct(product.id) }}
-  </mat-card-title>
-</mat-card>
-
-

package/src/app/modules/fabrikantencore/components/fab-product-tile/fab-product-tile.component.scss

@@ -1,34 +0,0 @@
-.tile {
-  margin: 5px;
-  width: 150px;
-  height: 250px;
-  cursor: pointer;
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
-  position: relative;
-  border: 1px solid #EEE;
-}
-
-.tile:hover {
-  border: 1px solid #000;
-
-  .title {
-    text-decoration: underline;
-  }
-}
-
-.title {
-  background-color: rgb(255,255,255, 0.7);
-  padding: 4px;
-  text-align: center;
-  position: absolute;
-  bottom: 0px;
-  width: calc(100% - 8px);
-  left: 0px;
-  font-size: 16px;
-}
-
-.title:first-letter {
-  text-transform: capitalize;
-}

package/src/app/modules/fabrikantencore/components/fab-product-tile/fab-product-tile.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-product-tile/fab-product-tile.component.ts

@@ -1,45 +0,0 @@
-import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { TranslateService } from '../../services/translate.service';
-import { PhotoService } from '../../services/photo.service';
-import { FabrikantenProductViewModel } from '../../swagger/SwaggerClient';
-
-@Component({
-  selector: 'app-fab-product-tile',
-  templateUrl: './fab-product-tile.component.html',
-  styleUrls: ['./fab-product-tile.component.scss']
-})
-export class FabProductTileComponent implements OnInit {
-
-  @Input() product: FabrikantenProductViewModel;
-
-  constructor(
-    public FabrikantenService: FabrikantenService,
-    public TranslateService: TranslateService,
-    private PhotoService: PhotoService,
-    private sanitization: DomSanitizer,
-    private ChangeDetectorRef: ChangeDetectorRef) { }
-
-  ngOnInit(): void {
-  }
-
-  public Select(): void {
-    this.FabrikantenService.SelectProduct(this.product, this.ChangeDetectorRef);
-  }
-
-  public GetPhoto(): string {
-    var array = this.PhotoService.GetPhotoArrayProduct(this.product);
-
-    if (array.length > 0) {
-      return this.FabrikantenService.FabrikantenViewModel?.bcbWebserviceURLBase + (array[0].url as string);
-    }
-
-    return "";
-  }
-
-  public getSafeUrl() {
-    return this.sanitization.bypassSecurityTrustStyle('url(\'' + this.GetPhoto() + '\')');
-  }
-
-}

package/src/app/modules/fabrikantencore/components/fab-range-input/fab-range-input.component.html

@@ -1,10 +0,0 @@
-
-  <mat-form-field appearance="fill" class="fullwidth">
-    <mat-label>{{ TranslateService.GetActiveValueRangeInput(rangeinput.id) }}</mat-label>
-    <input *ngIf="GetMin() == -1 && GetMax() == -1" matInput type="number" matTooltip="{{ tooltip }}" [(ngModel)]="value" (change)="ProcessChange()">
-    <input *ngIf="GetMin() != -1 && GetMax() != -1" matInput type="number" [min]="GetMin()" [max]="GetMax()" matTooltip="{{ tooltip }}" [(ngModel)]="value" (change)="ProcessChange()">
-    <input *ngIf="GetMin() == -1 && GetMax() != -1" matInput type="number" [max]="GetMax()" matTooltip="{{ tooltip }}" [(ngModel)]="value" (change)="ProcessChange()">
-    <input *ngIf="GetMin() != -1 && GetMax() == -1" matInput type="number" [min]="GetMin()" matTooltip="{{ tooltip }}" [(ngModel)]="value" (change)="ProcessChange()">
-    <mat-error>{{ tooltip }}</mat-error>
-  </mat-form-field>
-

package/src/app/modules/fabrikantencore/components/fab-range-input/fab-range-input.component.scss

@@ -1,3 +0,0 @@
-.fullwidth {
-    width: 100%;
-}