@colijnit/transaction 12.1.79 → 12.1.80

package/projects/transaction/src/lib/component/checkout/checkout-login/checkout-login.component.ts

@@ -1,115 +0,0 @@
-import {Component, EventEmitter, OnInit, Output, ViewChild} from "@angular/core";
-import {FormComponent} from "@colijnit/corecomponents_v12";
-
-@Component({
-  selector: "checkout-login",
-  template: `
-    <h1>{{ "LOGIN" | localize}}</h1>
-    <div class="users">
-      <co-form #loginForm (validSubmit)="login()">
-        <div class="existing-user">
-          <p><strong>{{ "EXISTING_CUSTOMERS" | localize }}</strong></p>
-          <co-input-text
-            [(model)]="userEmailAddress"
-            [placeholder]="'EMAIL_ADDRESS' | localize "
-            [type]="'email'"
-            required
-          ></co-input-text>
-
-          <co-input-text
-            [(model)]="userPassword"
-            [placeholder]="'PASSWORD' | localize "
-            [type]="'password'"
-            required
-          ></co-input-text>
-          <div class="login-button">
-            <co-button
-              [label]="'LOGIN' | localize" (click)="submit()"
-            ></co-button>
-          </div>
-        </div>
-      </co-form>
-
-      <co-form #accountForm (validSubmit)="accountLogin()">
-        <div class="new-user">
-          <p class="boxedbottom">
-            <strong>{{ "NEW_AT" | localize}}{{company}}</strong>
-            <br/>{{ "CREATE_ACCOUNT_IN_2_MIN" | localize }}
-          </p>
-          <div class="new-user-e-mail">
-            <co-input-text
-              [(model)]="userNewEmailAddress"
-              [placeholder]="'EMAIL_ADDRESS' | localize "
-              [type]="'email'"
-              required
-            ></co-input-text>
-          </div>
-          <div class="login-button">
-            <co-button
-              [label]="'CREATE_ACCOUNT' | localize"
-              (click)="createAccountSubmit()"
-            ></co-button>
-            <co-button
-              [label]="'CONTINUE_WITHOUT_ACCOUNT' | localize"
-              (click)="continueSubmit()"
-            ></co-button>
-          </div>
-        </div>
-      </co-form>
-    </div>
-  `,
-  styleUrls: ["./checkout-login.component.scss"]
-})
-export class CheckoutLoginComponent implements OnInit {
-  @ViewChild("loginForm")
-  public loginForm: FormComponent;
-
-  @ViewChild("accountForm")
-  public accountForm: FormComponent;
-
-  @Output()
-  public createNewAccountSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public continueWithoutSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public loginSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  public userEmailAddress: string = "";
-  public userNewEmailAddress: string = "";
-  public userPassword: string = "";
-  public continueWithoutAccount: boolean = false;
-
-  public company: string = "<bedrijf>";
-  constructor(
-  ) { }
-
-  ngOnInit(): void {
-  }
-
-  public login(): void {
-    this.loginSubmit.emit();
-  }
-
-  public submit(): void {
-    this.loginForm.submit();
-  }
-
-  public createAccountSubmit(): void {
-    this.accountForm.submit();
-  }
-
-  public continueSubmit(): void {
-    this.continueWithoutAccount = true;
-    this.accountForm.submit();
-  }
-
-  public accountLogin(): void {
-    if (this.continueWithoutAccount) {
-      this.continueWithoutSubmit.emit();
-    } else {
-      this.createNewAccountSubmit.emit();
-    }
-  }
-}

package/projects/transaction/src/lib/component/checkout/checkout-overview-delivery-address/checkout-overview-delivery-address.component.ts

@@ -1,50 +0,0 @@
-import {Component, EventEmitter, Input, Output} from "@angular/core";
-import {TransactionService} from "../../../service/transaction.service";
-import {Address} from "@colijnit/relationapi/build/model/address.bo";
-
-@Component({
-  selector: "checkout-overview-delivery-address",
-  template: `
-    <div>
-      <div>
-        <label [textContent]="label | localize"
-               class="checkout-label-h3"
-        ></label>
-      </div>
-
-      <div (click)="onClick()">
-        <div>
-          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}
-        </div>
-        <div>
-          {{ address?.postalCode }} {{ address?.city}}
-        </div>
-        <div>
-          {{ address?.countryName }}
-        </div>
-      </div>
-    </div>
-  `,
-  styleUrls: [
-    "./checkout-overview-delivery-address.component.scss"
-  ]
-})
-export class CheckoutOverviewDeliveryAddressComponent {
-
-  @Input()
-  public label: string;
-
-  @Input()
-  public address: Address;
-
-  @Output()
-  public editRequest: EventEmitter<void> = new EventEmitter<void>();
-
-  constructor(
-    public service: TransactionService
-  ) {}
-
-  public onClick(): void {
-    this.editRequest.emit();
-  }
-}

