fabrikantencore 2.4.3 → 2.4.4

package/src/app/modules/fabrikantencore/beheer/components/beheer-searchproducts/beheer-searchproducts.component.ts

@@ -0,0 +1,346 @@
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { ThemePalette } from '@angular/material/core';
+
+import { SearchProductsApiClient, SearchProductsRequestModel, SearchProductsResponseModel, WizardEBOViewModel, KoppelProductsRequestModel } from '../../../swagger/SwaggerClient';
+import { MatDialog } from '@angular/material/dialog';
+import { BeheerSearchproductsKoppelDialogComponent } from './beheer-searchproducts-koppel-dialog/beheer-searchproducts-koppel-dialog.component';
+
+@Component({
+  selector: 'app-beheer-searchproducts',
+  templateUrl: './beheer-searchproducts.component.html',
+  styleUrls: ['./beheer-searchproducts.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class BeheerSearchProductsComponent implements OnInit {
+
+  public Loading: boolean = false;
+  public ZoekTerm: string = "";
+  public Primary: ThemePalette = "primary";
+  public SelectProducts: boolean = false;
+
+  public BOT: string = "";
+  public DO1Type: string = "";
+  public DO1Naam: string = "";
+  public DO2Type: string = "";
+  public DO2Naam: string = "";
+  public DO3Type: string = "";
+  public DO3Naam: string = "";
+  public DO4Type: string = "";
+  public DO4Naam: string = "";
+  public Kenmerk: string = "";
+
+  public SearchProductsResponseModel: SearchProductsResponseModel;
+
+  constructor(public dialog: MatDialog, private SearchProductsApiClient: SearchProductsApiClient, private snackBar: MatSnackBar) { }
+
+  ngOnInit(): void {
+  }
+
+  public GetEbos(inuse: boolean): Array<WizardEBOViewModel> {
+    if (this.SearchProductsResponseModel != null && this.SearchProductsResponseModel.eboViewModels != null) {
+      var list = new Array<WizardEBOViewModel>();
+
+      var temp = this.SearchProductsResponseModel.eboViewModels as Array<WizardEBOViewModel>;
+      for (var i = 0; i < this.SearchProductsResponseModel.eboViewModels.length; i++) {
+        var add = true;
+
+        if (inuse) {
+          if (this.SearchProductsResponseModel.eboViewModels[i].inUseBy == "") {
+            add = false;
+          }
+        }
+        else {
+          if (this.SearchProductsResponseModel.eboViewModels[i].inUseBy != "") {
+            add = false;
+          }
+        }
+
+        if (add) {
+          var array = this.SearchProductsResponseModel.eboViewModels[i].dOs;
+
+          if (array != null) {
+            for (var j = 0; j < array.length; j++) {
+              var dotype = array[j].doType?.toLowerCase() + "";
+              var donaam = array[j].doNaam?.toLowerCase() + "";
+
+              if (dotype == 'bot') {
+                if (this.BOT != "" && donaam.indexOf(this.BOT.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+              else if (dotype == 'kenmerk') {
+                if (this.Kenmerk != "" && donaam.indexOf(this.Kenmerk.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+              else if (j == 1) {
+                if (this.DO1Naam != "" && donaam.indexOf(this.DO1Naam.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+
+                if (this.DO1Type != "" && dotype.indexOf(this.DO1Type.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+              else if (j == 2) {
+                if (this.DO2Naam != "" && donaam.indexOf(this.DO2Naam.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+
+                if (this.DO2Type != "" && dotype.indexOf(this.DO2Type.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+              else if (j == 3) {
+                if (this.DO3Naam != "" && donaam.indexOf(this.DO3Naam.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+
+                if (this.DO3Type != "" && dotype.indexOf(this.DO3Type.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+              else if (j == 4) {
+                if (this.DO4Naam != "" && donaam.indexOf(this.DO4Naam.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+
+                if (this.DO4Type != "" && dotype.indexOf(this.DO4Type.toLowerCase()) == -1) {
+                  add = false;
+                  break;
+                }
+              }
+            }
+          }
+        }
+
+        if (add) {
+          list.push(this.SearchProductsResponseModel.eboViewModels[i]);
+        }
+
+      }
+
+      return list;
+    }
+
+    return new Array<WizardEBOViewModel>();
+  }
+
+  public Zoek(): void {
+    this.Loading = true;
+    this.SelectProducts = false;
+
+    var model: SearchProductsRequestModel = new SearchProductsRequestModel();
+
+    model.value = this.ZoekTerm;
+
+    this.SearchProductsApiClient.getSearchResults(model).subscribe(model => {
+      this.SearchProductsResponseModel = model;
+      this.Loading = false;
+      this.UpdateSnackBar();
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+      this.UpdateSnackBar();
+    });
+  }
+
+  public UpdateSnackBar(): void {
+    var count = this.GetSelectedCount();
+
+    if (count > 0) {
+      var snack = this.snackBar.open(count + " product(en) geselecteerd.", "Koppel");
+
+      snack.onAction().subscribe(() => {
+        this.Koppel();
+      });
+    }
+    else {
+      this.snackBar.dismiss();
+    }
+  }
+
+  public handleKeyUp(e: any) {
+    if (e.keyCode === 13) {
+      this.Zoek();
+    }
+  }
+
+  public SelectProductsClick(): void {
+    if (this.SearchProductsResponseModel?.eboViewModels != null) {
+      if (this.SelectProducts) {
+        for (var i = 0; i < this.SearchProductsResponseModel.eboViewModels.length; i++) {
+          this.SearchProductsResponseModel.eboViewModels[i].selected = true;
+        }
+      } else {
+        for (var i = 0; i < this.SearchProductsResponseModel.eboViewModels.length; i++) {
+          this.SearchProductsResponseModel.eboViewModels[i].selected = false;
+        }
+      }
+
+      this.UpdateSnackBar();
+    }
+  }
+
+  public Koppel(): void {
+    var dialogRef = this.dialog.open(BeheerSearchproductsKoppelDialogComponent, {
+      data: {
+        suggestion: this.GetSuggestion()
+      }
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      if (result != null) {
+        if (result > 0) {
+          this.Loading = true;
+
+          var model: KoppelProductsRequestModel = new KoppelProductsRequestModel();
+
+          model.productId = result;
+          model.searchProductEBOModels = new Array<WizardEBOViewModel>();
+
+          var products = this.GetEbos(false);
+
+          for (var i = 0; i < products.length; i++) {
+            if (products[i].selected) {
+              model.searchProductEBOModels.push(products[i]);
+            }
+          }
+
+          this.SearchProductsApiClient.koppelProducts(model).subscribe(() => {
+            this.Zoek();
+          }, (error: Response) => {
+            if (error.status == 400)
+              console.log(error.json());
+            else {
+              console.log('An unexpected error occured');
+              console.log(error);
+            }
+
+            this.Zoek();
+          });
+        }
+        else if (result == -2) {
+          this.Loading = true;
+
+          var model: KoppelProductsRequestModel = new KoppelProductsRequestModel();
+
+          model.productId = 0;
+          model.searchProductEBOModels = new Array<WizardEBOViewModel>();
+
+          var products = this.GetEbos(false);
+
+          for (var i = 0; i < products.length; i++) {
+            if (products[i].selected) {
+              model.searchProductEBOModels.push(products[i]);
+            }
+          }
+
+          this.SearchProductsApiClient.koppelProductsKenmerk(model).subscribe(() => {
+            this.Zoek();
+          }, (error: Response) => {
+            if (error.status == 400)
+              console.log(error.json());
+            else {
+              console.log('An unexpected error occured');
+              console.log(error);
+            }
+
+            this.Zoek();
+          });
+        }
+      }
+    });
+  }
+
+  public SelectAll(): void {
+    var ebos = this.GetEbos(false);
+
+    for (var i = 0; i < ebos.length; i++) {
+      ebos[i].selected = true;
+    }
+
+    this.UpdateSnackBar();
+  }
+
+  public SelectRow(row: any): void {
+    if (row.inUseBy == '') {
+      row.selected = !row.selected;
+      this.UpdateSnackBar();
+    }
+  }
+
+  public ShowCell(doType: string): boolean {
+    if (doType.toLowerCase() == 'bot') {
+      return false;
+    }
+
+    if (doType.toLowerCase() == 'kenmerk') {
+      return false;
+    }
+
+    return true;
+  }
+
+  private GetSelectedCount(): number {
+    var count = 0;
+    var ebos = this.GetEbos(false);
+
+    for (var i = 0; i < ebos.length; i++) {
+      if (ebos[i].selected) {
+        count++;
+      }
+    }
+
+    return count;
+  }
+
+  private GetSuggestion(): Array<string> {
+    var merkserie = "";
+    var array = new Array<string>();
+    var arraykenmerk = new Array<string>();
+    var count = 0;
+    var ebos = this.GetEbos(false);
+
+    for (var i = 0; i < ebos.length; i++) {
+      if (ebos[i].selected) {
+        var arraytemp = ebos[i].dOs;
+        if (arraytemp != undefined) {
+          for (var j = 0; j < arraytemp.length; j++) {
+            if (arraytemp[j].doType?.toLowerCase() == "merk serie") {
+              merkserie = arraytemp[j].doNaam as string;
+            }
+
+            if (arraytemp[j].doType?.toLowerCase() == "kenmerk") {
+              arraykenmerk.push(arraytemp[j].doNaam as string);
+            }
+          }
+        }
+      }
+    }
+
+    array.push(merkserie);
+
+    for (var i = 0; i < arraykenmerk.length && i < 3; i++) {
+      array.push(arraykenmerk[i]);
+    }
+
+    return array;
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filter-dialog/beheer-select-filter-dialog.component.html

@@ -0,0 +1,57 @@
+<div *ngIf="Loading()">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!Loading()">
+  <div *ngIf="EBOSelect" class="ebo-select">
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="BOT">BOT</mat-checkbox>
+    </div>
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="DO1">DO1</mat-checkbox>
+    </div>
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="DO2">DO2</mat-checkbox>
+    </div>
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="DO3">DO3</mat-checkbox>
+    </div>
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="DO4">DO4</mat-checkbox>
+    </div>
+    <div class="ebo-select-item">
+      <mat-checkbox [(ngModel)]="Kenmerk">Kenmerk</mat-checkbox>
+    </div>
+  </div>
+  <mat-tab-group>
+    <mat-tab label="Nieuwe filter">
+      <div class="bar">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Filter</mat-label>
+          <input matInput [(ngModel)]="FilterNaamNieuw">
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="NieuwFilterToevoegen()">Toevoegen</button>
+      </div>
+    </mat-tab>
+    <mat-tab label="Bestaand">
+
+      <div class="bar">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Filter</mat-label>
+          <mat-select [(ngModel)]="FilterSelected">
+            <mat-option *ngFor="let filter of FiltersViewModel.filterViewModels" [value]="filter.id">
+              {{filter.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="BestaandToevoegen()">Toevoegen</button>
+      </div>
+    </mat-tab>
+  </mat-tab-group>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filter-dialog/beheer-select-filter-dialog.component.scss

@@ -0,0 +1,11 @@
+.bar {
+  padding: 3px;
+}
+
+.ebo-select {
+  display: flex;
+}
+
+.ebo-select-item {
+  padding: 5px;
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filter-dialog/beheer-select-filter-dialog.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filter-dialog/beheer-select-filter-dialog.component.ts

@@ -0,0 +1,104 @@
+import { Component, Inject, OnInit } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { CreateFilterRequest, CreateFilterResponse, FiltersApiClient, FiltersViewModel } from '../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-select-filter-dialog',
+  templateUrl: './beheer-select-filter-dialog.component.html',
+  styleUrls: ['./beheer-select-filter-dialog.component.scss']
+})
+export class BeheerSelectFilterDialogComponent implements OnInit {
+  public LoadingFilters: boolean = false;
+  public FiltersViewModel: FiltersViewModel;
+
+  public FilterNaamNieuw: string = "";
+  public FilterSelected: number;
+
+  public EBOSelect: boolean = false;
+
+  public BOT: boolean = false;
+  public DO1: boolean = false;
+  public DO2: boolean = false;
+  public DO3: boolean = false;
+  public DO4: boolean = false;
+  public Kenmerk: boolean = true;
+
+  constructor(
+    private FiltersApiClient: FiltersApiClient,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+    public dialogRef: MatDialogRef<BeheerSelectFilterDialogComponent>,
+  ) {
+    if (data?.EBOSelect == true) {
+      this.EBOSelect = data.EBOSelect;
+    }
+  }
+
+  ngOnInit(): void {
+    this.LoadFilters();
+  }
+
+  public Loading(): boolean {
+    return this.LoadingFilters;
+  }
+
+  public NieuwFilterToevoegen(): void {
+    this.LoadingFilters = true;
+
+    var requestfilter: CreateFilterRequest = new CreateFilterRequest();
+
+    requestfilter.name = this.FilterNaamNieuw;
+
+    this.FiltersApiClient.createFilter(requestfilter).subscribe((model: CreateFilterResponse) => {
+      this.LoadingFilters = false;
+
+      this.dialogRef.close({
+        filter: model.id,
+        bot: this.BOT,
+        do1: this.DO1,
+        do2: this.DO2,
+        do3: this.DO3,
+        do4: this.DO4,
+        kenmerk: this.Kenmerk
+      });
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.LoadingFilters = false;
+    });
+  }
+
+  public BestaandToevoegen(): void {
+    this.dialogRef.close({
+      filter: this.FilterSelected,
+      bot: this.BOT,
+      do1: this.DO1,
+      do2: this.DO2,
+      do3: this.DO3,
+      do4: this.DO4,
+      kenmerk: this.Kenmerk
+    });
+  }
+
+  private LoadFilters(): void {
+    this.LoadingFilters = true;
+
+    this.FiltersApiClient.getFiltersViewModel().subscribe((model: FiltersViewModel) => {
+      this.FiltersViewModel = model;
+      this.LoadingFilters = false;
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.LoadingFilters = false;
+    });
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filteroption-dialog/beheer-select-filteroption-dialog.component.html

@@ -0,0 +1,49 @@
+<div *ngIf="Loading()">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!Loading()">
+
+  <div class="bar">
+    <mat-form-field appearance="fill" class="full-width">
+      <mat-label>Filter</mat-label>
+      <mat-select [(ngModel)]="FilterSelected">
+        <mat-option *ngFor="let filter of ImportSetsService.FiltersViewModel.filterViewModels" [value]="filter">
+          {{filter.name}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+
+  <mat-tab-group>
+    <mat-tab label="Bestaand">
+
+      <div class="bar">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Optie</mat-label>
+          <mat-select [(ngModel)]="FilterOptieSelected">
+            <mat-option *ngFor="let optie of GetOpties()" [value]="optie">
+              {{optie.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="BestaandToevoegen()">Toevoegen</button>
+      </div>
+    </mat-tab>
+    <mat-tab label="Nieuwe optie">
+      <div class="bar">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Optie</mat-label>
+          <input matInput [(ngModel)]="OptieNaamNieuw">
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="NieuwOptieToevoegen()">Toevoegen</button>
+      </div>
+    </mat-tab>
+  </mat-tab-group>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filteroption-dialog/beheer-select-filteroption-dialog.component.scss

@@ -0,0 +1,3 @@
+.bar {
+  padding: 3px;
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-select-filteroption-dialog/beheer-select-filteroption-dialog.component.spec.ts

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