@colijnit/transaction 12.1.77 → 12.1.79

package/projects/transaction/src/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component.ts

@@ -0,0 +1,145 @@
+import {Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation} from "@angular/core";
+import {TransactionService} from "../../../service/transaction.service";
+import {TransactionLineInfo} from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import {TransactionAddTextLineRequest} from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
+import {CdkDrag, CdkDragDrop, CdkDropList, moveItemInArray} from "@angular/cdk/drag-drop";
+import {BusinessObjectFactory} from "@colijnit/ioneconnector/build/factory/business-object-factory";
+
+@Component({
+  selector: "co-transaction-article-text-overview",
+  template: `
+    <co-dialog (closeClick)="closeClick.emit($event)" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
+      <div class="article-text-content-wrapper">
+        <div #dropList cdkDropList cdkDropListOrientation="vertical"
+             class="article-text-drag-drop-list"
+             [cdkDropListData]="collection"
+             [cdkDropListEnterPredicate]="handleCanDragDrop"
+             (cdkDropListDropped)="handleDrop($event)"
+        >
+          <div class="article-text-overview-article-text-wrapper" *ngFor="let transLine of collection; let index = index" cdkDrag (dblclick)="handleOpenArticleText(transLine)">
+            <div class="index" [textContent]="index + 1"></div>
+            <div class="text" [innerHTML]="transLine.text | safeHtml"></div>
+          </div>
+        </div>
+      </div>
+    </co-dialog>
+    <ng-template #headerTemplate><span class="co-dialog-header-title" [textContent]="header"></span></ng-template>
+    <ng-template #footerTemplate>
+      <div class="co-transaction-dialog-footer-button-wrapper">
+        <co-button [label]="'OK' | localize" (click)="onOkClick($event)"></co-button>
+      </div>
+    </ng-template>
+    <co-transaction-article-text *ngIf="showTransactionArticleText"
+                                 [header]="header"
+                                 [articleLineNr]="editTransactionLine.lineNr"
+                                 [articleRef]="editTransactionLine.articleNumber"
+                                 [transactionLine]="editTransactionLine"
+                                 [editText]="textToEdit"
+                                 [showArticleImageDescription]="editTransactionLine.articleBound"
+                                 (saveClick)="saveTransactionArticleLineText($event)"
+                                 (closeClick)="closeTransactionArticleText($event)"
+                                 (cancelClick)="closeTransactionArticleText($event)"
+    ></co-transaction-article-text>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class TransactionArticleTextOverviewComponent {
+  @Input()
+  public header: string;
+
+  @Input()
+  public set transactionLine(value: TransactionLineInfo) {
+    if (value) {
+      this._getArticleTexts(value.uuid);
+    }
+  }
+
+  @Output()
+  public closeClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  @Output()
+  public cancelClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  @Output()
+  public saveClick: EventEmitter<TransactionAddTextLineRequest> = new EventEmitter<TransactionAddTextLineRequest>();
+
+  @HostBinding("class.co-transaction-article-text-overview")
+  public showClass(): boolean {
+    return true;
+  }
+
+  public collection: TransactionLineInfo[] = [];
+  public showTransactionArticleText: boolean = false;
+  public editTransactionLine: TransactionLineInfo;
+  public textToEdit: string;
+
+  private _boFactory: BusinessObjectFactory = new BusinessObjectFactory();
+
+  constructor(
+    public service: TransactionService
+  ) {
+  }
+
+  public onOkClick(event: MouseEvent): void {
+    this.saveClick.next();
+  }
+
+  public onCancelClick(event: MouseEvent): void {
+    this.cancelClick.next(event);
+  }
+
+  public handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean {
+    return drag.data instanceof TransactionLineInfo;
+  }
+
+  public handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): void {
+    try {
+      const from: number = event.previousIndex;
+      const to: number = event.currentIndex;
+      if (from === to) {
+        return;
+      }
+      const beingDropped: TransactionLineInfo = this.collection[from];
+      const target: TransactionLineInfo = this.collection[to];
+      // set items in correct order
+      moveItemInArray(this.collection, from, to);
+      // this.service.changeLineSequence(this.line.beingDropped.uuid, from > to ? target.lineNr : null, from < to ? target.lineNr : null).catch(() => {
+      //   // something went wrong, reset drop
+      //   moveItemInArray(this.transactionLines, to, from);
+      // });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public handleOpenArticleText(transLine: TransactionLineInfo): void {
+    this.textToEdit = transLine.text;
+    this.editTransactionLine = <TransactionLineInfo><unknown>this._boFactory.makeWithRawBackendData(TransactionLineInfo, transLine);
+    this.showTransactionArticleText = true;
+  }
+
+  public closeTransactionArticleText(event: MouseEvent): void {
+    this._hideArticleTextDialog();
+  }
+
+  public saveTransactionArticleLineText(transactionAddTextLineRequest: TransactionAddTextLineRequest): void {
+    this.service.addTextLine(
+      transactionAddTextLineRequest.showOnDocuments,
+      transactionAddTextLineRequest.text,
+      0,
+      true,
+      transactionAddTextLineRequest.refArticleLineNr).then(() => {
+      this._hideArticleTextDialog();
+    });
+  }
+
+  private _hideArticleTextDialog(): void {
+    this.showTransactionArticleText = false;
+  }
+
+  private _getArticleTexts(uuid: string): void {
+    this.service.getArticleBoundTextLinesOfArticleLine(uuid).then((texts: TransactionLineInfo[]) => {
+      this.collection = texts;
+    });
+  }
+}

package/projects/transaction/src/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.module.ts

@@ -0,0 +1,27 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {CoreModule} from "../../core/core.module";
+import {TransactionArticleTextOverviewComponent} from "./transaction-article-text-overview.component";
+import {ButtonModule, CoDialogModule} from "@colijnit/corecomponents_v12";
+import {DragDropModule} from "@angular/cdk/drag-drop";
+import {TransactionArticleTextModule} from "../transaction-article-text/transaction-article-text.module";
+import {PipeModule} from "../../../pipe/pipe.module";
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule,
+        CoDialogModule,
+        DragDropModule,
+        ButtonModule,
+        TransactionArticleTextModule,
+        PipeModule
+    ],
+  declarations: [
+    TransactionArticleTextOverviewComponent
+  ],
+  exports: [
+    TransactionArticleTextOverviewComponent
+  ]
+})
+export class TransactionArticleTextOverviewModule {}

package/projects/transaction/src/lib/component/shopping-cart/shopping-cart.component.ts

@@ -0,0 +1,73 @@
+import {Component, EventEmitter, HostBinding, OnDestroy, Output, ViewEncapsulation} from "@angular/core";
+import {DictionaryService} from "../../service/dictionary.service";
+import {TransactionInfoResponse} from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+import {TransactionService} from "../../service/transaction.service";
+import {Subscription} from "rxjs";
+import {RelationAnyType} from "../../model/relation-any-type";
+import {CustomerFullObject} from "@colijnit/relationapi/build/model/customer-full-object.bo";
+
+@Component({
+  selector: "co-shopping-cart",
+  template: `
+    <div class="cart-header">
+      <span class="cart-header-label" [textContent]="'SHOPPING_CART_OVERVIEW' | localize | append:'(' + service.articleAmount + ')'"></span>
+    </div>
+    <div class="shopping-cart-transaction-wrapper">
+      <co-transaction
+        [showHeader]="false"
+        [showQuickAccess]="false"
+        [showButtonBar]="false"
+        [relation]="relation"
+        [transaction]="transaction"
+      ></co-transaction>
+    </div>
+    <div class="cart-buttons">
+      <a class="button-resume" [textContent]="'SHOPPING_CART_RESUME' | localize"
+                 (click)="closeCart.emit()"
+      ></a>
+      <co-button class="button-checkout" [label]="'SHOPPING_CART_CHECKOUT' | localize"
+                 [disabled]="service.articleAmount === 0"
+                 (click)="checkout.emit()"></co-button>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class ShoppingCartComponent implements OnDestroy {
+
+  @Output()
+  public closeCart: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output()
+  public checkout: EventEmitter<void> = new EventEmitter<void>();
+
+  @HostBinding("class.co-shopping-cart")
+  public showClass(): boolean {
+    return true;
+  }
+
+  public transaction: TransactionInfoResponse = new TransactionInfoResponse();
+  public relation: RelationAnyType = new CustomerFullObject();
+  private _subs: Subscription[] = [];
+
+  constructor(
+    public service: TransactionService,
+    private _dictionary: DictionaryService
+  ) {
+    this._subs.push(
+      this.service.transactionUpdated.subscribe((transaction: TransactionInfoResponse) => {
+        if (transaction) {
+          this.transaction = transaction;
+        }
+      }),
+      this.service.relationUpdated.subscribe((relation: RelationAnyType) => {
+        if (relation) {
+          this.relation = relation;
+        }
+      })
+    );
+  }
+
+  ngOnDestroy(): void {
+    this._subs.forEach(s => s.unsubscribe());
+  }
+}

package/projects/transaction/src/lib/component/shopping-cart/shopping-cart.module.ts

@@ -0,0 +1,25 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {CoreModule} from "../core/core.module";
+import {ButtonModule} from "@colijnit/corecomponents_v12";
+import {ShoppingCartComponent} from "./shopping-cart.component";
+import {TransactionModule} from "../transaction/transaction.module";
+import {PipeModule} from "../../pipe/pipe.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    CoreModule,
+    ButtonModule,
+    TransactionModule,
+    PipeModule
+  ],
+  declarations: [
+    ShoppingCartComponent
+  ],
+  exports: [
+    ShoppingCartComponent
+  ]
+})
+export class ShoppingCartModule {
+}

