@colijnit/transaction 12.1.79 → 12.1.80

package/projects/transaction/src/lib/component/core/directive/lazy-render-master.directive.ts

@@ -1,47 +0,0 @@
-// Import the core angular services.
-import {Directive, ElementRef, OnDestroy} from "@angular/core";
-
-@Directive({
-  selector: '[lazyRenderMaster]'
-})
-export class LazyRenderMasterDirective implements OnDestroy {
-
-  private _mapping: Map<Element, Function>;
-  private _observer: IntersectionObserver;
-
-  constructor(private _element: ElementRef) {
-    this._mapping = new Map();
-    this._observer = new IntersectionObserver(
-      (entries: IntersectionObserverEntry[]) => {
-        for (const entry of entries) {
-          const callback = this._mapping.get(entry.target);
-          if (callback) {
-            callback(entry.isIntersecting);
-          }
-        }
-      },
-      {
-        // This classifies the "intersection" as being a bit outside the
-        // viewport. The intent here is give the elements a little time to react
-        // to the change before the element is actually visible to the user.
-        // root: this._element.nativeElement,
-        rootMargin: '700px 0px 700px 0px'
-      }
-    );
-  }
-
-  public ngOnDestroy(): void {
-    this._mapping.clear();
-    this._observer.disconnect();
-  }
-
-  public add(element: HTMLElement, callback: Function): void {
-    this._mapping.set(element, callback);
-    this._observer.observe(element);
-  }
-
-  public remove(element: HTMLElement): void {
-    this._mapping.delete(element);
-    this._observer.unobserve(element);
-  }
-}

package/projects/transaction/src/lib/component/core/directive/lazy-render.directive.ts

@@ -1,37 +0,0 @@
-import {Directive, ElementRef, OnDestroy, OnInit} from "@angular/core";
-import {LazyRenderMasterDirective} from "./lazy-render-master.directive";
-
-@Directive({
-  selector: '[lazyRender]',
-  exportAs: 'lazyRender'
-})
-export class LazyRenderDirective implements OnDestroy, OnInit {
-
-  public isShowing: boolean;
-
-  private _elementRef: ElementRef;
-  private _parent: LazyRenderMasterDirective;
-
-  constructor(
-    parent: LazyRenderMasterDirective,
-    elementRef: ElementRef
-  ) {
-    this._parent = parent;
-    this._elementRef = elementRef;
-    this.isShowing = false;
-  }
-
-  public ngOnDestroy(): void {
-    this._parent.remove(this._elementRef.nativeElement);
-    this._elementRef = undefined;
-  }
-
-  public ngOnInit(): void {
-    this._parent.add(
-      this._elementRef.nativeElement,
-      (isIntersecting: boolean) => {
-        this.isShowing = isIntersecting;
-      }
-    );
-  }
-}

package/projects/transaction/src/lib/component/core/directive/template-wrapper.directive.ts

@@ -1,72 +0,0 @@
-import {Directive, Input, OnChanges, OnDestroy, SimpleChange, SimpleChanges, TemplateRef, ViewContainerRef, ViewRef} from "@angular/core";
-
-@Directive({
-  // eslint-disable-next-line @angular-eslint/directive-selector
-  selector: "[templateWrapper]"
-})
-export class TemplateWrapperDirective implements OnDestroy, OnChanges {
-  @Input()
-  public templateWrapper: TemplateRef<any> | null = null;
-
-  @Input()
-  public templateWrapperContext: Object | null = null;
-
-  private _viewRef: ViewRef;
-
-  constructor(protected viewContainer: ViewContainerRef) {
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    const recreateView: boolean = this._shouldRecreateView(changes);
-
-    if (recreateView) {
-      if (this._viewRef) {
-        this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-      }
-
-      if (this.templateWrapper) {
-        this._viewRef = this.viewContainer.createEmbeddedView(
-          this.templateWrapper, this.templateWrapperContext);
-      }
-    } else {
-      if (this._viewRef && this.templateWrapperContext) {
-        this._updateExistingContext(this.templateWrapperContext);
-      }
-    }
-  }
-
-  ngOnDestroy(): void {
-    if (this._viewRef) {
-      this.viewContainer.remove(this.viewContainer.indexOf(this._viewRef));
-      this._viewRef = undefined;
-    }
-    this.templateWrapper = undefined;
-  }
-
-  private _shouldRecreateView(changes: SimpleChanges): boolean {
-    const ctxChange: any = changes["templateWrapperContext"];
-    return !!changes["templateWrapper"] || (ctxChange && this._hasContextShapeChanged(ctxChange));
-  }
-
-  private _hasContextShapeChanged(ctxChange: SimpleChange): boolean {
-    const prevCtxKeys: any = Object.keys(ctxChange.previousValue || {});
-    const currCtxKeys: any = Object.keys(ctxChange.currentValue || {});
-
-    if (prevCtxKeys.length === currCtxKeys.length) {
-      for (const propName of currCtxKeys) {
-        if (prevCtxKeys.indexOf(propName) === -1) {
-          return true;
-        }
-      }
-      return false;
-    } else {
-      return true;
-    }
-  }
-
-  private _updateExistingContext(ctx: Object): void {
-    for (const propName of Object.keys(ctx)) {
-      (<any>this._viewRef).context[propName] = (<any>this.templateWrapperContext)[propName];
-    }
-  }
-}

