@colijnit/sharedcomponents 1.0.25 → 1.0.27

package/projects/sharedcomponents/src/lib/components/linear-gauge/co-linear-gauge.component.ts

@@ -1,56 +0,0 @@
-import { Component, HostBinding, Input, ViewEncapsulation } from "@angular/core";
-
-enum GaugeColor {
-  Low = '#E0E0E0',
-  Medium = '#F88952',
-  High = '#5FDCB3',
-}
-
-@Component({
-  selector: "co-linear-gauge",
-  template: `
-    <div class="linear-gauge"
-         [style.background]="getStyle()"
-         [style.border-color]="color"
-         [textContent]="count ? count : ''"
-    ></div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class CoLinearGaugeComponent {
-
-  @Input()
-  public set value(value: number) {
-    this._value = value;
-    this._setColor();
-  }
-
-  public get value(): number {
-    return this._value;
-  }
-
-  @Input()
-  public count: number;
-
-  @HostBinding("class.co-linear-gauge")
-  public showClass() {
-    return true;
-  }
-
-  private _value: number;
-  public color: GaugeColor = GaugeColor.Low;
-
-  public getStyle(): string {
-    return `linear-gradient(90deg, ${this.color} 0 ${this.value}%, white ${this.value}% 100%`;
-  }
-
-  private _setColor(): void {
-    if (this.value == 0) {
-      this.color = GaugeColor.Low;
-    } else if (this.value >= 0 && this.value < 100) {
-      this.color = GaugeColor.Medium;
-    } else if (this.value == 100) {
-      this.color = GaugeColor.High;
-    }
-  }
-}

package/projects/sharedcomponents/src/lib/components/linear-gauge/co-linear-gauge.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { CoLinearGaugeComponent } from "./co-linear-gauge.component";
-
-@NgModule({
-  imports: [
-    CommonModule,
-  ],
-  declarations: [
-    CoLinearGaugeComponent
-  ],
-  exports: [
-    CoLinearGaugeComponent
-  ]
-})
-export class CoLinearGaugeModule {
-}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/enums/send-option.ts

@@ -1,6 +0,0 @@
-export enum SendOption {
-  Email,
-  Print,
-  Pdf,
-  Xml
-}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/send-method-dialog.component.ts

@@ -1,342 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  HostBinding,
-  Input, OnDestroy,
-  Output,
-  ViewEncapsulation
-} from "@angular/core";
-import {Icon} from "../../enum/icon.enum";
-import {IconCacheService} from "../../service/icon-cache.service";
-import {SendOption} from "./enums/send-option";
-import {animate, state, style, transition, trigger} from "@angular/animations";
-import {Printer} from "@colijnit/sharedapi/build/model/report/printer.bo";
-import {StockService} from "../../service/stock.service";
-import {StockStickersPrintLayouts} from "@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo";
-import {CoDropDownListFields} from "../stock/stock-transfer/co-drop-down-list-fields.interface";
-import {Subscription} from "rxjs";
-import {OptionsService} from "../../service/options.service";
-import {DictionaryService} from "../../service/dictionary.service";
-
-@Component({
-  selector: "ione-send-method-dialog",
-  template: `
-    <div class="send-method-dialog-wrapper">
-      <co-dialog-wizard id="sendOptionsDialog" *ngIf="showDialog" [showCloseIcon]="showExitButton" (closeClick)="closeDialogClick()">
-        <ng-container header>
-          <span [textContent]="headerTitle"></span>
-        </ng-container>
-        <div class="dialog-content-wrapper">
-          <div class="main-content-container" *ngIf="!showPrinterSelections">
-            <div class="send-options-wrapper">
-              <div class="custom-button-wrapper"
-                   *ngFor="let sendOption of sendOptions"
-                   [class.selected-option]="sendOption.option === activeSendOption"
-                   (click)="activeSendOption = sendOption.option">
-                <co-icon [iconData]="iconCacheService.getIcon(sendOption.iconName)"></co-icon>
-              </div>
-            </div>
-
-            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf">
-              <div class="emails-container" *ngIf="activeSendOption === sendOption.Email">
-                <co-input-checkbox
-                  *ngFor="let email, let index of emails"
-                  [name]="email"
-                  [(model)]="models[index]"
-                  [label]="email"
-                  [cssClass]="'input-checkbox-wrapper'"
-                ></co-input-checkbox>
-              </div>
-
-              <div class="lov-wrapper">
-                <co-input-combo-box
-                  [(model)]="selectedLayout"
-                  [collection]="layouts"
-                  [forceReadonly]="true"
-                  placeholder="Layout"
-                ></co-input-combo-box>
-              </div>
-
-              <div class="signature-button-wrapper">
-                <div class="custom-button-wrapper signature-button" (click)="handleSignatureStart()">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.SignatureField)"></co-icon>
-                </div>
-              </div>
-            </div>
-
-            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Print" (click)="getPrintTemplates()">
-              <div *ngIf="showPrintPriceStickers">
-                <div class="lov-wrapper">
-                  <co-input-combo-box
-                    [(model)]="stockService.printPriceSticker.reportId"
-                    [collection]="printTemplates"
-                    [fields]="printTemplatesField"
-                    placeholder="Layout"
-                  ></co-input-combo-box>
-                </div>
-                <div class="lov-wrapper" *ngIf="priceListCodeData">
-                  <co-input-combo-box
-                    [(model)]="stockService.printPriceSticker.priceListCode"
-                    [collection]="priceListCodeData"
-                    [fields]="priceListDataField"
-                    placeholder="Layout"
-                  ></co-input-combo-box>
-                </div>
-              </div>
-
-              <div *ngIf="showPrintStockStickers">
-                <div class="lov-wrapper">
-                  <co-input-combo-box
-                    [(model)]="stockService.printSticker.reportId"
-                    [collection]="printTemplates"
-                    [fields]="printTemplatesField"
-                    placeholder="Layout"
-                  ></co-input-combo-box>
-                </div>
-              </div>
-
-              <div class="lov-wrapper clickable" (click)="togglePrinterSelection()">
-                <div class="selected-printer-wrapper">
-                  <div class="printer-option-list-item">
-                    <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.Print)"></co-icon>
-                    <div class="printer-details" *ngIf="printerList">
-                      <span class="printer-name" [textContent]="defaultPrinter"></span>
-                      <span class="printer-status" [textContent]="defaultPrinter.acceptingJobs"></span>
-                    </div>
-                  </div>
-                  <co-icon class="select-printer-arrow" [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)"></co-icon>
-                </div>
-              </div>
-
-              <div class="standard-printer-wrapper">
-                <div class="standard-printer-link" (click)="showStandardPrinterOptions = !showStandardPrinterOptions">
-                  <co-icon class="arrow-icon" [iconData]="iconCacheService.getIcon(icons.ArrowFatRight)"></co-icon>
-                  <span class="standard-printer-message" [textContent]="'Standaard printer voor lay-out instellen'"></span>
-                </div>
-
-                <div class="standard-printer-selections" *ngIf="showStandardPrinterOptions">
-                  <co-input-checkbox
-                    [(model)]="models[0]"
-                    [label]="'Per gebruiker instellen'"
-                    [cssClass]="'input-checkbox-wrapper'"
-                  ></co-input-checkbox>
-                  <co-input-checkbox
-                    [(model)]="models[1]"
-                    [label]="'Voor alle gebruikers instellen'"
-                    [cssClass]="'input-checkbox-wrapper'"
-                  ></co-input-checkbox>
-                </div>
-              </div>
-
-              <div class="print-footer-wrapper">
-                <div class="input-number-wrapper">
-                  <co-input-number-picker class="number-picker"
-                                          [step]="1" [(model)]="stockService.printSticker.amount" [min]="1"
-                                          [ngModelOptions]="{debounce: 1}">
-                  </co-input-number-picker>
-                </div>
-                <div class="custom-button-wrapper print-button" (click)="handlePrintClicked()">
-                  <span [textContent]="'Print'"></span>
-                </div>
-                <div class="custom-button-wrapper signature-button" (click)="handleSignatureStart()">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.SignatureField)"></co-icon>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="printer-content-container" @slideInOut *ngIf="showPrinterSelections">
-            <div class="selected-printer-wrapper selection clickable" *ngFor="let printers of printerList" (click)="onPrinterClicked(printers)">
-              <div class="printer-option-list-item">
-                <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.Print)"></co-icon>
-                <div class="printer-details">
-                  <span class="printer-name" [textContent]="printers.name"></span>
-                  <span class="printer-status" [textContent]="printers.acceptingJobs"></span>
-                </div>
-              </div>
-              <co-icon class="select-printer-arrow" *ngIf="!showPrinterSelections"
-                       [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)"></co-icon>
-            </div>
-          </div>
-        </div>
-      </co-dialog-wizard>
-    </div>
-  `,
-  encapsulation: ViewEncapsulation.None,
-  animations: [
-    trigger('slideInOut', [
-      state('*', style({transform: 'translateX(0%)', width: '100%', opacity: '1'})),
-      state('void', style({transform: 'translateX(150%)', opacity: '0'})),
-      transition('void => *', animate(250))
-    ])
-  ]
-})
-
-export class SendMethodDialogComponent implements OnDestroy {
-  public readonly icons: typeof Icon = Icon;
-  public readonly sendOption: typeof SendOption = SendOption;
-
-  @Input()
-  public showEmailOption: boolean = true;
-
-  @Input()
-  public showPrintOption: boolean = true;
-
-  @Input()
-  public showPdfOption: boolean = true;
-
-  @Input()
-  public showXmlOption: boolean = true;
-
-  @Input()
-  public showPrintPriceStickers: boolean = false;
-
-  @Input()
-  public showPrintStockStickers: boolean = true;
-
-  @Input()
-  public priceListCodeData: any
-
-  public sendOptions: {option: SendOption, iconName: Icon}[] = [
-    { option: SendOption.Email,
-      iconName: this.icons.Email,
-    },
-    { option: SendOption.Print,
-      iconName: this.icons.Print,
-    },
-    { option: SendOption.Pdf,
-      iconName: this.icons.Pdf,
-    },
-    { option: SendOption.Xml,
-      iconName: this.icons.Xml,
-    }
-  ]
-
-  public activeSendOption: SendOption = SendOption.Email;
-  public showStandardPrinterOptions: boolean = false;
-  public showPrinterSelections: boolean = false;
-  public showExitButton = true;
-  public defaultPrinter: Printer;
-  public printTemplates: StockStickersPrintLayouts[];
-  public printTemplatesField: CoDropDownListFields = {text: "name", value: "reportId"};
-  public priceListDataField: CoDropDownListFields = {text: "name", value: "priceListCode"};
-  public upAndLoaded: boolean = false;
-
-  public emails: any[] = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
-  public models: boolean[] = [false, false, true];
-
-  public layouts: any[] = ['Layout 1', 'Layout 2', 'Layout 3'];
-  public selectedLayout: 'Layout 1';
-
-  @Input()
-  public showDialog: boolean = false;
-
-  @Input()
-  public headerTitle: string;
-
-  @Input()
-  public printerList: Printer[];
-
-  @Input()
-  public set articleData(data: any) {
-    this.stockService.printSticker.goodId = data.goodId;
-    this.stockService.printSticker.warehouse = data.warehouseNo;
-  };
-
-  @Output()
-  public startSignatureClicked: EventEmitter<any> = new EventEmitter<any>();
-
-  @Output()
-  public printButtonClicked: EventEmitter<any> = new EventEmitter<any>();
-
-  @HostBinding("class.ione-send-method-dialog")
-  public showClass(): boolean {
-    return true;
-  }
-
-  private _subscriptions: Subscription[] = [];
-
-  constructor(
-    public iconCacheService: IconCacheService,
-    public stockService: StockService,
-    private _optionsService: OptionsService,
-    private _dictionary: DictionaryService,
-    private _changeDetector: ChangeDetectorRef,
-  ) {
-    this._subscriptions.push(
-      this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)),
-    )
-  }
-
-  ngOnDestroy(): void {
-    this._subscriptions.forEach(subscription => subscription.unsubscribe());
-  }
-
-  public async getPrinters(): Promise<void> {
-    return this.stockService.getAllPrinters(true).then((list) => {
-      this.printerList = list;
-    });
-  }
-
-  public closeDialogClick(): void {
-    this.showDialog = false;
-  }
-
-  public handleSignatureStart(): void {
-    this.startSignatureClicked.emit();
-  }
-
-  public handlePrintClicked(): void {
-    // this.printButtonClicked.emit();
-    if (this.stockService.printSticker.printerName) {
-      this.stockService.getPrintStockStickers(this.stockService.printSticker);
-    }
-  }
-
-  public togglePrinterSelection(): void {
-    this.getPrinters();
-    if (!this.showPrinterSelections) {
-      this.showPrinterSelections = true;
-      this.headerTitle = 'Printer selectie';
-    } else {
-      this.showPrinterSelections = false;
-      this.headerTitle = 'Verzendopties';
-    }
-  }
-
-  public onPrinterClicked(printer): void {
-    this.defaultPrinter = printer.name;
-    this.stockService.printSticker.printerName = printer.name;
-    this.showPrinterSelections =! this.showPrinterSelections;
-  }
-
-  public getPrintTemplates(): any {
-    if (!this.printTemplates) {
-      const data = new StockStickersPrintLayouts();
-      this.stockService.getStockStickerTemplates(data).then((templates: StockStickersPrintLayouts[]) => {
-        this.printTemplates = templates;
-      });
-    }
-  }
-
-  private async _handleSettingsLoaded(loaded: boolean): Promise<void> {
-    if (loaded) {
-      await this._initConnection().then();
-      this.upAndLoaded = true;
-    }
-  }
-
-  private async _initConnection(): Promise<void> {
-    // await this._connector.connect(this._optionsService.options);
-
-    if (this._optionsService.options.url) {
-      this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
-    }
-    await this._dictionary.setDictionary(this._optionsService.options.languageCode);
-    setTimeout(() => {
-      this._changeDetector.detectChanges();
-    });
-  }
-
-}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/send-method-dialog.module.ts

@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import {
-  ButtonModule,
-  CoDialogPromptModule, CoDialogWizardModule, IconModule,
-  InputCheckboxModule,
-  InputComboBoxModule, InputNumberPickerModule
-} from "@colijnit/corecomponents_v12";
-import {SendMethodDialogComponent} from "./send-method-dialog.component";
-import {StockService} from "../../service/stock.service";
-
-@NgModule({
-  declarations: [
-    SendMethodDialogComponent
-  ],
-  imports: [
-    CommonModule,
-    CoDialogPromptModule,
-    InputCheckboxModule,
-    InputComboBoxModule,
-    IconModule,
-    InputNumberPickerModule,
-    CoDialogWizardModule,
-    ButtonModule
-  ],
-  exports: [
-    SendMethodDialogComponent
-  ],
-  providers: [
-    StockService
-  ]
-})
-export class SendMethodDialogModule { }

package/projects/sharedcomponents/src/lib/components/statusbar/statusbar.component.ts

@@ -1,97 +0,0 @@
-import { animate, state, style, transition, trigger } from "@angular/animations";
-import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from "@angular/core";
-
-export interface StatusbarData {
-  label: string,
-  percentage: number,
-  count?: number,
-}
-
-@Component({
-  selector: "co-statusbar",
-  template: `
-    <div class="co-statusbar-wrapper"
-         *ngIf="statusbarData"
-         (mouseover)="onHover($event)"
-         (mouseleave)="onLeave()"
-         (click)="onStatusbarClick()">
-      <div class="statuses">
-        <div *ngFor="let data of statusbarData; let index = index" class="status">
-          <co-linear-gauge [value]="data.percentage" [count]="!!data.count ? data.count : undefined"></co-linear-gauge>
-        </div>
-      </div>
-      <div class=status-description-popup *ngIf="showPopup" @showHidePopup [ngClass]="popupClass">
-        <div class="status-descriptions">
-          <div *ngFor="let data of statusbarData; let index = index" class="status-description">
-            <co-circular-gauge [value]="data.percentage"></co-circular-gauge>
-            <span [textContent]="data.label"></span>
-          </div>
-        </div>
-      </div>
-    </div>
-  `,
-  animations: [
-    trigger("showHidePopup", [
-      state("void", style({opacity: 0})),
-      state("*", style({opacity: 1})),
-      transition("void <=> *", animate("250ms ease-in-out")),
-    ])
-  ],
-  encapsulation: ViewEncapsulation.None
-})
-export class StatusbarComponent {
-
-  @Input()
-  public set statusbarData(value: StatusbarData[]) {
-    this._statusbarData = value;
-  }
-
-  public get statusbarData() {
-    return this._statusbarData;
-  }
-
-  @Output()
-  statusbarClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @HostBinding("class.co-statusbar")
-  public showClass() {
-    return true;
-  }
-
-  constructor() {
-  }
-
-  public showPopup: boolean = false;
-  public popupClass: string = 'dropdown';
-  private _statusbarData: StatusbarData[];
-  private _mouseY: number;
-  private _windowHeight: number;
-
-  public onHover(event): void {
-    this.showPopup = true;
-
-    this._mouseY = event.screenY;
-    this._windowHeight = window.innerHeight;
-    this.setPopupClass();
-  }
-
-  public onLeave(): void {
-    this.showPopup = false;
-  }
-
-  public onStatusbarClick(): void {
-    this.statusbarClick.emit();
-  }
-
-  public setPopupClass(): void {
-    const popupHeight = this.statusbarData.length * 30;
-    let dropdownInScreen = (this._mouseY + popupHeight) <= this._windowHeight;
-
-    if (dropdownInScreen) {
-      this.popupClass = 'dropdown';
-    } else {
-      this.popupClass = 'dropup'
-    }
-  }
-
-}

package/projects/sharedcomponents/src/lib/components/statusbar/statusbar.module.ts

@@ -1,21 +0,0 @@
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { CoCircularGaugeModule } from "../circular-gauge/co-circular-gauge.module";
-import { CoLinearGaugeModule } from "../linear-gauge/co-linear-gauge.module";
-import { StatusbarComponent } from "./statusbar.component";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CoCircularGaugeModule,
-    CoLinearGaugeModule
-  ],
-  declarations: [
-    StatusbarComponent
-  ],
-  exports: [
-    StatusbarComponent
-  ]
-})
-export class StatusbarModule {
-}

package/projects/sharedcomponents/src/lib/components/stock/stock-information/stock-information.component.ts

@@ -1,64 +0,0 @@
-import {Component, Input, ViewEncapsulation} from "@angular/core";
-import {ArticleStock as ArticleStockBo} from "@colijnit/articleapi/build/model/article-stock.bo";
-import {ArticleExtended} from "@colijnit/articleapi/build/model/article-extended.bo";
-
-@Component({
-  selector: "co-stock-information",
-  template: `
-      <div class="stock-info" *ngIf="article">
-        <div class="stock-info-row" >
-          <div class="stock-info-row-image">
-            <div class="stock-image">
-              <co-image class="stock-image" [source]="article.imageData"></co-image>
-            </div>
-          </div>
-          <div class="stock-good-info">
-            <div>
-              <span [textContent]="article.description"></span>
-            </div>
-            <div>
-              <span [textContent]="article.articleNumber"></span>
-            </div>
-          </div>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'STOCK_STATUS'"></label>
-          <span [textContent]="article.stockStatus"></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'AMOUNT_IN_STOCK'"></label>
-          <span [textContent]="allTechnicalStockInformation"></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'AMOUNT_AVAILABLE'"></label>
-          <span [textContent]="allAvailableStockInformation"></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'AMOUNT_LATER_AVAILABLE'"></label>
-          <span [textContent]=""></span>
-        </div>
-      </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class StockInformationComponent {
-
-  public image: string;
-
-  @Input()
-  public article: ArticleExtended;
-
-  @Input()
-  public articleStock: ArticleStockBo;
-
-  @Input()
-  public allAvailableStockInformation: number;
-
-  @Input()
-  public allTechnicalStockInformation: number;
-
-  constructor(
-  ) {
-  }
-
-}