@colijnit/transaction 12.1.20 → 12.1.21

package/lib/component/checkout/checkout.component.d.ts

@@ -29,7 +29,7 @@ export declare class CheckoutComponent {
     handleRelationValidation(): Promise<void>;
     handleDeliveryValidation(): Promise<void>;
     handlePaymentValidation(): void;
-    handleOverviewValidation(): void;
+    handleOverviewValidation(): Promise<void>;
     handleFinishStep(): Promise<void>;
     saveRelation(): Promise<boolean>;
     handleSaveDelivery(): Promise<boolean>;

package/lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { ButtonComponent } from "@colijnit/corecomponents_v12";
+export declare class DefaultOkCancelButtonsComponent {
+    okButtonComp: ButtonComponent;
+    okDisabled: boolean;
+    hideCancel: boolean;
+    hideOk: boolean;
+    okLabel: string;
+    okClick: EventEmitter<MouseEvent>;
+    cancelClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    onOkClick(event: MouseEvent): void;
+}

package/lib/component/core/base/components/default-ok-cancel-buttons/default-ok-cancel-buttons.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DefaultOkCancelButtonsModule {
+}

package/lib/component/core/base/components/default-ok-cancel-buttons/style/_layout.scss

@@ -4,4 +4,8 @@
   .co-default-ok-cancel-buttons {
     display: flex;
   }
+  .ok {
+    float: left;
+    margin-right: 2px;
+  }
 }

package/lib/component/{transaction-search/transaction-filter/transaction-filter.component.d.ts → core/base/transaction-filter-base.component.d.ts}

@@ -1,11 +1,13 @@
 import { ElementRef, EventEmitter } from "@angular/core";
+import { ColumnAlign } from "@colijnit/corecomponents_v12";
 import { Icon } from "../../../enum/icon.enum";
 import { SearchViewMode } from "../../../enum/search-view-mode.enum";
 import { IconCacheService } from "../../../service/icon-cache.service";
-import { TransactionSearchService } from "../service/transaction-search.service";
-export declare class TransactionFilterComponent {
+import { TransactionSearchService } from "../../transaction-search/service/transaction-search.service";
+export declare abstract class TransactionFilterBaseComponent {
     iconCacheService: IconCacheService;
     searchService: TransactionSearchService;
+    readonly align: typeof ColumnAlign;
     readonly icon: typeof Icon;
     readonly searchViewModes: typeof SearchViewMode;
     filterItems: ElementRef;
@@ -15,7 +17,7 @@ export declare class TransactionFilterComponent {
     activeSearchViewMode: SearchViewMode;
     closeButtonClick: EventEmitter<void>;
     resetFilterClick: EventEmitter<void>;
-    showClass(): boolean;
+    onEnterKey(): void;
     filterCategories: string[];
     constructor(iconCacheService: IconCacheService, searchService: TransactionSearchService);
     handleCategoryClick(cat: string): void;

package/lib/component/core/base/transaction-filter-content-base.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from "@angular/core";
+import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
+import { TransactionService } from "../../../service/transaction.service";
+import { FilterRequestService } from "../../transaction-search/service/filter-request.service";
+import { TransactionSearchService } from "../../transaction-search/service/transaction-search.service";
+export declare abstract class TransactionFilterContentBaseComponent implements OnInit {
+    searchService: TransactionSearchService;
+    filterRequestService: FilterRequestService;
+    transactionService: TransactionService;
+    searchRequest: TransactionSearchViewRequest;
+    searchCollectionPlaceholder: string;
+    searchPlaceholder: string;
+    noResultsLabel: string;
+    showMoreLabel: string;
+    showLessLabel: string;
+    protected constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
+    ngOnInit(): void;
+    onDateRangeChange(dates: Date[], modelName: any): void;
+    onClearedDateRangeChange(modelName: string): void;
+    onFilterButtonClick(): void;
+    filterTransactions(): void;
+}

package/lib/component/core/base/transaction-search-grid-base.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter, QueryList } from "@angular/core";
+import { ColumnAlign, SimpleGridColumnDirective } from "@colijnit/corecomponents_v12";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+export declare abstract class TransactionSearchGridBaseComponent {
+    readonly align: typeof ColumnAlign;
+    set content(columnComponents: QueryList<SimpleGridColumnDirective>);
+    transactions: TransactionSearchView[];
+    transactionClick: EventEmitter<TransactionSearchView>;
+    extraColumns: SimpleGridColumnDirective[];
+    onTransactionClick(transaction: any): void;
+}

package/lib/component/core/base/transaction-search-tile-base.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+export declare abstract class TransactionSearchTileBaseComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    transaction: TransactionSearchView;
+    transactionClick: EventEmitter<TransactionSearchView>;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+    onTransactionClick(transaction: TransactionSearchView): void;
+}

package/lib/component/core/loader.component.d.ts

@@ -0,0 +1,2 @@
+export declare class LoaderComponent {
+}

package/lib/component/editable-label/editable-label.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from "@angular/core";
+export declare class EditableLabelComponent {
+    set inputComponent(child: any);
+    model: string;
+    editModel: any;
+    commit: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    readonly: boolean;
+    editModelChange: EventEmitter<any>;
+    showClass(): boolean;
+    handleClick(event: MouseEvent): void;
+    private _editMode;
+    private _inputTextComponent;
+}

package/lib/component/editable-label/editable-label.module.d.ts

@@ -0,0 +1,2 @@
+export declare class EditableLabelModule {
+}

package/lib/component/editable-label/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-editable-label-layout') {
+  .co-editable-label {
+  }
+}