package/projects/transaction/src/lib/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component.ts

@@ -1,296 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewEncapsulation} from "@angular/core";
-import {FormMasterService} from "@colijnit/corecomponents_v12";
-import {Marketing} from "@colijnit/transactionapi/build/model/marketing.bo";
-import {DeliveryMethod} from "@colijnit/transactionapi/build/model/delivery-method.bo";
-import {DeliveryOption} from "@colijnit/transactionapi/build/model/delivery-option.bo";
-import {TransactionService} from "../../../service/transaction.service";
-import {TextValueContainer} from "../../../model/text-value-container";
-import {DictionaryService} from "../../../service/dictionary.service";
-import {TransactionInfoResponse} from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
-import {Icon} from "../../../enum/icon.enum";
-import {animate, state, style, transition, trigger} from "@angular/animations";
-import {IconCacheService} from "../../../service/icon-cache.service";
-import {Address} from "@colijnit/relationapi/build/model/address.bo";
-import {GenderType} from "@colijnit/relationapi/build/enum/gender-type.enum";
-
-@Component({
-  selector: "co-checkout-overview-delivery-edit",
-  template: `
-    <div class="delivery-edit-content">
-      <co-form>
-        <div class="checkout-form-wrapper">
-          <div class="checkout-label-column">
-            <span>01</span>
-            <span class="label-description" [textContent]="'DELIVERY_DATA' | localize"></span>
-          </div>
-          <div class="checkout-data-column">
-            <div class="checkout-data-row">
-              <co-transaction-header-delivery-method
-                [transactionInfo]="transaction.transactionInfo"
-                [filterOnWizard]="true"
-                (deliveryMethodChange)="currentDeliveryMethod = $event"
-              ></co-transaction-header-delivery-method>
-            </div>
-            <div class="checkout-data-row">
-              <co-transaction-header-delivery-date class="header-delivery-deliverydate"
-                                                   [transactionInfo]="transaction.transactionInfo"
-              ></co-transaction-header-delivery-date>
-              <co-transaction-header-preferred-delivery-date class="header-delivery-deliverydate"
-                                                             [transactionInfo]="transaction.transactionInfo"
-              ></co-transaction-header-preferred-delivery-date>
-            </div>
-            <div class="checkout-data-row">
-              <co-transaction-header-partial-delivery [transactionInfo]="transaction.transactionInfo"></co-transaction-header-partial-delivery>
-            </div>
-            <div class="checkout-data-row">
-              <co-collapsible [headerTitle]="'ADD_DELIVERY_OPTION' | localize" [iconData]="iconService.getIcon(icons.TriangleDown)">
-                <div class="checkout-data-row">
-                  <co-transaction-header-delivery-options
-                    [transactionInfo]="transaction.transactionInfo"
-                    [deliveryMethod]="currentDeliveryMethod"
-                  ></co-transaction-header-delivery-options>
-                </div>
-              </co-collapsible>
-            </div>
-            <div class="checkout-data-row">
-              <co-collapsible [headerTitle]="'ADD_REMARK' | localize" [iconData]="iconService.getIcon(icons.TriangleDown)">
-                <div class="checkout-data-row">
-                  <co-transaction-header-remarks [transactionInfo]="transaction.transactionInfo"></co-transaction-header-remarks>
-                </div>
-              </co-collapsible>
-            </div>
-            <div class="checkout-data-row">
-              <co-collapsible [headerTitle]="'ADD_REFERENCE' | localize" [iconData]="iconService.getIcon(icons.TriangleDown)">
-                <div class="checkout-data-row">
-                  <co-transaction-header-reference [transactionInfo]="transaction.transactionInfo"></co-transaction-header-reference>
-                </div>
-                <div class="checkout-data-row">
-                  <co-transaction-header-relation-reference [transactionInfo]="transaction.transactionInfo"></co-transaction-header-relation-reference>
-                </div>
-              </co-collapsible>
-            </div>
-<!--
-            <div class="checkout-data-row">
-              <co-input-date [model]="'NOG_NIET_GEIMPLEMENTEERD'" [placeholder]="'ASSEMBLY_DATE' | localize"></co-input-date>
-            </div>
--->
-          </div>
-          <div class="checkout-label-column">
-            <span>02</span>
-            <span class="label-description" [textContent]="'DOWNPAYMENT' | localize"></span>
-          </div>
-          <div class="checkout-data-column">
-            <div class="checkout-data-row">
-              <co-transaction-header-downpayment-percentage [transactionInfo]="transaction.transactionInfo"></co-transaction-header-downpayment-percentage>
-              <co-transaction-header-downpayment-amount [transactionInfo]="transaction.transactionInfo"></co-transaction-header-downpayment-amount>
-            </div>
-<!--
-            <div class="checkout-data-row">
-              <co-input-text [model]="'NOG_NIET_GEIMPLEMENTEERD'" [placeholder]="'DOWNPAYMENT_BY_BR' | localize"></co-input-text>
-            </div>
-            <div class="checkout-data-row">
-              <co-input-text [model]="'NOG_NIET_GEIMPLEMENTEERD'" [placeholder]="'DOWNPAYMENT_ON_DELIVERY' | localize"></co-input-text>
-            </div>
--->
-          </div>
-          <div class="checkout-label-column">
-            <span>03</span>
-            <span class="label-description" [textContent]="'ORDER_DATA' | localize"></span>
-          </div>
-          <div class="checkout-data-column">
-            <div class="checkout-data-row">
-              <co-transaction-header-branch [simple]="true" [transactionInfo]="transaction.transactionInfo"></co-transaction-header-branch>
-              <co-transaction-header-administrative-relation [transactionInfo]="transaction.transactionInfo"></co-transaction-header-administrative-relation>
-            </div>
-            <div class="checkout-data-row">
-              <span class="label" [textContent]="'MARKETING_CODE' | localize"></span>
-            </div>
-            <div class="checkout-data-row">
-              <co-transaction-header-marketing [transactionInfo]="transaction.transactionInfo"></co-transaction-header-marketing>
-            </div>
-            <div class="checkout-data-row">
-              <span class="label" [textContent]="'ORDER_PARAMETERS' | localize"></span>
-            </div>
-            <div class="checkout-data-row">
-              <co-transaction-header-definitive [transactionInfo]="transaction.transactionInfo"></co-transaction-header-definitive>
-            </div>
-          </div>
-        </div>
-      </co-form>
-    </div>
-  `,
-  providers: [
-    FormMasterService
-  ],
-  animations: [
-    trigger("showHideInvoiceAddress", [
-      state("void", style({height: 0, opacity: 0})),
-      state("*", style({height: "*", opacity: 1})),
-      transition("void => *", animate("200ms ease-in-out")),
-      transition("* => void", animate("200ms ease-out"))
-    ])
-  ],
-  encapsulation: ViewEncapsulation.None
-})
-export class CheckoutOverviewDeliveryEditComponent implements OnInit {
-  public readonly icons: typeof Icon = Icon;
-
-  // @Input()
-  // public deliveryOptionsRequest: SetTransactionDeliveryOptionsRequest;
-
-  @Input()
-  public transaction: TransactionInfoResponse;
-
-  @Output()
-  public validSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public invalidSubmit: EventEmitter<void> = new EventEmitter<void>();
-
-  @HostBinding("class.co-checkout-overview-delivery-edit")
-  public showClass(): boolean {
-    return true;
-  }
-
-  // public deliveryTypes: DeliveryType[] = [
-  //   {code: '1', description: 'Bezorgen', icon: this.icons.DeliveryTruck, price: 89},
-  //   {code: '2', description: 'Bezorgen & monteren', icon: this.icons.CalendarDay, price: 119},
-  //   {code: '3', description: 'Meenemen', icon: this.icons.Truck},
-  // ];
-  public deliveryOptionList: DeliveryOption[] = [];
-  public deliveryOptions: DeliveryOption[] = [];
-  public deliveryOptionFields: TextValueContainer = {text: "description", value: "code"};
-  public deliveryMethods: DeliveryMethod[] = [];
-  public deliveryMethodFields: TextValueContainer = {text: "description", value: "code"};
-  public deliveryTypeIdx: number = 0;
-
-  public currentDeliveryMethod: DeliveryMethod;
-
-  public changeLocationPopup: boolean = false;
-  public transactionDefinitive: boolean = false;
-
-  public newAddress: Address;
-  public preferredDateOptions: TextValueContainer[] = [
-    {text: "NOT_AFTER", value: ">"},
-    {text: "NOT_BEFORE", value: "<"},
-    {text: "ON_DATE", value: "="},
-  ];
-  public addressToEdit: Address;
-  public preferredDate: Date = new Date();
-  public gender: GenderType;
-  public marketing: Marketing[] = [];
-  public marketingFields: Object = {text: "description", value: "code"};
-  public marketingCode: string;
-  public assemblyCosts: number;
-  public deliveryCosts: number;
-
-  // TODO: Deze velden nog opnemen in Transaction!!
-  public deliveryDateFinal: boolean = false;
-  public assemblyDate: Date = new Date();
-  public totalAssemblyTime: string = "";
-  public dropshipment: boolean = false;
-
-  public get deliveryDate(): Date {
-    if (this.transaction.transactionInfo.deliveryDate === undefined) {
-      this.transaction.transactionInfo.deliveryDate = new Date();
-    }
-    return this.transaction.transactionInfo.deliveryDate;
-  }
-
-  public set deliveryDate(value: Date) {
-    this.transaction.transactionInfo.deliveryDate = value;
-  }
-
-  public get preferredDeliveryDate(): Date {
-    if (this.transaction.transactionInfo.preferredDeliveryDate === undefined) {
-      this.transaction.transactionInfo.preferredDeliveryDate = new Date();
-    }
-    return this.transaction.transactionInfo.preferredDeliveryDate;
-  }
-
-  public set preferredDeliveryDate(value: Date) {
-    this.transaction.transactionInfo.preferredDeliveryDate = value;
-  }
-
-  constructor(
-    private _dictionaryService: DictionaryService,
-    private _formMasterService: FormMasterService,
-    public service: TransactionService,
-    public iconService: IconCacheService
-  ) {
-  }
-
-  public async ngOnInit(): Promise<void> {
-    this.deliveryCosts = this.calculateDeliveryCosts();
-    this.assemblyCosts = this.calculateAssemblyCosts();
-    this.service.getDeliveryMethods().then((methods: DeliveryMethod[]) => {
-      this.deliveryMethods = methods.filter(m => m.webshop);
-    });
-    this.service.getDeliveryOptions().then((options: DeliveryOption[]) => {
-      this.deliveryOptionList = options;
-    });
-    this.service.getMarketingCodes().then((marketingCodes: Marketing[]) => {
-      this.marketing = marketingCodes;
-    });
-  }
-
-  public submit(): boolean {
-    return this._formMasterService.submitSlaves();
-  }
-
-  public async handleDeliveryMethodChange(deliveryMethod: DeliveryMethod): Promise<void> {
-    this.service.updateHeaderTransactionDeliveryMethod(this.service.currentTransaction.transactionInfo.uuid, deliveryMethod.code).then(() => {
-      this.deliveryOptions = this.selectDeliveryOptionsByDeliveryMethod(deliveryMethod);
-    });
-    // this.transaction.transactionLines.forEach((tl: TransactionLineInfo) => {
-    //   tl.deliveryMethodCode = deliveryMethod.code;
-    // })
-    // if (deliveryMethod) {
-    //   this.deliveryOptions = this.selectDeliveryOptionsByDeliveryMethod(deliveryMethod);
-    // }
-  }
-
-  public setIndexDeliveryType(idx: number): void {
-    this.deliveryTypeIdx = idx;
-    // this.selectAddress(this.relation.addresses[idx]);
-  }
-
-  public selectDeliveryOptionsByDeliveryMethod(deliveryMethod: DeliveryMethod): DeliveryOption[] {
-    return this.deliveryOptionList.filter(deliveryOption => deliveryMethod.deliveryOptions.indexOf(deliveryOption.code) !== -1);
-  }
-
-  public selectDeliveryMethodById(deliveryMethodId: string): DeliveryMethod {
-    return this.deliveryMethods.find(delivery => delivery.code === deliveryMethodId);
-  }
-
-  public isDeliveryOptionChecked(deliveryOptionItem: DeliveryOption): boolean {
-    return (this.transaction.transactionInfo.deliveryOptions.indexOf(deliveryOptionItem.code, 0) === 0);
-  }
-
-  public changePreferredDeliveryDate2(preferredDateOption: string): void {
-    this.transaction.transactionInfo.preferredDeliveryDate2 = preferredDateOption;
-  }
-
-  public onMarketingCodeChange(marketingCode: string): void {
-    this.transaction.transactionInfo.marketingCode = marketingCode;
-  }
-
-  public onChangeLocationCancelClick(): void {
-    this.changeLocationPopup = false;
-  }
-
-  public async handleTransactionDefinitive(definitive: boolean): Promise<void> {
-    const success: boolean = await this.service.updateHeaderTransactionDefinitive(this.transaction.transactionInfo.uuid, definitive);
-    if (!success) {
-      this.transactionDefinitive = !definitive;
-    }
-  }
-
-  private calculateDeliveryCosts(): number {
-    return 0;
-  }
-
-  private calculateAssemblyCosts(): number {
-    return 0;
-  }
-}

