fabrikantencore 2.4.3 → 2.4.4

package/src/app/modules/fabrikantencore/beheer/components/beheer-connect-category-dialog/beheer-connect-category-dialog.component.html

@@ -0,0 +1,46 @@
+<div *ngIf="Loading">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!Loading">
+  <mat-tab-group>
+    <mat-tab label="Nieuw">
+      <div class="bar">
+        <!--<mat-form-field appearance="fill" class="full-width">
+          <mat-label>{{ DOType }}</mat-label>
+          <input matInput [(ngModel)]="DONaam" readonly>
+        </mat-form-field>-->
+
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Naam</mat-label>
+          <input matInput [(ngModel)]="CategoryName">
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="Nieuw()">Toevoegen</button>
+      </div>
+    </mat-tab>
+    <mat-tab label="Bestaand">
+      <div class="bar">
+        <!--<mat-form-field appearance="fill" class="full-width">
+          <mat-label>{{ DOType }}</mat-label>
+          <input matInput [(ngModel)]="DONaam" readonly>
+        </mat-form-field>-->
+
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Category</mat-label>
+          <mat-select [(ngModel)]="CategorySelected">
+            <mat-option *ngFor="let category of CategoriesViewModel.categories" [value]="category.id">
+              {{category.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+
+      <div class="bar tool-bar">
+        <button mat-raised-button (click)="Bestaand()">Toevoegen</button>
+      </div>
+    </mat-tab>
+  </mat-tab-group>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-connect-category-dialog/beheer-connect-category-dialog.component.spec.ts

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

package/src/app/modules/fabrikantencore/beheer/components/beheer-connect-category-dialog/beheer-connect-category-dialog.component.ts

@@ -0,0 +1,79 @@
+import { Component, Inject, OnInit } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { CategoriesApiClient, CategoriesViewModel, CreateCategoryRequest, CreateCategoryResponse } from '../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-connect-category-dialog',
+  templateUrl: './beheer-connect-category-dialog.component.html',
+  styleUrls: ['./beheer-connect-category-dialog.component.scss']
+})
+export class BeheerConnectCategoryDialogComponent implements OnInit {
+
+  public Loading: boolean = true;
+
+  public DOType: string = "DOType";
+  public DONaam: string = "DONaam";
+
+  public CategoryName: string = "";
+
+  public CategorySelected: number;
+
+  public CategoriesViewModel: CategoriesViewModel;
+
+  constructor(public dialogRef: MatDialogRef<BeheerConnectCategoryDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any, private CategoriesApiClient: CategoriesApiClient) {
+    //this.DOType = data.dotype;
+    //this.DONaam = data.donaam;
+
+    //this.CategoryName = data.donaam;
+  }
+
+  ngOnInit(): void {
+    this.LoadCategories();
+  }
+
+  public Nieuw(): void {
+    this.Loading = true;
+
+    var requestcategory: CreateCategoryRequest = new CreateCategoryRequest();
+
+    requestcategory.name = this.CategoryName;
+
+    this.CategoriesApiClient.createCategory(requestcategory).subscribe((model: CreateCategoryResponse) => {
+
+        this.Loading = false;
+
+        this.dialogRef.close(model.id);
+    }, (error: Response) => {
+      if (error.status == 400)
+        console.log(error.json());
+      else {
+        console.log('An unexpected error occured');
+        console.log(error);
+      }
+
+      this.Loading = false;
+    });
+  }
+
+  public Bestaand(): void {
+    this.dialogRef.close(this.CategorySelected);
+  }
+
+  private LoadCategories(): void {
+    this.Loading = true;
+
+    this.CategoriesApiClient.getCategoriesViewModel().subscribe((model: CategoriesViewModel) => {
+      this.CategoriesViewModel = model;
+      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;
+    });
+  }
+}

package/src/app/modules/fabrikantencore/beheer/components/beheer-deeplink/beheer-deeplink.component.html