package/projects/transaction/src/lib/component/shopping-cart-OLD/ione-shopping-cart.component.ts

@@ -0,0 +1,190 @@
+import {ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild} from "@angular/core";
+import {Subscription} from "rxjs";
+import {OptionsService} from "../../service/options.service";
+import {ShoppingCartManagerComponent} from "./shopping-cart-manager/shopping-cart-manager.component";
+import {TransactionService} from "../../service/transaction.service";
+import {DictionaryService} from "../../service/dictionary.service";
+import {TransactionConnectorService} from "../../service/transaction-connector.service";
+import {TransactionEventService} from "../../service/transaction-event.service";
+import {PositionGridRow} from "../../enum/position-grid-row.enum";
+import {ShoppingCartComponent} from "../shopping-cart/shopping-cart.component";
+
+// <co-sidebar #catalogSidebar isOpen="false" *ngIf="showCatalogSidebar">
+// <div class="relation-sidebar-header">
+// <label [textContent]="'ARTICLE' | localize "
+// class="checkout-label-h3"
+// ></label>
+// </div>
+// <app-ione-catalog
+//   [settings]="options"
+//   [parameters]="{publicationCode: 71}"
+// (onAddToCart)="addToCart($event)"
+// (onAddArticleButtonClick)="addArticleButtonClick($event)"
+//   ></app-ione-catalog>
+//   </co-sidebar>
+
+@Component({
+  selector: "ione-shopping-cart",
+  template: `
+    <ng-container *ngIf="upAndLoaded">
+      <shopping-cart-manager
+        (linesChanged)="linesChanged($event)"
+      ></shopping-cart-manager>
+    </ng-container>
+    <ng-container *ngIf="show">
+      <co-shopping-cart
+        (closeCart)="onCloseCartButtonClicked()"
+        (checkout)="onCheckoutButtonClicked()"
+      ></co-shopping-cart>
+    </ng-container>
+    <ng-container *ngIf="showPreview">
+      <co-shopping-cart-preview
+      ></co-shopping-cart-preview>
+    </ng-container>
+  `
+})
+export class IoneShoppingCartComponent implements OnInit, OnDestroy {
+  @ViewChild(ShoppingCartManagerComponent)
+  public manager: ShoppingCartManagerComponent;
+
+  @ViewChild(ShoppingCartComponent)
+  public shoppingCart: ShoppingCartComponent;
+
+  @Input()
+  public set options(value: any) {
+    if (value) {
+      if (typeof value === "string") {
+        this._options = JSON.parse(value);
+      } else {
+        this._options = value;
+      }
+      this._publicOptions = true;
+      this._optionsService.initialize(this._options).then();
+    }
+  }
+
+  @Output()
+  public closeCart: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output(  )
+  public checkout: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output(  )
+  public overview: EventEmitter<void> = new EventEmitter<void>();
+
+  @Output(  )
+  public addArticleLine: EventEmitter<{ lineNr: number; beforeOrAfter: PositionGridRow }> = new EventEmitter<{ lineNr: number; beforeOrAfter: PositionGridRow }>();
+
+  @Output(  )
+  public addTextLine: EventEmitter<{ lineNr: number; beforeOrAfter: PositionGridRow }> = new EventEmitter<{ lineNr: number; beforeOrAfter: PositionGridRow }>();
+
+  public get options(): any {
+    return this._options;
+  }
+
+  public showCatalogSidebar: boolean = false;
+  public currentArticleLineNr: number = 0;
+  public currentPositionGridRow: PositionGridRow = PositionGridRow.After;
+
+  public show: boolean = false;
+  public showPreview: boolean = false;
+  public amountOfLines: number = 0;
+  public upAndLoaded: boolean = false;
+  public overviewMode: boolean = true;
+
+  private _subscriptions: Subscription[] = [];
+  private _remoteOptions: boolean = true;
+  private _publicOptions: boolean = true;
+  private _options: any;
+
+  constructor(
+    public _changeDetector: ChangeDetectorRef,
+    public _optionsService: OptionsService,
+    public _connector: TransactionConnectorService,
+    public _dictionary: DictionaryService,
+    public service: TransactionService,
+    public transactionEvents: TransactionEventService
+  ) {
+    this._subscriptions.push(
+      this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)),
+      this.transactionEvents.addArticleLine.subscribe(args => this._handleAddArticleLine(args)),
+      this.transactionEvents.addTextLine.subscribe(args => this._handleAddTextLine(args))
+    );
+  }
+
+  ngOnInit(): void {
+    if (!this._publicOptions) {
+      // this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
+    }
+  }
+
+  ngOnDestroy(): void {
+    this._subscriptions.forEach(subscription => subscription.unsubscribe());
+  }
+
+  public onCloseCartButtonClicked(): void {
+    this.closeCart.emit();
+  }
+
+  public onCheckoutButtonClicked(): void {
+    this.checkout.emit();
+  }
+
+  public linesChanged(openCart: boolean): void {
+    this.amountOfLines = this.manager ? this.manager.amountOfLines : 0;
+  }
+
+  public addArticle(articleNo: string, amount: number): void {
+    this.transactionEvents.addToCartBySku.next({sku: articleNo, amount: amount, popCart: true});
+  }
+
+  public addArticleButtonClick(article: any) {
+    this.transactionEvents.addArticleLineAt.next({sku: article.articleNumber, amount: 1, lineNr: this.currentArticleLineNr, beforeOrAfter: this.currentPositionGridRow});
+  }
+
+  public addToCart(article: any) {
+    this.transactionEvents.addArticleLineAt.next({sku: article.articleNumber, amount: 1, lineNr: this.currentArticleLineNr, beforeOrAfter: this.currentPositionGridRow});
+  }
+
+  public addArticleLineAt(articleNo: string, amount: number, lineNr: number, beforeOrAfter: PositionGridRow) {
+    this.transactionEvents.addArticleLineAt.next({sku: articleNo, amount: amount, lineNr: lineNr, beforeOrAfter: beforeOrAfter});
+  }
+
+  public addTextLineAt(text: string, lineNr: number, beforeOrAfter: PositionGridRow) {
+    this.transactionEvents.addTextLineAt.next({text: text, lineNr: lineNr, beforeOrAfter: beforeOrAfter});
+  }
+
+  public addArticleByBySelectorResult(selectorResult: { selectorData: {}; quantity: number; baseGoodId: number; goodId: number }, popCart: boolean): void {
+    this.transactionEvents.addToCartBySelectorResult.next({selectorResult: selectorResult, popCart: popCart});
+  }
+
+  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();
+    });
+  }
+
+  private _handleAddArticleLine(args: { lineNr: number; beforeOrAfter: PositionGridRow }) {
+      //this.addArticleLine.next(args);
+      this.showCatalogSidebar = true;
+      this.currentArticleLineNr = args.lineNr;
+      this.currentPositionGridRow = args.beforeOrAfter;
+  }
+
+  private _handleAddTextLine(args: { lineNr: number; beforeOrAfter: PositionGridRow }) {
+      this.addTextLine.next(args);
+  }
+}