package/projects/transaction/src/lib/component/core/enum/app-popup-button-type.enum.ts

@@ -1,9 +0,0 @@
-export enum AppPopupButtonType {
-  Ok,
-  Open,
-  Save,
-  Cancel,
-  Yes,
-  No,
-  NoButton
-}

package/projects/transaction/src/lib/component/core/enum/app-popup-type.enum.ts

@@ -1,6 +0,0 @@
-export enum AppPopupType {
-  Error,
-  Warning,
-  Information,
-  Confirmation
-}

package/projects/transaction/src/lib/component/core/icon/icon.component.ts

@@ -1,33 +0,0 @@
-import {Component, HostBinding, Input, OnDestroy} from "@angular/core";
-import {SafeHtml} from "@angular/platform-browser";
-import {IconCacheService} from "../../../service/icon-cache.service";
-import {Icon} from "../../../enum/icon.enum";
-
-@Component({
-  selector: "icon",
-  template: "",
-  styleUrls: [
-    "./icon.component.scss"
-  ]
-})
-export class IconComponent implements OnDestroy {
-
-  @Input()
-  public set icon(icon: Icon) {
-    this._setSvg(icon);
-  }
-
-  @HostBinding("innerHtml")
-  public svg?: SafeHtml;
-
-  constructor(private _iconCacheService: IconCacheService) {
-  }
-
-  ngOnDestroy(): void {
-    this.svg = undefined;
-  }
-
-  private _setSvg(icon: Icon): void {
-    this.svg = this._iconCacheService.getIcon(icon);
-  }
-}

package/projects/transaction/src/lib/component/core/image-display/image-display.component.ts