@@ -0,0 +1,33 @@
+<app-beheer-nav></app-beheer-nav>
+
+<div *ngIf="Loading">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!Loading" class="main-window">
+  <mat-card>
+    <mat-card-content>
+      <mat-form-field class="full-width">
+        <mat-label>URL</mat-label>
+        <input matInput [(ngModel)]="URL">
+      </mat-form-field>
+
+      <table class="full-width">
+        <tr class="header">
+          <td>Naam</td>
+          <td>URL Naam</td>
+          <td>URL</td>
+        </tr>
+        <tr *ngFor="let product of DeeplinkViewModel.products">
+          <td>{{ product.productName }}</td>
+          <td>{{ product.productURLName }}</td>
+          <td>
+            <div *ngFor="let language of DeeplinkViewModel.languages">
+              <a href="{{ GetLink(language, product) }}" target="_blank">{{ GetLink(language, product) }}</a>
+            </div>
+          </td>
+        </tr>
+      </table>
+    </mat-card-content>
+  </mat-card>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-deeplink/beheer-deeplink.component.scss

@@ -0,0 +1,15 @@
+.main-window {
+  padding: 5px;
+}
+
+.full-width {
+    width: 100%;
+}
+
+.header {
+    font-weight: bold;
+
+    td {
+        border-bottom: 1px solid #000;
+    }
+}

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

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

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

@@ -0,0 +1,42 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { DeeplinkViewModel, DeeplinkRequest, DeeplinkProductViewModel, ProductsApiClient } from '../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-deeplink',
+  templateUrl: './beheer-deeplink.component.html',
+  styleUrls: ['./beheer-deeplink.component.scss']
+})
+export class BeheerDeeplinkComponent implements OnInit {
+
+  public Loading: boolean = true;
+  public DeeplinkViewModel: DeeplinkViewModel;
+  public URL: string = "";
+
+  constructor(
+    private ProductsApiClient: ProductsApiClient,
+    private ChangeDetectorRef: ChangeDetectorRef
+  ) {
+    this.URL = window.location.origin;
+  }
+
+  ngOnInit(): void {
+    this.LoadModel();
+  }
+
+  public GetLink(language: string, product: DeeplinkProductViewModel): string {
+    return this.URL + "/" + language + "/product/" + product.productURLName;
+  }
+
+  private LoadModel(): void {
+    this.Loading = true;
+    this.ChangeDetectorRef.detectChanges();
+
+    var request = new DeeplinkRequest();
+
+    this.ProductsApiClient.getDeeplinkViewModel(request).subscribe((model: DeeplinkViewModel) => {
+      this.DeeplinkViewModel = model;
+      this.Loading = false;
+      this.ChangeDetectorRef.detectChanges();
+    });
+  }
+}

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

@@ -0,0 +1,11 @@
+<!--<div class="row">
+  <div class="flex-auto" *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>
+  {{ GetText() }}
+</div>

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

@@ -0,0 +1,8 @@
+.row {
+    display: flex;
+}
+
+.flex-auto {
+    flex: auto;
+}
+

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

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

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

@@ -0,0 +1,33 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { BCBEBOViewModel } from '../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-display-ebo',
+  templateUrl: './beheer-display-ebo.component.html',
+  styleUrls: ['./beheer-display-ebo.component.scss']
+})
+export class BeheerDisplayEboComponent implements OnInit {
+
+  @Input() ebo: BCBEBOViewModel;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+  public GetText(): string {
+    var text = "";
+
+    if (this.ebo?.dOs != null) {
+      for (var i = 0; i < this.ebo.dOs.length; i++) {
+        if (text != "") {
+          text += " | ";
+        }
+
+        text += this.ebo.dOs[i].doNaam;
+      }
+    }
+
+    return text;
+  }
+}

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