package/lib/component/editable-label/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-editable-label-theme') {
+  .co-editable-label {
+  }
+}

package/lib/component/editable-label/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/payment/payment.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from "@angular/core";
 import { Icon } from "../../enum/icon.enum";
 import { TransactionService } from "../../service/transaction.service";
+import { CashRegister } from "@colijnit/transactionapi/build/model/cash-register";
 import { PaymentService } from "../../service/payment.service";
 import { SharedService } from "../../service/shared.service";
 import { PaymentMethod } from "@colijnit/transactionapi/build/model/payment-method.bo";
@@ -12,7 +13,7 @@ export declare class PaymentComponent implements OnInit {
     readonly icons: typeof Icon;
     transactionUuid: string;
     amount: number;
-    currencyCode: number;
+    currencyId: number;
     showClass(): boolean;
     paymentMethodIdx: number;
     cashRegisterIdx: number;
@@ -20,9 +21,12 @@ export declare class PaymentComponent implements OnInit {
     cashRegisters: any[];
     showCashRegisters: boolean;
     showKeyPad: boolean;
+    showPspQrCode: boolean;
+    currentPaymentMethod: PaymentMethod;
     constructor(_transactionService: TransactionService, _sharedService: SharedService, _paymentService: PaymentService);
     ngOnInit(): void;
     paymentMethodSelected(method: PaymentMethod, index: number): void;
+    cashRegisterSelected(cashRegister: CashRegister, index: number): void;
     handlePayment(): void;
     handleKeyPadModelChange(model: number): void;
     /**

package/lib/component/payment/style/material.scss

@@ -2,3 +2,4 @@
 @import "./layout";
 @import "./theme";
 @import "../../payment-tile/style/material";
+@import "../../payment-qr-code/style/material";

package/lib/component/payment-qr-code/payment-qr-code.component.d.ts

@@ -0,0 +1,13 @@
+import { AfterViewInit } from "@angular/core";
+import { PaymentService } from "../../service/payment.service";
+export declare class PaymentQrCodeComponent implements AfterViewInit {
+    private _paymentService;
+    transactionUuid: string;
+    amount: number;
+    paymentMethod: string;
+    showClass(): boolean;
+    qrCodeImage: string;
+    constructor(_paymentService: PaymentService);
+    ngAfterViewInit(): void;
+    private _dataUriToBase64;
+}

package/lib/component/payment-qr-code/payment-qr-code.module.d.ts

@@ -0,0 +1,2 @@
+export declare class PaymentQrCodeModule {
+}

package/lib/component/payment-qr-code/style/_layout.scss

@@ -0,0 +1,15 @@
+@include export-module('cc-payment-qr-code-layout') {
+  .co-payment-qr-code {
+    display: block;
+    height: 100%;
+    width: 100%;
+    .payment-qr-code-wrapper {
+      height: 100%;
+      img {
+        max-height: 100%;
+        max-width: 100%;
+        width: auto;
+      }
+    }
+  }
+}

package/lib/component/payment-qr-code/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-payment-qr-code-theme') {
+  .co-payment-qr-code {
+  }
+}

package/lib/component/payment-qr-code/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction/style/_layout.scss

@@ -18,6 +18,7 @@
       justify-content: flex-end;
       align-items: center;
       padding: $tp-transaction-transaction-lines-header-padding;
+      flex-wrap: wrap-reverse;
       .transaction-lines-header-item {
         flex-basis: 30%;
       }

package/lib/component/transaction-confirmation-details/style/_layout.scss

@@ -0,0 +1,75 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-confirmation-details-layout') {
+  .co-transaction-confirmation-details {
+    .confirmation-details-wrapper {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+
+    .details-header {
+      font-size: $tp-co-transaction-confirmation-details-title-font-size;
+      margin: $tp-co-transaction-confirmation-details-title-margin;
+    }
+
+    .header-left-text {
+      float: left;
+    }
+
+    .header-right-text {
+      color: $tp-co-transaction-confirmation-details-delivery-date-text-color;
+    }
+
+    .header-right-text-colon {
+      color: $tp-co-transaction-confirmation-details-delivery-date-text-color;
+      margin-right: 3px;
+    }
+
+    .details-header-right {
+      float: right;
+      display: flex;
+      flex-direction: row;
+    }
+
+    .details-column {
+      width: 45%;
+    }
+
+    .details-input {
+      margin: $tp-co-transaction-confirmation-details-input-margin;
+    }
+
+    .columns-wrapper {
+      display: flex;
+      width: 100%;
+    }
+
+    .details-wrapper {
+      display: flex;
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+
+      .divider {
+        border-left: 0px solid #dce4ea;
+        margin: $tp-co-transaction-receiving-goods-details-input-margin;
+      }
+
+    }
+  }
+
+  .co-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  .co-default-ok-cancel-buttons {
+    .ok {
+      float: left;
+    }
+  }
+}

package/lib/component/transaction-confirmation-details/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$tp-transaction: $tp-font-family !default;
+$tp-co-transaction-confirmation-details-title-font-size: 1.2em !default;
+$tp-co-transaction-confirmation-details-title-margin: 0 0 10px 0 !default;
+$tp-co-transaction-confirmation-details-input-margin: 0 0 10px 0 !default;
+$tp-co-transaction-confirmation-details-delivery-date-text-color: #747b87 !default;

package/lib/component/transaction-confirmation-details/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-confirmation-details-theme') {
+  .co-transaction-confirmation-details {
+
+  }
+}

package/lib/component/{transaction-search/transaction-filter-content-article → transaction-confirmation-details}/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../style/variables";
+@import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

package/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.d.ts

@@ -0,0 +1,20 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { TransactionService } from "../../service/transaction.service";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
+export declare class TransactionConfirmationDetailsComponent {
+    iconCacheService: IconCacheService;
+    transactionService: TransactionService;
+    readonly icons: typeof Icon;
+    transactionLines: TransactionLineInfo;
+    transactionInfoNr: number;
+    showClass(): boolean;
+    showAddOrder: boolean;
+    purchasePortalLine: PurchasePortalLine;
+    docBatchArray: DocDeliveryBatch;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
+    addButtonClicked(): void;
+    handleOkClick(): void;
+}

package/lib/component/transaction-confirmation-details/transaction-confirmation-details.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TransactionConfirmationDetailsModule {
+}

package/lib/component/transaction-confirmation-history/style/_layout.scss

@@ -2,6 +2,9 @@
 
 @include export-module('co-transaction-confirmation-history-layout') {
   .co-transaction-confirmation-history {
-
+    .history-grid-wrapper {
+      height: 40%;
+      width: 100%;
+    }
   }
 }

package/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.d.ts

@@ -1,5 +1,25 @@
+import { OnInit } from "@angular/core";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
-export declare class TransactionConfirmationHistoryComponent {
-    transactionLines: TransactionLineInfo[];
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { TransactionService } from "../../service/transaction.service";
+import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
+import { GetPurchasePortalLine } from "@colijnit/transactionapi/build/model/get-purchase-portal-line";
+import { PurchasePortalFilters } from "@colijnit/transactionapi/build/model/purchase-portal-filters.bo";
+import { DatePipe } from "@angular/common";
+export declare class TransactionConfirmationHistoryComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    transactionService: TransactionService;
+    private _datePipe;
+    readonly icons: typeof Icon;
+    transactionLines: TransactionLineInfo;
+    transactionId: number;
+    transactionInfoNr: number;
+    purchasePortalLines: PurchasePortalLine;
+    getPurchasePortalLine: GetPurchasePortalLine;
+    purchasePortalFilter: PurchasePortalFilters;
     showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
+    ngOnInit(): void;
+    getPurchasePortalLines(): void;
 }

package/lib/component/transaction-header/transaction-header/style/_layout.scss

@@ -8,31 +8,20 @@
     .transaction-header-wrapper {
       display: flex;
       flex-direction: row;
+      flex-wrap: wrap;
       padding: $tp-co-transaction-header-padding;
       border: $tp-co-transaction-header-border;
       border-width: $tp-co-transaction-header-border-width;
       column-gap: $tp-co-transaction-header-gap;
       row-gap: $tp-co-transaction-header-gap;
-
-      .collapse-handle {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border: 1px solid;
-        border-radius: 25px;
-        width: 45px;
-        height: 30px;
-        opacity: 0.3;
-        margin-right: 25px;
-        .collapse-icon {
-          width: 40px;
-          height: 40px;
-          transition: all 0.2s;
+      > * {
+        @include screen-mobile {
+          width: 100%;
         }
-        &.expanded {
-          .collapse-icon {
-            transform: rotate(180deg);
-          }
+      }
+      .co-transaction-header-block {
+        @include screen-mobile {
+          width: 100%;
         }
       }
     }

package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss

@@ -7,8 +7,13 @@
       display: flex;
       cursor: pointer;
       column-gap: 10px;
+      border-style: $tp-transaction-header-block-payment-balance-border-style;
+      border-width: $tp-transaction-header-block-payment-balance-border-width;
       border-radius: $tp-transaction-header-block-payment-balance-border-radius;
       padding: $tp-transaction-header-block-payment-balance-padding;
+      .payment-icon {
+        margin-right: 10px;
+      }
     }
   }
 }

package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss

@@ -1,4 +1,7 @@
-$tp-transaction-header-block-payment-balance-background: $tp-color-active-light !default;
+$tp-transaction-header-block-payment-balance-background: white !default;
 $tp-transaction-header-block-payment-balance-padding: 5px 10px !default;
+$tp-transaction-header-block-payment-balance-border-style: solid !default;
+$tp-transaction-header-block-payment-balance-border-color: $tp-color-font !default;
+$tp-transaction-header-block-payment-balance-border-width: 1px !default;
 $tp-transaction-header-block-payment-balance-border-radius: 10px !default;
-$tp-transaction-header-block-payment-balance-to-pay-color: #C1002A !default;
+$tp-transaction-header-block-payment-balance-to-pay-color: #FF4141 !default;

package/lib/component/transaction-header/transaction-header-payment/style/_theme.scss

@@ -4,6 +4,7 @@
   .co-transaction-header-payment {
     .header-block-balance {
       background: $tp-transaction-header-block-payment-balance-background;
+      border-color: $tp-transaction-header-block-payment-balance-border-color;
       .payment-to-pay {
         color: $tp-transaction-header-block-payment-balance-to-pay-color;
       }

package/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.d.ts

@@ -1,6 +1,13 @@
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
 export declare class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
+    iconService: IconCacheService;
+    protected readonly service: TransactionService;
+    readonly icons: typeof Icon;
     showClass(): boolean;
     showPaymentDialog: boolean;
+    constructor(iconService: IconCacheService, service: TransactionService);
     openPayment(): void;
 }