fabrikantencore 2.0.6 → 2.0.7

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">expand_more</mat-icon>
+      <mat-icon *ngIf="opbouw.open">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);
+  }
+
+}

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

@@ -0,0 +1,92 @@
+<app-beheer-nav></app-beheer-nav>
+
+<div *ngIf="Loading()">
+  <app-fab-loader></app-fab-loader>
+</div>
+<div *ngIf="!Loading()" class="main-content">
+  <mat-card>
+    <div class="toolbar">
+      <div class="toolbar-item">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Import set</mat-label>
+          <mat-select [(ngModel)]="ImportSetsService.BCBImportSetSelected" (selectionChange)="Reload()">
+            <mat-option *ngFor="let importset of ImportSetsService.BCBImportSetsViewModel.bcbImportSetViewModels" [value]="importset.id">
+              {{importset.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+      <div class="">
+        <button mat-raised-button (click)="Wijzig()">
+          Wijzig
+        </button>
+      </div>
+      <div class="">
+        <button mat-raised-button (click)="Toevoegen()">
+          Toevoegen
+        </button>
+      </div>
+    </div>
+    <div class="toolbar" *ngIf="GetProducts().length > 0">
+      <div class="toolbar-item">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>Product</mat-label>
+          <mat-select [(ngModel)]="ProductsService.ProductSelected">
+            <mat-option *ngFor="let product of GetProducts()" [value]="product.id">
+              {{product.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+      <div class="toolbar-item flex-auto">
+        <mat-form-field appearance="fill" class="full-width">
+          <mat-label>BCBProduct</mat-label>
+          <mat-select [(ngModel)]="ProductsService.BCBProductSelected">
+            <mat-option *ngFor="let product of ProductsService.GetBCBProductsSelected()" [value]="product.id">
+              {{product.name}}
+            </mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+      <div class="">
+        <button mat-raised-button (click)="Open()">
+          Open
+        </button>
+      </div>
+    </div>
+  </mat-card>
+
+  <div class="main-block">
+    <div class="flex-auto block">
+      <mat-card>
+        <mat-card-content>
+          <div *ngIf="ImportSetsService.LoadingOpen">
+            <app-fab-loader></app-fab-loader>
+          </div>
+          <div *ngIf="!ImportSetsService.LoadingOpen && ImportSetsService.BCBImportOpenResponse != null">
+            <h3 class="title">{{ ImportSetsService.BCBImportOpenResponse?.bcbeboViewModel?.name }}</h3>
+
+            <div class="opbouw">Opbouw</div>
+            <app-beheer-import-sets-opbouw *ngFor="let opbouw of ImportSetsService.BCBImportOpenResponse.bcbImportOpbouwen" [opbouw]="opbouw"></app-beheer-import-sets-opbouw>
+
+            <div class="opbouw">Eigenschap</div>
+            <app-beheer-import-sets-eigenschap *ngFor="let eigenschap of ImportSetsService.BCBImportOpenResponse.bcbImportEigenschappen" [eigenschap]="eigenschap"></app-beheer-import-sets-eigenschap>
+          </div>
+        </mat-card-content>
+      </mat-card>
+
+    </div>
+    <div class="importset-block block">
+      <mat-card>
+        <mat-card-title>{{ ImportSetsService.GetActiveImportSet().name }}</mat-card-title>
+        <mat-card-content>
+          <mat-card class="value-block" *ngFor="let value of ImportSetsService.GetActiveImportSet().bcbImportSetValueViewModels">
+            <mat-card-content>
+              {{ value.value }}
+            </mat-card-content>
+          </mat-card>
+        </mat-card-content>
+      </mat-card>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,50 @@
+.main-content {
+  padding: 5px;
+}
+
+.flex-auto {
+  flex: auto;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.value-block {
+  margin: 3px;
+}
+
+.importset-block {
+  min-width: 300px;
+}
+
+.full-height {
+  height: 100%;
+}
+
+.main-block {
+  display: flex;
+}
+
+.block {
+  margin: 5px;
+}
+
+.toolbar {
+  display: flex;
+}
+
+.toolbar-item {
+  margin-right: 3px;
+}
+
+.card {
+    margin: 3px;
+}
+
+.opbouw {
+  border-bottom: 2px solid #000;
+  font-size: 20px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}

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

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

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

@@ -0,0 +1,73 @@
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { ImportSetsService } from '../../../services/importsets.service';
+import { ProductsService } from '../../../services/products.service';
+import { ImportApiClient, BCBImportSetsViewModel, BCBImportSetViewModel, ProductViewModel, BCBProductViewModel, BCBImportOpenRequest, BCBImportOpenResponse } from '../../../swagger/SwaggerClient';
+import { BeheerImportSetsDialogComponent } from './beheer-import-sets-dialog/beheer-import-sets-dialog.component';
+
+@Component({
+  selector: 'app-beheer-import-sets',
+  templateUrl: './beheer-import-sets.component.html',
+  styleUrls: ['./beheer-import-sets.component.scss']
+})
+export class BeheerImportSetsComponent implements OnInit {
+
+  constructor(
+    public dialog: MatDialog,
+    public ProductsService: ProductsService,
+    public ImportSetsService: ImportSetsService,
+    public ImportApiClient: ImportApiClient,
+    private ChangeDetectorRef: ChangeDetectorRef) {
+
+  }
+
+  ngOnInit(): void {
+    this.ImportSetsService.LoadImportSets(this.ChangeDetectorRef);
+  }
+
+  public Wijzig(): void {
+    var dialogRef = this.dialog.open(BeheerImportSetsDialogComponent, {
+      data: {
+        id: this.ImportSetsService.GetActiveImportSet().id,
+        name: this.ImportSetsService.GetActiveImportSet().name
+      }
+    });
+  }
+
+  public Toevoegen(): void {
+    var dialogRef = this.dialog.open(BeheerImportSetsDialogComponent, {
+      data: {
+        id: -1,
+        name: ""
+      }
+    });
+  }
+
+  public Loading(): boolean {
+    return this.ProductsService.Loading() || this.ImportSetsService.LoadingImportSets;
+  }
+
+  public Open(): void {
+    this.ImportSetsService.Open(this.ProductsService.BCBProductSelected, this.ChangeDetectorRef);
+  }
+
+  public Reload(): void {
+    this.ProductsService.Reload(this.ChangeDetectorRef);
+  }
+
+  public GetProducts(): Array<ProductViewModel> {
+    var array = new Array<ProductViewModel>();
+
+    var products = this.ProductsService.ProductsViewModel?.productViewModels;
+
+    if (products != null) {
+      for (var i = 0; i < products.length; i++) {
+        if (products[i].importSetId == this.ImportSetsService.GetActiveImportSet().id) {
+          array.push(products[i]);
+        }
+      }
+    }
+
+    return array;
+  }
+}

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

@@ -0,0 +1,42 @@
+
+<div class="container">
+  <div class="inlogdialog">
+    <mat-card>
+      <mat-card-content>
+        <div>
+          <mat-form-field appearance="fill">
+            <mat-label>Gebruikersnaam</mat-label>
+            <input type="text" [(ngModel)]="Username" matInput value="">
+          </mat-form-field>
+        </div>
+        <div>
+          <mat-form-field appearance="fill">
+            <mat-label>Wachtwoord</mat-label>
+            <input type="password" [(ngModel)]="Password" matInput value="">
+          </mat-form-field>
+        </div>
+
+        <div class="button-bar">
+          <div class="error-box">
+            {{ Message }}
+          </div>
+          <button mat-raised-button (click)="Login()" class="login-button">
+            <span *ngIf="!authenticationService.LoadingLogin">
+              Login
+            </span>
+            <span *ngIf="authenticationService.LoadingLogin">
+              <app-fab-loader class="loader"></app-fab-loader>
+            </span>
+          </button>
+        </div>
+        <div>
+          IP Address: {{ LoginIPResponseModel?.ipAddress }}
+        </div>
+        <div>
+          FabrikantenCore: {{ LoginIPResponseModel?.fabrikantenCoreVersion }}
+        </div>
+      </mat-card-content>
+    </mat-card>
+    
+  </div>
+</div>

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

@@ -0,0 +1,44 @@
+app-beheer-inlog {
+  .container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .error-box {
+    font-size: 12px;
+    text-align: center;
+    color: red;
+    padding: 3px;
+  }
+
+  .login-button {
+    width: 70px;
+  }
+
+  .loader {
+    height: 20px;
+    top: 6px;
+    position: relative;
+  }
+
+  .inlogdialog {
+    width: 300px;
+  }
+
+  .button-bar {
+    text-align: right;
+  }
+
+  mat-form-field {
+    width: 100%;
+  }
+
+}
+
+
+body {
+  background: url(/assets/bouwconnect-achtergrond.png) fixed;
+}

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

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

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

@@ -0,0 +1,43 @@
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Router } from '@angular/router';
+import { LoginIPResponseModel, SecurityApiClient } from '../../../swagger/SwaggerClient';
+import { AuthenticationService } from './../../../services/authentication.service'
+
+@Component({
+  selector: 'app-beheer-inlog',
+  templateUrl: './beheer-inlog.component.html',
+  styleUrls: ['./beheer-inlog.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class BeheerInlogComponent implements OnInit {
+
+  public Username: string = "";
+  public Password: string = "";
+
+  public Message: string = "";
+
+  public LoginIPResponseModel: LoginIPResponseModel;
+
+  constructor(public authenticationService: AuthenticationService, public router: Router, private securityApiClient: SecurityApiClient) {
+
+     this.securityApiClient.getLoginIPResponseModel().subscribe((model: LoginIPResponseModel) => {
+      this.LoginIPResponseModel = model;
+    });
+  }
+
+  ngOnInit(): void {
+  }
+
+  public Login(): void {
+    this.Message = "";
+    this.authenticationService.login(this.Username, this.Password, this, this.Success, this.Failure);
+  }
+
+  public Success(beheer: BeheerInlogComponent): void {
+    beheer.router.navigateByUrl('/beheer');
+  }
+
+  public Failure(beheer: BeheerInlogComponent, message: string): void {
+    beheer.Message = message;
+  }
+}