@@ -1,27 +0,0 @@
-import {Component, HostBinding, Input, ViewEncapsulation} from "@angular/core";
-
-@Component({
-  selector: "co-image-display",
-  template: `
-    <img class="image" *ngIf="!!model" [src]="model">
-    <div class="no-image" *ngIf="!model">
-      <div class="img"></div>
-      <div class="no-image-label" [textContent]="label | localize"></div>
-    </div>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class ImageDisplayComponent {
-  // Image data URI string. Meant for direct use in [src] attribute of an <img> tag.
-  @Input()
-  public model: string;
-
-  // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
-  @Input()
-  public label: string = "NO_IMAGE";
-
-  @HostBinding('class.co-image-display')
-  public showClass() {
-    return true;
-  }
-}

package/projects/transaction/src/lib/component/core/relation/customer-groups.component.ts

@@ -1,47 +0,0 @@
-import {Component, EventEmitter, Input, OnInit, Output} from "@angular/core";
-import {TransactionConnectorService} from "../../../service/transaction-connector.service";
-import {CustomerGroup} from "@colijnit/transactionapi/build/model/customer-group.bo";
-
-@Component({
-  selector: "relation-customer-groups",
-  template: `
-    <co-input-combo-box [model]="model"
-                        [readonly]="readonly"
-                        (modelChange)="modelChange.emit($event)"
-                        [collection]="customerGroups"
-                        [fields]="fields"
-                        [placeholder]="'CUSTOMER_GROUP' | localize"
-                        [required]="required"
-    ></co-input-combo-box>
-  `,
-  styleUrls: [
-    './relation-customer-groups.component.scss'
-  ]
-})
-export class CustomerGroupsComponent implements OnInit {
-
-  @Input()
-  public readonly: boolean = false;
-
-  @Input()
-  public required: boolean = false;
-
-  @Input()
-  public model: string;
-
-  @Output()
-  public modelChange: EventEmitter<string> = new EventEmitter<string>();
-
-  public customerGroups: CustomerGroup[] = [];
-  public fields: Object = { text: "naam", value: "groepsnummer" };
-
-  public constructor(
-    private _connector: TransactionConnectorService
-  ) {}
-
-  async ngOnInit(): Promise<void> {
-    this._connector.getCustomerGroups().then((groups: CustomerGroup[]) => {
-      this.customerGroups = groups;
-    });
-  }
-}

package/projects/transaction/src/lib/component/core/stock-status-indicator/stock-status-indicator.component.ts

@@ -1,25 +0,0 @@
-import {Component, Input} from "@angular/core";
-import {StockStatus} from "@colijnit/transactionapi/build/enum/refcode/stock-status.enum";
-
-@Component({
-  selector: "stock-status-indicator",
-  template: `
-        <div [class]="stockClass">
-            <div class="square-1"></div>
-            <div class="square-2"></div>
-            <div class="square-3"></div>
-        </div>
-    `,
-  styleUrls: [
-    "./stock-status-indicator.component.scss"
-  ]
-})
-// Component that visually shows a stock status with three colored boxes.
-export class StockStatusIndicatorComponent {
-  @Input()
-  public model: StockStatus;
-
-  public get stockClass(): string {
-    return this.model;
-  }
-}

package/projects/transaction/src/lib/component/delivery-type-tile/delivery-type-tile.component.ts

@@ -1,48 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
-import {DeliveryMethod} from "@colijnit/transactionapi/build/model/delivery-method.bo";
-
-@Component({
-  selector: "co-delivery-type-tile",
-  template: `
-    <co-tile [selected]="selected" (selectedChange)="selectedChange.emit(method)">
-      <div class="delivery-type-content-wrapper">
-        <div class="delivery-type-title" [textContent]="method.description"></div>
-        <div class="delivery-type-icon">
-          <!--
-                    <icon [icon]="method.icon"></icon>
-          -->
-        </div>
-        <div *ngIf="method.factor" class="delivery-type-price" [textContent]="method.factor | priceDisplay"></div>
-      </div>
-    </co-tile>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class DeliveryTypeTileComponent {
-
-  @Input()
-  public set selected(value: boolean) {
-    this._selected = value;
-    // if (this._selected) {
-    //   this.selectedChange.emit(this.method);
-    // }
-  }
-
-  public get selected(): boolean {
-    return this._selected;
-  }
-
-  @Input()
-  public method: DeliveryMethod = new DeliveryMethod();
-
-  @Output()
-  public selectedChange: EventEmitter<DeliveryMethod> = new EventEmitter<DeliveryMethod>();
-
-  @HostBinding("class.co-delivery-type-tile")
-  public showClass(): boolean {
-    return true;
-  }
-
-  private _selected: boolean = false;
-
-}

package/projects/transaction/src/lib/component/delivery-type-tile/delivery-type-tile.module.ts

@@ -1,25 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {CoreModule} from "../core/core.module";
-import {DeliveryTypeTileComponent} from "./delivery-type-tile.component";
-import {InputRadioButtonModule, PriceDisplayPipeModule} from "@colijnit/corecomponents_v12";
-import {TileModule} from "../tile/tile.module";
-
-@NgModule({
-    imports: [
-        CommonModule,
-        CoreModule,
-        InputRadioButtonModule,
-        PriceDisplayPipeModule,
-        TileModule
-    ],
-  declarations: [
-    DeliveryTypeTileComponent
-  ],
-  exports: [
-    DeliveryTypeTileComponent
-  ]
-})
-export class DeliveryTypeTileModule {
-
-}

package/projects/transaction/src/lib/component/dialog/catalog/dialog-catalog/dialog-catalog.component.ts

@@ -1,53 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewEncapsulation} from "@angular/core";
-import {ArticleExtended} from "@colijnit/articleapi/build/model/article-extended.bo";
-import {TransactionService} from "../../../../service/transaction.service";
-
-@Component({
-  selector: "co-dialog-catalog",
-  template: `
-    <co-dialog (closeClick)="closeClick.emit($event)">
-      <app-ione-catalog-navigation *ngIf="showNavigation"></app-ione-catalog-navigation>
-      <app-ione-catalog
-        [settings]="catalogSettings"
-        [parameters]="parameters"
-        (onArticleClick)="articleClicked.emit($event)"
-      ></app-ione-catalog>
-    </co-dialog>
-    `,
-  encapsulation: ViewEncapsulation.None
-})
-export class DialogCatalogComponent implements OnInit {
-
-  @Input()
-  public options: any;
-
-  @Input()
-  public parameters: any;
-
-  @Input()
-  public showNavigation: boolean = true;
-
-  @Output()
-  public closeClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
-
-  @Output()
-  public articleClicked: EventEmitter<ArticleExtended> = new EventEmitter<ArticleExtended>();
-
-  @HostBinding("class.co-dialog-catalog")
-  public showClass() {
-    return true;
-  }
-
-  public catalogSettings: any;
-
-  constructor(private _transactionService: TransactionService) {
-  }
-
-  ngOnInit(): void {
-    this.catalogSettings = this._transactionService.options.options;
-    if (this.catalogSettings) {
-      this.catalogSettings.options = this.options;
-    }
-  }
-
-}

package/projects/transaction/src/lib/component/dialog/catalog/dialog-catalog/dialog-catalog.module.ts

@@ -1,21 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DialogCatalogComponent} from "./dialog-catalog.component";
-import {CoDialogModule} from "@colijnit/corecomponents_v12";
-import {IoneCatalogModule} from "@colijnit/catalog";
-
-@NgModule({
-    imports: [
-        CommonModule,
-        CoDialogModule,
-        IoneCatalogModule
-    ],
-  declarations: [
-    DialogCatalogComponent
-  ],
-  exports: [
-    DialogCatalogComponent
-  ]
-})
-export class DialogCatalogModule {
-}