package/projects/transaction/src/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.ts

@@ -1,107 +0,0 @@
-import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewEncapsulation} from "@angular/core";
-import {Address} from "@colijnit/relationapi/build/model/address.bo";
-import {TransactionInfoResponse} from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
-import {Icon} from "../../../enum/icon.enum";
-import {RelationAnyType} from "../../../model/relation-any-type";
-import {TransactionService} from "../../../service/transaction.service";
-
-@Component({
-  selector: "co-checkout-overview-payment",
-  template: `
-    <div class="checkout-overview-section">
-      <span class="overview-section-title" [textContent]="'YOUR_DATA' | localize"></span>
-      <div class="two-column-grid">
-        <div class="overview-address">
-            <span class="overview-address-title" [textContent]="'DELIVERY_ADDRESS' | localize"></span>
-            <span [textContent]="relation.displayName"></span>
-            <span [textContent]="deliveryAddress.displayAddress"></span>
-            <span [textContent]="deliveryAddress.displayPostal"></span>
-        </div>
-        <div class="overview-address">
-          <span class="overview-address-title" [textContent]="'INVOICE_ADDRESS' | localize"></span>
-          <span [textContent]="relation.displayName"></span>
-          <span [textContent]="invoiceAddress.displayAddress"></span>
-          <span [textContent]="invoiceAddress.displayPostal"></span>
-        </div>
-      </div>
-      <div class="overview-address">
-        <span class="overview-address-title" [textContent]="'CONTACT_DETAILS' | localize"></span>
-        <span [textContent]="relation.primaryEmail"></span>
-        <span [textContent]="relation.primaryPhoneNumber"></span>
-      </div>
-      <div class="overview-section-change-link">
-        <icon class="overview-section-change-icon" [icon]="icons.ArrowPointRight"></icon>
-        <div [textContent]="'CHANGE_DATA' | localize" (click)="changeYourDataClick.emit()"></div>
-      </div>
-    </div>
-    <div class="checkout-overview-section">
-      <span class="overview-section-title" [textContent]="'DELIVERY' | localize"></span>
-      <div class="overview-address">
-        <div class="overview-row">
-            <span [textContent]="'EXPECTED_DELIVERY_DATE' | localize | append:':'"></span><span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'"></span>
-        </div>
-        <div class="overview-row">
-            <span [textContent]="'DELIVERY_METHOD' | localize | append:':'"></span><span [textContent]="transaction.transactionInfo.deliveryMethod"></span>
-        </div>
-      </div>
-      <div class="overview-section-change-link">
-        <icon class="overview-section-change-icon" [icon]="icons.ArrowPointRight"></icon>
-        <div [textContent]="'CHANGE_DATA' | localize" (click)="changeDeliveryClick.emit()"></div>
-      </div>
-    </div>
-    <co-payment
-      [transactionUuid]="transaction.transactionInfo.uuid"
-      [amount]="transaction.transactionInfo.toDownPayAmount || transaction.transactionTotal.netAmount"
-      [currencyId]="transaction.transactionInfo.currencyId"
-      (payed)="handlePayed()"
-    ></co-payment>
-  `,
-  encapsulation: ViewEncapsulation.None
-})
-export class CheckoutOverviewPaymentComponent implements OnInit {
-  public readonly icons: typeof Icon = Icon;
-
-  @Input()
-  public transaction: TransactionInfoResponse;
-
-  @Input()
-  public relation: RelationAnyType;
-
-  @Output()
-  public changeYourDataClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public changeDeliveryClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public payed: EventEmitter<number> = new EventEmitter<number>();
-
-  @HostBinding("class.co-checkout-overview-payment")
-  public showClass() {
-    return true;
-  }
-
-  public deliveryAddress: Address = new Address();
-  public invoiceAddress: Address = new Address();
-
-  constructor(private _transactionService: TransactionService) {
-  }
-
-  ngOnInit(): void {
-    if (this.relation) {
-      const delAddress: Address = this.relation.addresses.find(a => a.nawNr === this.transaction.transactionInfo.transactionAddress);
-      if (delAddress) {
-        this.deliveryAddress = delAddress;
-      }
-      const invAddress: Address = this.relation.addresses.find(a => a.nawNr === this.transaction.transactionInfo.invoiceAddress);
-      if (invAddress) {
-        this.invoiceAddress = invAddress;
-      }
-    }
-  }
-
-  public handlePayed(): void {
-    const id: number = this._transactionService.currentTransaction.transactionInfo.id;
-    this.payed.emit(id);
-  }
-}