fabrikantencore 2.4.4 → 2.4.6

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

@@ -1,92 +0,0 @@
-<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

@@ -1,50 +0,0 @@
-.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

@@ -1,23 +0,0 @@
-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

@@ -1,73 +0,0 @@
-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

@@ -1,42 +0,0 @@
-
-<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

@@ -1,44 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,43 +0,0 @@
-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;
-  }
-}

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

@@ -1 +0,0 @@
-<app-beheer-nav></app-beheer-nav>

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

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

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

@@ -1,17 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-beheer-main',
-  templateUrl: './beheer-main.component.html',
-  styleUrls: ['./beheer-main.component.css']
-})
-export class BeheerMainComponent implements OnInit {
-
-  constructor() {
-   
-  }
-
-  ngOnInit() {
-  }
-
-}

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

@@ -1,44 +0,0 @@
-<div class="main-block">
-  <div class="row">
-    <div class="cell left-block">
-      <button mat-raised-button (click)="NavigateTo('searchproducts')" class="link" [disabled]="IsActive('/searchproducts')">
-        Zoeken
-      </button>
-      <button mat-raised-button (click)="NavigateTo('importsets')" class="link" [disabled]="IsActive('/importsets')">
-        Import
-      </button>
-      <button mat-raised-button (click)="NavigateTo('products')" class="link" [disabled]="IsActive('/products')">
-        Products
-      </button>
-      <button mat-raised-button (click)="NavigateTo('filters')" class="link" [disabled]="IsActive('/filters')">
-        Filters
-      </button>
-      <button mat-raised-button (click)="NavigateTo('ebokoppel')" class="link" [disabled]="IsActive('/ebokoppel')">
-        EBO Koppel
-      </button>
-      <button mat-raised-button (click)="NavigateTo('categories')" class="link" [disabled]="IsActive('/categories')">
-        Categories
-      </button>
-      <button mat-raised-button (click)="NavigateTo('deeplink')" class="link" [disabled]="IsActive('/deeplink')">
-        Deeplink
-      </button>
-    </div>
-    <div class="cell right-block">
-      <button mat-raised-button (click)="ResetCache()" class="link">
-        {{ ResetCacheTitle }}
-      </button>
-      <button mat-raised-button (click)="NavigateTo('settings')" class="link" [disabled]="IsActive('/settings')">
-        Settings
-      </button>
-      <button mat-raised-button (click)="NavigateTo('translate')" class="link" [disabled]="IsActive('/translate')">
-        Translate
-      </button>
-      <button mat-raised-button (click)="NavigateTo('users')" class="link" [disabled]="IsActive('/users')">
-        Users
-      </button>
-      <button mat-raised-button (click)="LogOff()" class="link">
-        Uitloggen
-      </button>
-    </div>
-  </div>
-</div>

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

@@ -1,34 +0,0 @@
-app-beheer-nav {
-  .main-block {
-    width: 100%;
-    display: table;
-
-    .left-block {
-      text-align: left;
-    }
-
-    .right-block {
-      text-align: right;
-    }
-
-    .row {
-      display: table-row;
-    }
-
-    .cell {
-      display: table-cell;
-    }
-
-    .link {
-      margin: 5px;
-    }
-  }
-}
-
-body {
-  background: url(/assets/bouwconnect-achtergrond.png) fixed;
-}
-
-.full-width {
-  width: 100%;
-}

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

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

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

@@ -1,51 +0,0 @@
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute, Router, NavigationEnd } from '@angular/router';
-import { Title } from '@angular/platform-browser';
-import { FabrikantenApiClient } from '../../../swagger/SwaggerClient';
-import { AuthenticationService } from './../../../services/authentication.service'
-
-@Component({
-  selector: 'app-beheer-nav',
-  templateUrl: './beheer-nav.component.html',
-  styleUrls: ['./beheer-nav.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class BeheerNavComponent implements OnInit {
-
-  public ResetCacheTitle: string = "Reset Cache";
-
-  constructor(public authenticationService: AuthenticationService, private router: Router, private FabrikantenApiClient: FabrikantenApiClient) {
-    
-  }
-
-  ngOnInit(): void {
-  }
-
-  public LogOff(): void {
-    this.authenticationService.logout();
-    this.router.navigateByUrl('/beheer/inloggen');
-  }
-
-  public NavigateTo(name: string) {
-    this.router.navigateByUrl('/beheer/' + name);
-  }
-
-  public IsActive(name: string): boolean {
-    return window.location.href.toLowerCase().indexOf(name.toLowerCase()) != -1;
-  }
-
-  public ResetCache(): void {
-    this.ResetCacheTitle = "...";
-    this.FabrikantenApiClient.resetCache().subscribe(() => {
-      this.ResetCacheTitle = "Reset Cache";
-      alert('cache reset success');
-    }, (error: Response) => {
-      if (error.status == 400)
-        console.log(error.json());
-      else {
-        console.log('An unexpected error occured');
-        console.log(error);
-      }
-    });
-  }
-}

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

@@ -1,42 +0,0 @@
-<div *ngIf="Loading">
-  <app-fab-loader></app-fab-loader>
-</div>
-<div *ngIf="!Loading">
-  <mat-card>
-    <div class="product-bar">
-      <div class="product-first block">
-        <mat-form-field appearance="fill" class="full-width">
-          <mat-label>Naam</mat-label>
-          <input matInput [(ngModel)]="BCBProductViewModel.name">
-        </mat-form-field>
-      </div>
-      <div class="block">
-        <button mat-raised-button (click)="Import()">
-          Import
-        </button>
-      </div>
-      <div class="block">
-        <button mat-raised-button (click)="ResetImport()">
-          Reset Import
-        </button>
-      </div>
-      <div class="block">
-        <button mat-raised-button [disabled]="true">
-          Opslaan
-        </button>
-      </div>
-      <div class="block">
-        <button mat-raised-button [disabled]="true">
-          Verwijderen
-        </button>
-      </div>
-    </div>
-  </mat-card>
-  <br />
-  <mat-card *ngIf="BCBProductViewModel?.bcbeboViewModel">
-    <mat-card-content>
-      <app-beheer-products-ebo [ebo]="BCBProductViewModel.bcbeboViewModel"></app-beheer-products-ebo>
-    </mat-card-content>
-  </mat-card>
-</div>
-

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

@@ -1,41 +0,0 @@
-.product-bar {
-  display: flex;
-}
-
-.product-first {
-  flex: auto;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.card {
-  margin: 3px;
-}
-
-.block {
-  padding: 3px;
-}
-
-.row {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.icon-div {
-  width: 24px;
-  height: 24px;
-}
-
-.text-div {
-  flex: auto;
-}
-
-.title {
-  border-bottom: 2px solid #000;
-  font-size: 20px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-}