package/projects/transaction/src/lib/component/dialog/dialog-header-search/dialog-header-search.component.ts

@@ -1,40 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
-
-@Component({
-  selector: "co-dialog-header-search",
-  template: `
-        <div class="dialog-header-search-wrapper">
-          <div class="co-dialog-header-title" [textContent]="title | localize"></div>
-          <co-input-search [placeholder]="searchPlaceholder | localize" [centerLabel]="true" (modelChange)="handleSearch($event)"></co-input-search>
-        </div>
-    `,
-  encapsulation: ViewEncapsulation.None
-})
-export class DialogHeaderSearchComponent {
-
-  @Input()
-  public set title(value: string) {
-    this._title = value;
-    this.searchPlaceholder = `SEARCH_${this._title}`;
-  }
-
-  public get title(): string {
-    return this._title;
-  }
-
-  @Output()
-  public search: EventEmitter<string> = new EventEmitter<string>();
-
-  @HostBinding("class.co-dialog-header-search")
-  public showClass() {
-    return true;
-  }
-
-  public searchPlaceholder: string;
-
-  private _title: string;
-
-  public handleSearch(text: string): void {
-    this.search.emit(text);
-  }
-}

package/projects/transaction/src/lib/component/dialog/dialog-header-search/dialog-header-search.module.ts

@@ -1,21 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DialogHeaderSearchComponent} from "./dialog-header-search.component";
-import {PipeModule} from "../../../pipe/pipe.module";
-import {InputSearchModule} from "@colijnit/corecomponents_v12";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    PipeModule,
-    InputSearchModule
-  ],
-  declarations: [
-    DialogHeaderSearchComponent
-  ],
-  exports: [
-    DialogHeaderSearchComponent
-  ]
-})
-export class DialogHeaderSearchModule {
-}

package/projects/transaction/src/lib/component/dialog/transaction-header/dialog-transaction-header-branch/dialog-transaction-header-branch.component.ts

