fabrikantencore 2.4.4 → 2.4.6

package/src/app/modules/fabrikantencore/components/fab-breadcrumb/fab-breadcrumb.component.scss

@@ -1,99 +0,0 @@
-app-fab-breadcrumb {
-  .header {
-    display: flex;
-    padding: 4px;
-  }
-
-  .center {
-    text-align: center;
-  }
-
-  .tinybutton {
-    padding: 1px !important;
-
-    .header-title {
-      font-size: 12px !important;
-      line-height: 26px !important;
-    }
-
-    .mat-stroked-button {
-      padding: 0px 8px !important;
-    }
-  }
-
-  .buttonsize {
-    height: 40px;
-    line-height: 25px;
-  }
-
-  .flexauto {
-    flex: auto;
-  }
-
-  .fullwidth {
-    width: 100%;
-  }
-
-  .paddingleft {
-    padding-left: 5px;
-  }
-
-  .displayflex {
-    display: flex;
-  }
-
-  .header-back {
-    cursor: pointer;
-  }
-
-  .product-conf {
-    padding-left: 5px;
-  }
-
-  .open-filters-button {
-    margin-left: 5px;
-  }
-
-  .title {
-    line-height: 35px;
-    font-size: 30px;
-    flex: auto;
-    padding-left: 5px;
-  }
-
-  .icon {
-    position: relative;
-    top: 2px;
-  }
-
-  .header-title {
-    font-size: 16px;
-    position: relative;
-    top: 1px;
-    margin-left: 3px;
-  }
-
-  .step {
-    font-size: 16px;
-    vertical-align: middle;
-    line-height: 39px;
-    font-family: Roboto;
-    font-weight: 500;
-    cursor: pointer;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .step:first-letter {
-    text-transform: capitalize;
-  }
-
-  .step:hover {
-    text-decoration: underline;
-  }
-
-  .stepicon {
-    padding-top: 7px;
-  }
-}

package/src/app/modules/fabrikantencore/components/fab-breadcrumb/fab-breadcrumb.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-breadcrumb/fab-breadcrumb.component.ts

@@ -1,82 +0,0 @@
-import { ChangeDetectorRef, Component, HostListener, Input, OnInit, ViewEncapsulation } from '@angular/core';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { MobileService } from '../../services/mobile.service';
-import { TranslateService } from '../../services/translate.service';
-import { FabrikantenCategoryViewModel } from '../../swagger/SwaggerClient';
-
-@Component({
-  selector: 'app-fab-breadcrumb',
-  templateUrl: './fab-breadcrumb.component.html',
-  styleUrls: ['./fab-breadcrumb.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class FabBreadcrumbComponent implements OnInit {
-
-  @Input() showfiltermenubutton: boolean;
-
-  constructor(
-    public MobileService: MobileService,
-    public FabrikantenService: FabrikantenService,
-    public TranslateService: TranslateService,
-    private ChangeDetectorRef: ChangeDetectorRef) { }
-
-  ngOnInit(): void {
-    this.MobileService.UpdateScreenSize(window.innerWidth, window.innerHeight, this.ChangeDetectorRef);
-  }
-
-  public Back(): void {
-    if (this.FabrikantenService.FabrikantenViewModel.selectedProduct != null) {
-      this.FabrikantenService.RemoveProductSelection(this.ChangeDetectorRef);
-    }
-    else {
-      var array = this.FabrikantenService.GetSteps();
-      if (array.length > 0) {
-        this.UndoStep(array[array.length - 1]);
-      }
-    }
-  }
-
-  public UndoStep(category: FabrikantenCategoryViewModel): void {
-    this.FabrikantenService.ResetSelectionCategory(category, this.ChangeDetectorRef);
-  }
-
-  public ShowBack(): boolean {
-    if (this.FabrikantenService.FabrikantenViewModel?.selectedProduct != null) {
-      return true;
-    }
-
-    if (this.FabrikantenService.GetSteps().length == 0) {
-      return false;
-    }
-
-    return true;
-  }
-
-  public ShowHeader(): boolean {
-    if (this.ShowBack() && !this.HideBreadcrumb()) {
-      return true;
-    }
-
-    if (!this.MobileService.MobileInterface && !this.HideBreadcrumb()) {
-      return true;
-    }
-
-    if (this.MobileService.MobileInterface && this.showfiltermenubutton) {
-      return true;
-    }
-
-    return false;
-  }
-
-  public HideBreadcrumb(): boolean {
-    if (this.FabrikantenService.FabrikantenSettingsViewModel != null) {
-      if (this.FabrikantenService.FabrikantenSettingsViewModel.hideBreadcrumbInIframe) {
-        if (window.self !== window.top) {
-          return true;
-        }
-      }
-    }
-
-    return false;
-  }
-}

package/src/app/modules/fabrikantencore/components/fab-button/fab-button.component.html

@@ -1,5 +0,0 @@
-<button class="card card-small" tabindex="0" (click)="clickfunction()">
-  <svg *ngIf="icon == 'plus'" class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" /></svg>
-  <span>{{ text }}</span>
-  <svg *ngIf="icon == 'arrow'" class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /></svg>
-</button>

package/src/app/modules/fabrikantencore/components/fab-button/fab-button.component.scss

@@ -1,89 +0,0 @@
-.card {
-  all: unset;
-  border-radius: 4px;
-  border: 1px solid #eee;
-  background-color: #fafafa;
-  height: 40px;
-  width: 200px;
-  margin: 0 8px 16px;
-  padding: 16px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  transition: all 0.2s ease-in-out;
-  line-height: 24px;
-  cursor: pointer;
-}
-
-.card.card-small {
-  height: 16px;
-  width: 168px;
-}
-
-.card:not(.highlight-card):hover {
-  transform: translateY(-3px);
-  box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35);
-}
-
-.card-container .card:not(.highlight-card):hover .material-icons path {
-  fill: rgb(105, 103, 103);
-}
-
-.card.highlight-card {
-  background-color: #1976d2;
-  color: white;
-  font-weight: 600;
-  border: none;
-  width: auto;
-  min-width: 30%;
-  position: relative;
-}
-
-.card.card.highlight-card span {
-  margin-left: 60px;
-}
-
-a,
-a:visited,
-a:hover {
-  color: #1976d2;
-  text-decoration: none;
-}
-
-a:hover {
-  color: #125699;
-}
-
-.terminal {
-  position: relative;
-  width: 80%;
-  max-width: 600px;
-  border-radius: 6px;
-  padding-top: 45px;
-  margin-top: 8px;
-  overflow: hidden;
-  background-color: rgb(15, 15, 16);
-}
-
-.terminal::before {
-  content: "\2022 \2022 \2022";
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 4px;
-  background: rgb(58, 58, 58);
-  color: #c2c3c4;
-  width: 100%;
-  font-size: 2rem;
-  line-height: 0;
-  padding: 14px 0;
-  text-indent: 4px;
-}
-
-.terminal pre {
-  font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
-  color: white;
-  padding: 0 1rem 1rem;
-  margin: 0;
-}

package/src/app/modules/fabrikantencore/components/fab-button/fab-button.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-button/fab-button.component.ts

@@ -1,20 +0,0 @@
-//import { Component, OnInit, Input } from '@angular/core';
-
-//@Component({
-//  selector: 'fab-button',
-//  templateUrl: './fab-button.component.html',
-//  styleUrls: ['./fab-button.component.scss']
-//})
-
-//export class FabButtonComponent implements OnInit {
-
-//  @Input() text: string; 
-//  @Input() icon: string; 
-//  @Input() clickfunction: () => void;
-
-//  constructor() { }
-
-//  ngOnInit(): void {
-//  }
-
-//}

package/src/app/modules/fabrikantencore/components/fab-categories/fab-categories.component.html

@@ -1,10 +0,0 @@
-<div class="loader" *ngIf="FabrikantenService.Loading">
-  <app-fab-loader></app-fab-loader>
-</div>
-
-<app-fab-header [showfiltermenubutton]="false"></app-fab-header>
-
-<div *ngIf="FabrikantenService.GetFirstOpenCategoryLayer() != null" class="main-block">
-  <fab-category-tile *ngFor="let category of FabrikantenService.GetFirstOpenCategoryLayer().categories" [category]="category"></fab-category-tile>
-</div>
-

package/src/app/modules/fabrikantencore/components/fab-categories/fab-categories.component.scss

@@ -1,16 +0,0 @@
-.main-block {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-.loader {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-  z-index: 20;
-  background-color: rgb(255,255,255,0.7);
-  top: 0px;
-  left: 0px;
-}

package/src/app/modules/fabrikantencore/components/fab-categories/fab-categories.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-categories/fab-categories.component.ts

@@ -1,29 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { ActivatedRoute } from '@angular/router';
-import { TranslateService } from '../../services/translate.service';
-
-@Component({
-  selector: 'fab-categories',
-  templateUrl: './fab-categories.component.html',
-  styleUrls: ['./fab-categories.component.scss']
-})
-export class FabCategoriesComponent implements OnInit {
-
-  constructor(
-    public FabrikantenService: FabrikantenService,
-    public TranslateService: TranslateService,
-    private ActivatedRoute: ActivatedRoute,
-    private ChangeDetectorRef: ChangeDetectorRef) {
-    this.TranslateService.ProcessParameters(this.ActivatedRoute);
-
-    if (!this.FabrikantenService.ShowCategories()) {
-      this.FabrikantenService.ResetAllCategories(this.ChangeDetectorRef);
-    }
-  }
-
-  ngOnInit(): void {
-    this.FabrikantenService.LoadFabrikantenViewModel(this.ChangeDetectorRef, null);
-  }
-
-}

package/src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component.html

@@ -1,6 +0,0 @@
-<div *ngIf="!Loading">
-  <div class="nav-item" (click)="Home()" [ngClass]="{'active': IsHomeActive()}">Home</div>
-  <ng-container *ngFor="let category of this.CategoriesViewModel.categories">
-    <div class="nav-item" (click)="SelectCategory(category)" [ngClass]="{'active': IsCategoryActive(category)}">{{ TranslateService.GetActiveValueCategory(category.id) }}</div>
-  </ng-container>
-</div>

package/src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component.scss

@@ -1,3 +0,0 @@
-.active {
-    font-weight: bold;
-}

package/src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component.ts

@@ -1,70 +0,0 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { CategoriesApiClient, CategoriesViewModel, CategoryViewModel } from '../../swagger/SwaggerClient';
-import { TranslateService } from '../../services/translate.service';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-
-@Component({
-  selector: 'app-fab-category-navigator',
-  templateUrl: './fab-category-navigator.component.html',
-  styleUrls: ['./fab-category-navigator.component.scss']
-})
-export class FabCategoryNavigatorComponent {
-
-  public Loading: boolean = true;
-  public CategoriesViewModel: CategoriesViewModel;
-
-  constructor(
-    private CategoriesApiClient: CategoriesApiClient,
-    private ChangeDetectorRef: ChangeDetectorRef,
-    public FabrikantenService: FabrikantenService,
-    public TranslateService: TranslateService) {
-    this.LoadCategories();
-  }
-
-  public Home(): void {
-    this.FabrikantenService.ResetAllCategories(this.ChangeDetectorRef);
-  }
-
-  public SelectCategory(category: CategoryViewModel): void {
-    this.FabrikantenService.ForceSelectCategory(category.id, this.ChangeDetectorRef);
-  }
-
-  public IsHomeActive(): boolean {
-    return this.FabrikantenService.ShowCategories();
-  }
-
-  public IsCategoryActive(category: CategoryViewModel): boolean {
-    var found = false;
-
-    if (this.FabrikantenService.FabrikantenViewModel?.categoryLayers != null) {
-      for (var i = 0; i < this.FabrikantenService.FabrikantenViewModel.categoryLayers.length; i++) {
-        if (this.FabrikantenService.FabrikantenViewModel.categoryLayers[i].selectedOption == category.id) {
-          found = true;
-        }
-        else {
-          return false;
-        }
-      }
-    }
-
-    return found;
-  }
-
-  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/components/fab-category-tile/fab-category-tile.component.html

@@ -1,16 +0,0 @@
-<mat-card *ngIf="!DisplayNoPhoto()" class="tile" (click)="Select()" [style.backgroundImage]="getSafeUrl()">
-  <mat-card-title class="title">
-    {{ TranslateService.GetActiveValueCategory(category.id) }}
-  </mat-card-title>
-  <mat-card-subtitle *ngIf="TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''">
-    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}
-  </mat-card-subtitle>
-</mat-card>
-<mat-card *ngIf="DisplayNoPhoto()" class="tile no-photo" (click)="Select()">
-  <mat-card-title class="title">
-    {{ TranslateService.GetActiveValueCategory(category.id) }}
-  </mat-card-title>
-  <mat-card-subtitle *ngIf="TranslateService.GetActiveValueCategoryDescription(category.id) != null && TranslateService.GetActiveValueCategoryDescription(category.id) != ''">
-    {{ TranslateService.GetActiveValueCategoryDescription(category.id) }}
-  </mat-card-subtitle>
-</mat-card>

package/src/app/modules/fabrikantencore/components/fab-category-tile/fab-category-tile.component.scss

@@ -1,38 +0,0 @@
-.tile {
-  margin: 5px;
-  width: 150px;
-  height: 250px;
-  cursor: pointer;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  position: relative;
-  border: 1px solid #EEE;
-}
-
-.no-photo {
-  background-image: url(./no-photo.png);
-}
-
-.tile:hover {
-  border: 1px solid #000;
-
-  .title {
-      text-decoration: underline;
-  }
-}
-
-.title {
-  background-color: rgb(255,255,255, 0.7);
-  padding: 4px;
-  text-align: center;
-  position: absolute;
-  bottom: 0px;
-  width: calc(100% - 8px);
-  left: 0px;
-  font-size: 16px;
-}
-
-.title:first-letter {
-  text-transform: capitalize;
-}

package/src/app/modules/fabrikantencore/components/fab-category-tile/fab-category-tile.component.spec.ts

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

package/src/app/modules/fabrikantencore/components/fab-category-tile/fab-category-tile.component.ts

@@ -1,46 +0,0 @@
-import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { FabrikantenService } from '../../services/fabrikanten.service';
-import { TranslateService } from '../../services/translate.service';
-import { FabrikantenCategoryViewModel } from '../../swagger/SwaggerClient';
-
-@Component({
-  selector: 'fab-category-tile',
-  templateUrl: './fab-category-tile.component.html',
-  styleUrls: ['./fab-category-tile.component.scss']
-})
-export class FabCategoryTileComponent implements OnInit {
-
-  @Input() category: FabrikantenCategoryViewModel;
-
-  constructor(
-    public FabrikantenService: FabrikantenService,
-    private sanitization: DomSanitizer,
-    private ChangeDetectorRef: ChangeDetectorRef,
-    public TranslateService: TranslateService) { }
-
-  ngOnInit(): void {
-  }
-
-  public Select(): void {
-    this.FabrikantenService.SelectCategory(this.category, this.ChangeDetectorRef);
-  }
-
-  public DisplayNoPhoto(): boolean {
-    var path = this.category.imagePath as string;
-
-    return path == "";
-  }
-
-  public getSafeUrl() {
-
-    var path = this.category.imagePath as string;
-
-    if (path != "") {
-      return this.sanitization.bypassSecurityTrustStyle('url(\'' + (this.category.imagePath as string) + '\')');
-    }
-    else {
-      return "";
-    }
-  }
-}