fabrikantencore 2.0.6 → 2.0.7

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

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Router } from '@angular/router';
+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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { Component, OnInit, Input, ChangeDetectorRef } from '@angular/core';
+import { ProductsService } from '../../../../services/products.service';
+import { BCBProductViewModel, BCBImportProductRequest, ImportApiClient, BCBImportProductResponse } from '../../../../swagger/SwaggerClient';
+
+@Component({
+  selector: 'app-beheer-products-bcbproduct',
+  templateUrl: './beheer-products-bcbproduct.component.html',
+  styleUrls: ['./beheer-products-bcbproduct.component.scss']
+})
+export class BeheerProductsBcbproductComponent implements OnInit {
+
+  @Input() BCBProductViewModel: BCBProductViewModel;
+
+  public Loading: boolean = false;
+
+  constructor(private ImportApiClient: ImportApiClient, public ProductsService: ProductsService, private ChangeDetectorRef: ChangeDetectorRef) { }
+
+  ngOnInit(): void {
+  }
+
+  public ResetImport(): void {
+    this.ProductsService.ResetImport(-1, this.BCBProductViewModel.id, this.ChangeDetectorRef);
+  }
+
+  public Import(): void {
+
+    var request = new BCBImportProductRequest();
+
+    request.bcbProductId = this.BCBProductViewModel.id;
+
+    this.Loading = true;
+
+    this.ImportApiClient.importBCBProduct(request).subscribe((model: BCBImportProductResponse) => {
+      if (!model.success) {
+        alert(model.message);
+      }
+      this.Loading = false;
+      this.ProductsService.Reload(this.ChangeDetectorRef);
+    }, (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-connect-manyname-dialog/beheer-products-connect-manyname-dialog.component.html

@@ -0,0 +1,56 @@
+<div>
+  <div *ngIf="Loading()">
+    <app-fab-loader></app-fab-loader>
+  </div>
+  <div *ngIf="!Loading()">
+    <div class="displayflex" *ngIf="bcbebodoid == null">
+      <mat-form-field appearance="fill" (change)="Refresh()">
+        <mat-label>Levels</mat-label>
+        <input matInput type="number" [(ngModel)]="LevelsDeep">
+      </mat-form-field>
+    </div>
+
+    <div class="main-content">
+      <div *ngFor="let result of ConnectManyPreviewResponse.containers">
+        <div class="container-name">{{ result.name }}</div>
+        <div class="opties optie" >
+          <div *ngFor="let ebo of result.ebOs" class="displayflex">
+            <div >
+              {{ ebo.count }}x
+            </div>
+            <app-beheer-display-ebo [ebo]="ebo.ebo"></app-beheer-display-ebo>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="displayflex">
+      <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 *ngIf="bcbproducteigenschapoptieid != null">
+        <button class="button" mat-raised-button (click)="Connect()">
+          Connect
+        </button>
+      </div>
+      <div *ngIf="bcbebodoid != null">
+        <button class="button" mat-raised-button (click)="ConnectEBODO()">
+          Connect
+        </button>
+      </div>
+      <div *ngIf="bcbproductopbouwoptieid != null" class="displayflex">
+        <div *ngFor="let type of GetConnects()">
+          <button class="button" mat-raised-button (click)="ConnectType(type)">
+            {{ type }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-products/beheer-products-connect-manyname-dialog/beheer-products-connect-manyname-dialog.component.scss

@@ -0,0 +1,29 @@
+.displayflex {
+  display: flex;
+}
+
+.button {
+  height: 38px;
+  width: 100px;
+}
+
+.main-content {
+  padding: 10px;
+}
+
+.opties {
+  padding-left: 10px;
+  max-height: 600px;
+  overflow: auto;
+}
+
+.container-name {
+  padding: 3px;
+  border-bottom: 2px solid #000;
+  font-weight: bold;
+}
+
+.optie {
+  padding: 2px;
+  border-bottom: 1px solid #000;
+}

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

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