@@ -0,0 +1,73 @@
+<app-beheer-nav></app-beheer-nav>
+
+<div *ngIf="Loading()" class="loader">
+  <app-fab-loader></app-fab-loader>
+</div>
+<div class="main-content">
+  <mat-card>
+    <mat-card-content>
+      <mat-form-field appearance="fill" class="full-width" *ngIf="!ImportSetsService.LoadingImportSets">
+        <mat-label>Import set</mat-label>
+        <mat-select [(ngModel)]="ImportSetsService.BCBImportSetSelected" (change)="LoadModel()">
+          <mat-option *ngFor="let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels" [value]="importset.id">
+            {{importset.name}}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+
+      <button mat-raised-button (click)="LoadModel()">
+        Refresh
+      </button>
+    </mat-card-content>
+  </mat-card>
+  <br />
+  <mat-accordion *ngIf="EBOKoppelViewModel != null">
+    <mat-expansion-panel *ngFor="let type of EBOKoppelViewModel.eboKoppelTypeViewModels" (click)="lastopened = type.type;" [expanded]="lastopened === type.type">
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          {{ type.type }}
+        </mat-panel-title>
+        <mat-panel-description>
+          {{ type.namen.length }}
+        </mat-panel-description>
+      </mat-expansion-panel-header>
+      <div>
+        <mat-card *ngFor="let naam of type.namen" class="card">
+          <mat-card-content>
+            <div class="row">
+              <div class="text-div">
+                {{ naam.doNaam }} ({{ naam.ebOs.length }})
+              </div>
+              <div class="button-row">
+                <button mat-raised-button (click)="Connect(naam.ebOs[0].id)">
+                  FilterOption
+                </button>
+                <button mat-raised-button (click)="ConnectMany(naam.ebOs[0].id)">
+                  FilterOptionMany
+                </button>
+                <button mat-raised-button (click)="ConnectCategory(naam.ebOs[0].id)">
+                  Category
+                </button>
+              </div>
+            </div>
+            <div *ngFor="let ebo of naam.ebOs" class="row eborow">
+              <div class="text-div">
+                {{ ebo.eboNaam }}
+              </div>
+              <div>
+                <div *ngFor="let filteroption of ebo.filterOptions">
+                  {{ filteroption.filterName }}: {{ filteroption.filterOptionName }}
+                </div>
+
+                <div *ngFor="let category of ebo.categories">
+                  Category: {{ category.categoryName }}
+                </div>
+              </div>
+            </div>
+          </mat-card-content>
+        </mat-card>
+      </div>
+    </mat-expansion-panel>
+
+  </mat-accordion>
+</div>

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