package/projects/transaction/src/lib/component/shopping-cart-OLD/ione-shopping-cart.module.ts

@@ -0,0 +1,81 @@
+import {NgModule} from "@angular/core";
+import {
+  ButtonModule,
+  CoDialogModule,
+  CoDialogPromptModule,
+  CoGridModule,
+  CoSidebarModule,
+  DropDownModule,
+  FormModule,
+  IconModule,
+  InputCheckboxModule,
+  InputComboBoxModule,
+  InputDatePickerModule,
+  InputNumberPickerModule,
+  InputRadioButtonModule,
+  InputTextModule,
+  MultiSelectListModule,
+  PopupModule,
+} from "@colijnit/corecomponents_v12";
+import {FlexModule} from "@angular/flex-layout";
+import {DictionaryService} from "../../service/dictionary.service";
+import {ShoppingCartManagerComponent} from "./shopping-cart-manager/shopping-cart-manager.component";
+import {OptionsService} from "../../service/options.service";
+import {IoneShoppingCartComponent} from "./ione-shopping-cart.component";
+import {CoreModule} from "../core/core.module";
+// import {CharacteristicAnswerComponent} from "../core/characteristic-answer/characteristic-answer.component";
+import {CommonModule} from "@angular/common";
+import {TransactionArticleTextModule} from "../../component/shared/transaction-article-text/transaction-article-text.module";
+import {TransactionLinesModule} from "../../component/transaction-lines/transaction-lines.module";
+import {TransactionModule} from "../../component/transaction/transaction.module";
+import {ShoppingCartPreviewModule} from "../../component/shopping-cart-preview/shopping-cart-preview.module";
+import {ShoppingCartModule} from "../../component/shopping-cart/shopping-cart.module";
+import {PipeModule} from "../../pipe/pipe.module";
+
+@NgModule({
+    imports: [
+        CommonModule,
+        IconModule,
+        InputTextModule,
+        InputCheckboxModule,
+        InputRadioButtonModule,
+        FormModule,
+        InputComboBoxModule,
+        InputDatePickerModule,
+        InputNumberPickerModule,
+        CoDialogModule,
+        CoDialogPromptModule,
+        ButtonModule,
+        FlexModule,
+        MultiSelectListModule,
+        DropDownModule,
+        PopupModule.forRoot(),
+        CoSidebarModule,
+        CoGridModule,
+        CoreModule,
+        TransactionLinesModule,
+        TransactionArticleTextModule,
+        ShoppingCartPreviewModule,
+        TransactionModule,
+        ShoppingCartModule,
+        PipeModule
+    ],
+  declarations: [
+    ShoppingCartManagerComponent,
+    IoneShoppingCartComponent,
+    // CharacteristicAnswerComponent,
+  ],
+  providers: [
+    DictionaryService,
+    OptionsService
+  ],
+  entryComponents: [
+    IoneShoppingCartComponent
+  ],
+  exports: [
+    IoneShoppingCartComponent,
+    // CharacteristicAnswerComponent
+  ],
+  bootstrap: [IoneShoppingCartComponent]
+})
+export class IoneShoppingCartModule {}