@@ -1,24 +0,0 @@
-import {Component, HostBinding, ViewEncapsulation} from "@angular/core";
-import {AppPopupButtonType} from "../../../core/enum/app-popup-button-type.enum";
-import {DialogTransactionBaseComponent} from "../../../core/base/dialog-transaction-base.component";
-
-@Component({
-  selector: "co-dialog-transaction-header-branch",
-  template: `
-      <co-dialog [headerTemplate]="dialogHeader" (closeClick)="onClose(buttonType.Cancel)">
-        <co-transaction-header-branch [transactionInfo]="transactionInfo" [useModel]="useModel"></co-transaction-header-branch>
-      </co-dialog>
-      <ng-template #dialogHeader>
-        <co-dialog-header-search [title]="'BRANCH'" (search)="handleSearch($event)"></co-dialog-header-search>
-      </ng-template>
-    `,
-  encapsulation: ViewEncapsulation.None
-})
-export class DialogTransactionHeaderBranchComponent extends DialogTransactionBaseComponent {
-  public readonly buttonType: typeof AppPopupButtonType = AppPopupButtonType;
-
-  @HostBinding("class.co-dialog-transaction-header-branch")
-  public showClass() {
-    return true;
-  }
-}

package/projects/transaction/src/lib/component/dialog/transaction-header/dialog-transaction-header-branch/dialog-transaction-header-branch.module.ts

@@ -1,23 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DialogTransactionHeaderBranchComponent} from "./dialog-transaction-header-branch.component";
-import {CoDialogModule} from "@colijnit/corecomponents_v12";
-import {TransactionHeaderBranchModule} from "../../../transaction-header-fields/transaction-header-branch.module";
-import {DialogHeaderSearchModule} from "../../dialog-header-search/dialog-header-search.module";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CoDialogModule,
-    TransactionHeaderBranchModule,
-    DialogHeaderSearchModule
-  ],
-  declarations: [
-    DialogTransactionHeaderBranchComponent
-  ],
-  exports: [
-    DialogTransactionHeaderBranchComponent
-  ]
-})
-export class DialogTransactionHeaderBranchModule {
-}

package/projects/transaction/src/lib/component/dialog/transaction-header/dialog-transaction-header-delivery-method/dialog-transaction-header-delivery-method.component.ts

@@ -1,35 +0,0 @@
-import {Component, HostBinding, ViewEncapsulation} from "@angular/core";
-import {DialogTransactionBaseComponent} from "../../../core/base/dialog-transaction-base.component";
-
-@Component({
-  selector: "co-dialog-transaction-header-delivery-method",
-  template: `
-    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel" (closeClick)="handleClose(buttonType.Cancel)">
-      <co-transaction-header-delivery-method
-        [autoClose]="autoClose"
-        [showAsCarousel]="false"
-        [useModel]="useModel"
-        [transactionInfo]="transactionInfo"
-        [searchText]="searchText"
-        (closeAfterCommit)="handleClose(buttonType.Ok)"
-        (valueChange)="handleValueChange($event)"></co-transaction-header-delivery-method>
-    </co-dialog>
-    <ng-template #dialogHeader>
-      <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
-    </ng-template>
-    <ng-template #footerTemplate>
-      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
-        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
-      </div>
-    </ng-template>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class DialogTransactionHeaderDeliveryMethodComponent extends DialogTransactionBaseComponent {
-
-  @HostBinding("class.co-dialog-transaction-header-delivery-method")
-  public showClass() {
-    return true;
-  }
-
-}

package/projects/transaction/src/lib/component/dialog/transaction-header/dialog-transaction-header-delivery-method/dialog-transaction-header-delivery-method.module.ts

@@ -1,26 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {DialogTransactionHeaderDeliveryMethodComponent} from "./dialog-transaction-header-delivery-method.component";
-import {ButtonModule, CoDialogModule} from "@colijnit/corecomponents_v12";
-import {TransactionHeaderDeliveryMethodModule} from "../../../transaction-header-fields/transaction-header-delivery-method.module";
-import {DialogHeaderSearchModule} from "../../dialog-header-search/dialog-header-search.module";
-import {PipeModule} from "../../../../pipe/pipe.module";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    CoDialogModule,
-    TransactionHeaderDeliveryMethodModule,
-    DialogHeaderSearchModule,
-    ButtonModule,
-    PipeModule
-  ],
-  declarations: [
-    DialogTransactionHeaderDeliveryMethodComponent
-  ],
-  exports: [
-    DialogTransactionHeaderDeliveryMethodComponent
-  ]
-})
-export class DialogTransactionHeaderDeliveryMethodModule {
-}