@@ -0,0 +1,41 @@
+.card {
+  margin: 3px;
+}
+
+.loader {
+  position: fixed;
+  width: 100%;
+  z-index: 100;
+  background-color: #ffffffaa;
+  height: 100%;
+  top: 0px;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.eborow {
+    padding: 3px;
+    border-bottom: 1px solid #000;
+}
+
+.main-content {
+  padding: 5px;
+}
+
+.icon-div {
+  width: 24px;
+  height: 24px;
+}
+
+.text-div {
+  flex: auto;
+}
+
+.button-row {
+  display: flex;
+  gap: 5px;
+}

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

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

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

@@ -0,0 +1,147 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { ImportSetsService } from '../../../../services/importsets.service';
+import { EBOKoppelApiClient, EBOKoppelViewModel, ConnectEBODOCategoryRequest, ConnectEBODOCategoryResponse, EBOConnectRequestModel, ConnectBCBEBODORequest } from '../../../../swagger/SwaggerClient';
+import { BeheerConnectCategoryDialogComponent } from '../../beheer-connect-category-dialog/beheer-connect-category-dialog.component';
+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-ebo-koppel',
+  templateUrl: './beheer-ebo-koppel.component.html',
+  styleUrls: ['./beheer-ebo-koppel.component.scss']
+})
+export class BeheerEboKoppelComponent implements OnInit {
+
+  public EBOKoppelViewModel: EBOKoppelViewModel;
+
+  public LoadingModel: boolean = false;
+  public lastopened: string = "";
+
+  constructor(
+    private EBOKoppelApiClient: EBOKoppelApiClient,
+    public ImportSetsService: ImportSetsService,
+    public dialog: MatDialog,
+    private ChangeDetectorRef: ChangeDetectorRef
+  ) {
+  }
+
+  ngOnInit(): void {
+    this.ImportSetsService.LoadImportSets(this.ChangeDetectorRef);
+  }
+
+  public Loading(): boolean {
+    return this.ImportSetsService.LoadingImportSets || this.LoadingModel;
+  }
+
+  public Connect(id: number): void {
+    var dialogRef = this.dialog.open(BeheerSelectFilteroptionDialogComponent, {
+      data: {
+      }
+    });
+
+    dialogRef.afterClosed().subscribe((result: any) => {
+      if (result?.filteroption != null) {
+        if (result.filteroption > 0) {
+            if (confirm("Weet je het zeker?")) {
+              this.LoadingModel = true;
+              this.ChangeDetectorRef.detectChanges();
+
+              var request = new ConnectBCBEBODORequest();
+
+              request.filterOptionId = result.filteroption;
+              request.bcbebodoId = id;
+              request.bcbImportSetId = this.ImportSetsService.BCBImportSetSelected;
+              request.all = false;
+
+              this.EBOKoppelApiClient.connectBCBEBODOFilter(request).subscribe(() => {
+                this.LoadModel();
+              }, (error: Response) => {
+                alert(error);
+              });
+            }
+          }
+        }
+    });
+  }
+
+  public ConnectMany(id: number): void {
+    var dialogRef = this.dialog.open(BeheerSelectFilterDialogComponent, {
+      data: {
+        EBOSelect: true
+      }
+    });
+
+    dialogRef.afterClosed().subscribe((result: any) => {
+      if (result?.filter != null) {
+        if (result.filter > 0) {
+          if (confirm("Weet je het zeker?")) {
+            this.LoadingModel = true;
+            this.ChangeDetectorRef.detectChanges();
+
+            var request = new ConnectBCBEBODORequest();
+
+            request.filterId = result.filter;
+            request.bcbebodoId = id;
+            request.bcbImportSetId = this.ImportSetsService.BCBImportSetSelected;
+            request.all = true;
+
+            this.EBOKoppelApiClient.connectBCBEBODOFilter(request).subscribe(() => {
+              this.LoadModel();
+            }, (error: Response) => {
+              alert(error);
+            });
+          }
+        }
+      }
+    });
+  }
+
+  public ConnectCategory(id: number): void {
+    var dialogRef = this.dialog.open(BeheerConnectCategoryDialogComponent, {
+      //data: {
+      //  dotype: dotype,
+      //  donaam: donaam
+      //}
+    });
+
+    dialogRef.afterClosed().subscribe((result: any) => {
+      if (result != null && result > 0) {
+        this.LoadingModel = true;
+        var request = new ConnectEBODOCategoryRequest();
+
+        request.bcbImportSetId = this.ImportSetsService.BCBImportSetSelected;
+        request.bcbebodoId = id;
+        request.categoryId = result;
+
+        this.EBOKoppelApiClient.connectEBODOCategory(request).subscribe((model: ConnectEBODOCategoryResponse) => {
+          this.LoadModel();
+        }, (error: Response) => {
+          alert(error);
+        });
+      }
+    });
+  }
+
+  public LoadModel(): void {
+    if (this.ImportSetsService.BCBImportSetSelected > 0) {
+      this.LoadingModel = true;
+      this.ChangeDetectorRef.detectChanges();
+
+      var model = new EBOConnectRequestModel();
+
+      model.importSetId = this.ImportSetsService.BCBImportSetSelected;
+
+      this.EBOKoppelApiClient.getEBOKoppelViewModel(model).subscribe((model: EBOKoppelViewModel) => {
+        this.EBOKoppelViewModel = model;
+        this.LoadingModel = false;
+        this.ChangeDetectorRef.detectChanges();
+      });
+    }
+    else {
+      this.LoadingModel = false;
+      this.ChangeDetectorRef.detectChanges();
+    }
+  }
+
+}