fabrikantencore 2.4.1 → 2.4.4

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

@@ -0,0 +1,139 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { FiltersApiClient, InputsViewModel, FilterOptionRequiredViewModel, RangeInputFilterOptionRequiredViewModel, InputViewModel, MoveFilterRequest, MoveFilterOptionRequest, FilterOptionViewModel, SetFilterRequiredRequest, SetFilterOptionRequiredRequest } from '../../../swagger/SwaggerClient';
+import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
+import { MatDialog } from '@angular/material/dialog';
+import { BeheerSelectFilterDialogComponent } from '../beheer-select-filter-dialog/beheer-select-filter-dialog.component';
+import { BeheerSelectFilteroptionDialogComponent } from '../beheer-select-filteroption-dialog/beheer-select-filteroption-dialog.component';
+
+@Component({
+  selector: 'app-beheer-filters',
+  templateUrl: './beheer-filters.component.html',
+  styleUrls: ['./beheer-filters.component.scss']
+})
+export class BeheerFiltersComponent implements OnInit {
+
+  public Loading: boolean = true;
+
+  public InputsViewModel: InputsViewModel;
+
+  public InputViewModel: InputViewModel | undefined = undefined;
+
+  constructor(private FiltersApiClient: FiltersApiClient,
+    public dialog: MatDialog,
+    private ChangeDetectorRef: ChangeDetectorRef) { }
+
+  ngOnInit(): void {
+    this.LoadInputs();
+  }
+
+  drop(event: CdkDragDrop<string[]>) {
+    if (this.InputsViewModel.inputs != null) {
+      moveItemInArray(this.InputsViewModel.inputs, event.previousIndex, event.currentIndex);
+
+      this.SaveInputs();
+    }
+  }
+
+  public MoveUpOption(option: FilterOptionViewModel) {
+    this.Loading = true;
+
+    var request = new MoveFilterOptionRequest();
+
+    request.filterOptionId = option.id;
+    request.up = true;
+
+    this.FiltersApiClient.moveFilterOption(request).subscribe(() => {
+      this.LoadInputs();
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+
+  public MoveDownOption(option: FilterOptionViewModel) {
+    this.Loading = true;
+
+    var request = new MoveFilterOptionRequest();
+
+    request.filterOptionId = option.id;
+    request.up = false;
+
+    this.FiltersApiClient.moveFilterOption(request).subscribe(() => {
+      this.LoadInputs();
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+
+  public Open(input: InputViewModel) {
+    this.InputViewModel = input;
+  }
+
+  public AddCategory(): void {
+
+  }
+
+  public LoadInputs(): void {
+    this.Loading = true;
+
+    this.FiltersApiClient.getInputsViewModel().subscribe((model: InputsViewModel) => {
+      this.InputsViewModel = model;
+
+      if (this.InputViewModel != null && this.InputsViewModel.inputs != null) {
+        for (var i = 0; i < this.InputsViewModel.inputs.length; i++) {
+          if ((this.InputViewModel.filter?.id == this.InputsViewModel.inputs[i].filter?.id) &&
+            (this.InputViewModel.range?.id == this.InputsViewModel.inputs[i].range?.id)) {
+            this.InputViewModel = this.InputsViewModel.inputs[i];
+          }
+        }
+      }
+
+      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;
+    });
+  }
+
+  private SaveInputs(): void {
+    if (this.InputsViewModel.inputs != null) {
+      this.Loading = true;
+
+      for (var i = 0; i < this.InputsViewModel.inputs.length; i++) {
+        this.InputsViewModel.inputs[i].position = i;
+      }
+
+      this.FiltersApiClient.saveInputsViewModel(this.InputsViewModel).subscribe(() => {
+        this.LoadInputs();
+      }, (error: Response) => {
+        if (error.status == 400)
+          console.log(error.json());
+        else {
+          console.log('An unexpected error occured');
+          console.log(error);
+        }
+
+        this.Loading = false;
+      });
+    }
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-dialog/beheer-import-sets-dialog.component.html

@@ -0,0 +1,12 @@
+<div *ngIf="Loading">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!Loading">
+  <mat-form-field appearance="fill">
+    <mat-label>Naam</mat-label>
+    <input matInput [(ngModel)]="name">
+  </mat-form-field>
+
+  <button mat-raised-button (click)="Opslaan()">Opslaan</button>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-dialog/beheer-import-sets-dialog.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-dialog/beheer-import-sets-dialog.component.ts

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, Component, Inject, OnInit } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { ImportSetsService } from '../../../../services/importsets.service';
+import { SaveImportSetRequest, ImportApiClient } from '../../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-import-sets-dialog',
+  templateUrl: './beheer-import-sets-dialog.component.html',
+  styleUrls: ['./beheer-import-sets-dialog.component.scss']
+})
+export class BeheerImportSetsDialogComponent implements OnInit {
+
+  public id: number;
+  public name: string;
+
+  public Loading: boolean = false;
+
+  constructor(
+    public ChangeDetectorRef: ChangeDetectorRef,
+    private ImportSetsService: ImportSetsService,
+    public dialogRef: MatDialogRef<BeheerImportSetsDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+    private ImportApiClient: ImportApiClient) {
+    this.id = data.id;
+    this.name = data.name;
+  }
+
+  ngOnInit(): void {
+  }
+
+  public Opslaan(): void {
+    this.Loading = true;
+
+    var model: SaveImportSetRequest = new SaveImportSetRequest();
+
+    model.id = this.id;
+    model.name = this.name;
+
+    this.ImportApiClient.saveImportSet(model).subscribe(() => {
+      this.Loading = false;
+      this.ImportSetsService.LoadImportSets(this.ChangeDetectorRef);
+
+      this.dialogRef.close();
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component.html

@@ -0,0 +1,33 @@
+<div class="row">
+  <div class="icon-div" (click)="Open()">
+    <mat-icon *ngIf="!Opened" class="expand_more">expand_more</mat-icon>
+    <mat-icon *ngIf="Opened" class="expand_less">expand_less</mat-icon>
+  </div>
+  <div class="text-div">
+    <div class="row">
+      <div class="flex-auto text-box" *ngFor="let do of ebo.dOs">
+        <mat-form-field class="full-width" appearance="fill">
+          <mat-label>{{ do.doType }}</mat-label>
+          <input matInput value="{{do.doNaam}}" [readonly]="true">
+        </mat-form-field>
+      </div>
+    </div>
+  </div>
+</div>
+<div *ngIf="Opened">
+  <div *ngIf="Loading">
+    <app-fab-loader></app-fab-loader>
+  </div>
+  <div *ngIf="!Loading" class="props">
+    <div class="opbouw">Opbouw</div>
+    <div *ngFor="let opbouw of BCBImportOpenResponse.bcbImportOpbouwen">
+      <app-beheer-import-sets-opbouw [opbouw]="opbouw"></app-beheer-import-sets-opbouw>
+    </div>
+
+    <div class="opbouw">Eigenschap</div>
+    <div *ngFor="let eigenschap of BCBImportOpenResponse.bcbImportEigenschappen">
+      <app-beheer-import-sets-eigenschap [eigenschap]="eigenschap"></app-beheer-import-sets-eigenschap>
+    </div>
+  </div>
+</div>
+

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component.scss

@@ -0,0 +1,60 @@
+app-beheer-import-sets-ebo {
+  .row {
+    display: flex;
+    align-items: center;
+  }
+
+  .full-width {
+    width: 100%;
+  }
+
+  .icon-div {
+    width: 22px;
+    height: 24px;
+    cursor: pointer;
+  }
+
+  .text-div {
+    flex: auto;
+    cursor: pointer;
+  }
+
+  .props {
+    padding-left: 20px;
+  }
+
+  .opbouw {
+    border-bottom: 2px solid #000;
+    font-size: 20px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+  }
+
+  .flex-auto {
+    flex: auto;
+  }
+
+  .check-div {
+    padding-left: 5px;
+  }
+
+  .card {
+    margin: 3px;
+  }
+
+  .mat-form-field-wrapper {
+    padding-bottom: 0px;
+  }
+
+  .mat-form-field-underline {
+    bottom: 0px;
+  }
+
+  .mat-form-field-infix {
+    width: auto;
+  }
+
+  .text-box {
+    padding-left: 3px;
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-ebo.component.ts

@@ -0,0 +1,99 @@
+import { ChangeDetectorRef, Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { BCBImportOpenTempRequest, BCBImportOpenTempDORequest, BCBImportOpenResponse, ImportApiClient, WizardEBOViewModel } from '../../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-import-sets-ebo',
+  templateUrl: './beheer-import-sets-ebo.component.html',
+  styleUrls: ['./beheer-import-sets-ebo.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class BeheerImportSetsEboComponent implements OnInit {
+
+  public Opened: boolean = false;
+  public Loading: boolean = true;
+
+  public BCBImportOpenResponse: BCBImportOpenResponse;
+
+  @Input() ebo: WizardEBOViewModel; 
+
+  constructor(private ImportApiClient: ImportApiClient, private ImportSetsService: ImportSetsService) { }
+
+  ngOnInit(): void {
+  }
+
+  public Open(): void {
+    if (!this.Opened) {
+      this.Loading = true;
+      this.Opened = true;
+      var array = this.ebo.dOs;
+
+      if (array != null) {
+
+        var request = new BCBImportOpenTempRequest();
+        request.dOs = new Array<BCBImportOpenTempDORequest>();
+        request.base = this.ebo.base;
+        request.bcbImportSetId = this.ImportSetsService.BCBImportSetSelected;
+
+        for (var i = 0; i < array.length; i++) {
+          var newdo = new BCBImportOpenTempDORequest();
+
+          newdo.naam = array[i].doNaam;
+          newdo.type = array[i].doType;
+
+          request.dOs.push(newdo);
+        }
+
+        this.ImportApiClient.openEBO(request).subscribe((model: BCBImportOpenResponse) => {
+          this.BCBImportOpenResponse = model;
+          this.Loading = false;
+        });
+      }
+    }
+    else {
+      this.Opened = false;
+    }
+  }
+
+}
+
+import { ImportSetsService } from '../../../../services/importsets.service';
+import { BCBImportOpbouw } from '../../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-import-sets-opbouw',
+  templateUrl: './beheer-import-sets-opbouw.component.html',
+  styleUrls: ['./beheer-import-sets-opbouw.component.scss']
+})
+export class BeheerImportSetsOpbouwComponent implements OnInit {
+
+  @Input() opbouw: BCBImportOpbouw;
+
+  constructor(private ImportSetsService: ImportSetsService, private ChangeDetectorRef: ChangeDetectorRef) { }
+
+  ngOnInit(): void {
+  }
+
+  public Toggle(): void {
+    if (this.opbouw.wizardEBOViewModels != null && this.opbouw.wizardEBOViewModels.length > 0) {
+      this.opbouw.open = !this.opbouw.open;
+    }
+    else {
+      this.UpdateSelected();
+    }
+  }
+
+  public UpdateSelected(): void {
+    this.opbouw.selected = !this.opbouw.selected;
+
+    var base: string = this.opbouw.base + "";
+
+    if (base != "") {
+      base += "#";
+    }
+
+    base += this.opbouw.value + "";
+
+    this.ImportSetsService.ChangeImportSetValue(base, this.opbouw.selected, this.ChangeDetectorRef);
+  }
+}
+

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-opbouw.component.html

@@ -0,0 +1,20 @@
+<div class="top-row">
+  <div class="icon-div" (click)="Toggle()">
+    <ng-container *ngIf="opbouw.wizardEBOViewModels != null && opbouw.wizardEBOViewModels.length > 0">
+      <mat-icon *ngIf="!opbouw.open" class="expand_more">expand_more</mat-icon>
+      <mat-icon *ngIf="opbouw.open" class="expand_less">expand_less</mat-icon>
+    </ng-container>
+    
+  </div>
+  <div class="text-div flexauto" (click)="Toggle()">
+    {{ opbouw.name }}
+  </div>
+  <div class="check-div">
+    <mat-checkbox [checked]="opbouw.selected" (change)="UpdateSelected()"></mat-checkbox>
+  </div>
+</div>
+<div class="content" *ngIf="opbouw.open">
+  <div class="ebobox" *ngFor="let ebo of opbouw.wizardEBOViewModels">
+    <app-beheer-import-sets-ebo [ebo]="ebo"></app-beheer-import-sets-ebo>
+  </div>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-opbouw.component.scss

@@ -0,0 +1,38 @@
+.top-row {
+  display: flex;
+  align-items: center;
+}
+
+.icon-div {
+  width: 22px;
+  height: 24px;
+  cursor: pointer;
+}
+
+.text-div {
+  cursor: pointer;
+  padding: 3px;
+  border-bottom: 1px solid lightgray;
+}
+
+.text-div:hover {
+  border-bottom: 1px solid #000;
+}
+
+.check-div {
+
+}
+
+.card {
+  margin: 3px;
+}
+
+.flexauto {
+    flex: auto;
+}
+
+.ebobox {
+  padding: 10px;
+  margin: 10px;
+  border: 1px solid;
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-ebo/beheer-import-sets-opbouw.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component.html

@@ -0,0 +1,8 @@
+<div class="top-row">
+  <div class="text-div flexauto" (click)="UpdateSelected()">
+    {{ eigenschap.name }}
+  </div>
+  <div class="check-div">
+    <mat-checkbox [checked]="eigenschap.selected" (change)="UpdateSelected()"></mat-checkbox>
+  </div>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component.scss

@@ -0,0 +1,31 @@
+.top-row {
+  display: flex;
+  align-items: center;
+}
+
+.icon-div {
+  width: 22px;
+  height: 24px;
+  cursor: pointer;
+}
+
+.text-div {
+  cursor: pointer;
+  padding: 3px;
+  border-bottom: 1px solid lightgray;
+}
+
+.text-div:hover {
+  border-bottom: 1px solid #000;
+}
+
+.check-div {
+}
+
+.card {
+  margin: 3px;
+}
+
+.flexauto {
+  flex: auto;
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-import-sets/beheer-import-sets-eigenschap/beheer-import-sets-eigenschap.component.ts

@@ -0,0 +1,33 @@
+import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
+import { ImportSetsService } from '../../../../services/importsets.service';
+import { BCBImportEigenschap } from '../../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-import-sets-eigenschap',
+  templateUrl: './beheer-import-sets-eigenschap.component.html',
+  styleUrls: ['./beheer-import-sets-eigenschap.component.scss']
+})
+export class BeheerImportSetsEigenschapComponent implements OnInit {
+
+  @Input() eigenschap: BCBImportEigenschap;
+
+  constructor(private ImportSetsService: ImportSetsService, private ChangeDetectorRef: ChangeDetectorRef) { }
+
+  ngOnInit(): void {
+  }
+
+  public UpdateSelected(): void {
+    this.eigenschap.selected = !this.eigenschap.selected;
+
+    var base: string = this.eigenschap.base + "";
+
+    if (base != "") {
+      base += "#";
+    }
+
+    base += this.eigenschap.value + "";
+
+    this.ImportSetsService.ChangeImportSetValue(base, this.eigenschap.selected, this.ChangeDetectorRef);
+  }
+
+}