@colijnit/transaction 12.1.22 → 12.1.25

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

@@ -17,5 +17,16 @@
         fill: white;
       }
     }
+
+    .co-image-display {
+      width: 30px;
+      height: 30px;
+      overflow: hidden;
+      border-radius: 50px;
+
+      .image {
+        object-fit: cover;
+      }
+    }
   }
 }

package/lib/component/core/image-display/style/_layout.scss

@@ -37,6 +37,7 @@
       }
       .no-image-label {
         font-size: $tp-image-display-no-image-label-font-size;
+        text-align: center;
       }
     }
 

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

@@ -9,9 +9,8 @@
       justify-content: center;
       height: 100%;
       img {
-        max-height: 100%;
-        max-width: 100%;
-        width: auto;
+        max-height: 75vh;
+        width: fit-content;
       }
     }
   }

package/lib/component/status-bar/status-bar.component.d.ts

@@ -0,0 +1,8 @@
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class StatusBarComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/component/status-bar/status-bar.module.d.ts

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

package/lib/component/status-bar/style/_layout.scss

@@ -0,0 +1,14 @@
+@include export-module('cc-status-bar-layout') {
+  .co-status-bar {
+    .status-bar-icons-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 2px;
+    }
+
+    co-icon {
+      height: $tp-status-bar-icon-height;
+      width: $tp-status-bar-icon-width;
+    }
+  }
+}

package/lib/component/status-bar/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$tp-status-bar-icon-width: 0.8rem !default;
+$tp-status-bar-icon-height: 0.8rem !default;
+$tp-status-bar-icon-color: $tp-color-grey !default;
+$tp-status-bar-icon-active-color: $tp-color-active-light !default;
+$tp-status-bar-icon-warning-color: $tp-color-warning !default;

package/lib/component/status-bar/style/_theme.scss

@@ -0,0 +1,15 @@
+@include export-module('cc-status-bar-theme') {
+  .co-status-bar {
+    co-icon {
+      fill: $tp-status-bar-icon-color;
+
+      &.color-green {
+        fill: $tp-status-bar-icon-active-color;
+      }
+
+      &.color-orange {
+        fill: $tp-status-bar-icon-warning-color;
+      }
+    }
+  }
+}

package/lib/component/status-bar/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

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

@@ -28,5 +28,23 @@
         justify-content: space-between;
       }
     }
+    .transaction-tiles-wrapper {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      grid-column-gap: 5px;
+      grid-row-gap: 5px;
+
+      @media(max-width: 1500px) {
+        grid-template-columns: repeat(3, 1fr);
+      }
+
+      @media(max-width: 1200px) {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      @media(max-width: 900px) {
+        grid-template-columns: repeat(1, 1fr);
+      }
+    }
   }
 }

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

@@ -11,5 +11,19 @@
       display: flex;
       justify-content: flex-end;
     }
+
+    .row-container {
+      display: flex;
+      flex-direction: column;
+
+      .row {
+
+      }
+
+      .correction {
+        margin-top: 8px;
+        color: #DB2C2C ;
+      }
+    }
   }
 }

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

@@ -29,6 +29,12 @@
         height: 15px;
       }
     }
+    .header-delivery-deliverydate {
+      .co-input-date {
+        height: auto;
+        padding: 0;
+      }
+    }
     .transaction-header-block-content-third {
       display: flex;
       flex-direction: column;

package/lib/component/transaction-header-fields/transaction-header-delivery-date.component.d.ts

@@ -0,0 +1,17 @@
+import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
+export declare class TransactionHeaderDeliveryDateComponent extends TransactionHeaderFieldsBaseComponent {
+    private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputDatePickerComponent;
+    private _editMode;
+    constructor(_transactionService: TransactionService);
+    commitDeliveryDate(date: Date): Promise<boolean>;
+    protected transactionInfoSet(): void;
+}

package/lib/component/transaction-header-fields/transaction-header-fields-base.component.d.ts

@@ -0,0 +1,8 @@
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+export declare abstract class TransactionHeaderFieldsBaseComponent {
+    set transactionInfo(value: TransactionInfo);
+    get transactionInfo(): TransactionInfo;
+    readonly: boolean;
+    private _transactionInfo;
+    protected transactionInfoSet(): void;
+}

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

@@ -172,6 +172,12 @@
     }
     .transaction-line-description-description {
       font-weight: bold;
+      co-input-text {
+        height: auto;
+        input {
+          margin-top: 0;
+        }
+      }
     }
     .transaction-line-description-sku {
     }

package/lib/component/transaction-line-fields/transaction-line-commission-code.component.d.ts

@@ -9,4 +9,5 @@ export declare class TransactionLineCommissionCodeComponent extends TransactionL
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
     commitCommissionCode(code: string): Promise<boolean>;
+    protected transactionLineSet(): void;
 }

package/lib/component/transaction-line-fields/transaction-line-delivery-date.component.d.ts

@@ -4,4 +4,5 @@ export declare class TransactionLineDeliveryDateComponent extends TransactionLin
     private _transactionService;
     constructor(_transactionService: TransactionService);
     commitDeliveryDate(date: Date): Promise<boolean>;
+    protected transactionInfoSet(): void;
 }

package/lib/component/transaction-line-fields/transaction-line-description.component.d.ts

@@ -0,0 +1,17 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { TransactionLineFieldsBaseComponent } from "./transaction-line-fields-base.component";
+import { TransactionService } from "../../service/transaction.service";
+export declare class TransactionLineDescriptionComponent extends TransactionLineFieldsBaseComponent {
+    private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputTextComponent;
+    private _editMode;
+    constructor(_transactionService: TransactionService);
+    commitDescription(description: string): Promise<boolean>;
+    protected transactionLineSet(): void;
+}

package/lib/component/transaction-line-fields/transaction-line-description.module.d.ts

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

package/lib/component/transaction-line-fields/transaction-line-fields-base.component.d.ts

@@ -1,8 +1,13 @@
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare abstract class TransactionLineFieldsBaseComponent {
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
+    set transactionInfo(value: TransactionInfo);
+    get transactionInfo(): TransactionInfo;
     readonly: boolean;
     private _transactionLine;
+    private _transactionInfo;
     protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
 }

package/lib/component/transaction-line-fields/transaction-line-supplier.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from "@angular/core";
+import { TransactionLineFieldsBaseComponent } from "./transaction-line-fields-base.component";
+import { TransactionService } from "../../service/transaction.service";
+import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
+export declare class TransactionLineSupplierComponent extends TransactionLineFieldsBaseComponent implements OnInit {
+    private _transactionService;
+    data: RelationListObject[];
+    fields: Object;
+    tempSupplier: string;
+    constructor(_transactionService: TransactionService);
+    ngOnInit(): void;
+    commitSupplier(code: string): Promise<boolean>;
+    protected transactionLineSet(): void;
+}

package/lib/component/transaction-line-fields/transaction-line-supplier.module.d.ts

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

package/lib/component/transaction-line-side-panel/transaction-line-side-panel.component.d.ts

@@ -6,6 +6,7 @@ import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionLineSidePanelComponent {
     iconService: IconCacheService;
     private _service;
@@ -13,12 +14,10 @@ export declare class TransactionLineSidePanelComponent {
     readonly icons: typeof Icon;
     readonly categories: typeof TransactionTypeCategory;
     readonly transactionTypes: typeof TransactionKind;
-    transactionType: TransactionKind;
     transactionLine: TransactionLineInfo;
-    transactionId: number;
+    transactionInfo: TransactionInfo;
     activeCategory: TransactionTypeCategory;
     cancelClick: EventEmitter<MouseEvent>;
-    transactionInfoNr: number;
     showClass(): boolean;
     quantityToReceive: number;
     constructor(iconService: IconCacheService, _service: TransactionService, _transactionEventService: TransactionEventService);

package/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component.d.ts

@@ -3,12 +3,14 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { TransactionService } from "../../service/transaction.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionLineSidePanelDefaultComponent {
     iconService: IconCacheService;
     private _transactionService;
     readonly icons: typeof Icon;
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
+    transactionInfo: TransactionInfo;
     cancelClick: EventEmitter<MouseEvent>;
     showClass(): boolean;
     data: any[];

package/lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.component.d.ts

@@ -4,19 +4,19 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionLineSidePanelPurchaseComponent {
     private _service;
     private _transactionEventService;
     readonly categories: typeof TransactionTypeCategory;
+    set transactionInfo(value: TransactionInfo);
+    get transactionInfo(): TransactionInfo;
     transactionLine: TransactionLineInfo;
-    set transactionId(value: number);
-    get transactionId(): number;
     category: TransactionTypeCategory;
-    transactionInfoNr: number;
     quantityToReceiveChange: EventEmitter<number>;
     showClass(): boolean;
     goodsReceiptStatus: GoodsReceiptStatusWithHistory;
-    private _transactionId;
+    private _transactionInfo;
     constructor(_service: TransactionService, _transactionEventService: TransactionEventService);
     getGoodsReceiptStatusWithHistory(): Promise<void>;
 }

package/lib/component/transaction-receiving-goods-history/style/_layout.scss

@@ -3,5 +3,18 @@
 @include export-module('co-transaction-receiving-goods-history') {
   .co-transaction-receiving-goods-history {
 
+    .row-container {
+      display: flex;
+      flex-direction: column;
+
+      .row {
+
+      }
+
+      .correction {
+        margin-top: 8px;
+        color: #DB2C2C;
+      }
+    }
   }
 }

package/lib/component/transaction-search/service/transaction-search.service.d.ts

@@ -4,19 +4,22 @@ import { TransactionService } from "../../../service/transaction.service";
 export declare class TransactionSearchService {
     private _transactionService;
     searchRequest: TransactionSearchViewRequest;
+    previousSearchRequest: TransactionSearchViewRequest;
     transactions: TransactionSearchView[];
     set transactionType(value: string);
     get transactionType(): string;
     labelBasedOnTransactionType: Map<string, string>;
     transactionsPerPage: number;
     resultCount: number;
-    get showcasePage(): number;
-    set showcasePage(value: number);
-    private _showcasePage;
+    get currentPage(): number;
+    set currentPage(value: number);
+    private _currentPage;
     private _transactionType;
     constructor(_transactionService: TransactionService);
     searchTransactions(): void;
     getLabelBasedOnTransactionType(): string;
     resetFilters(): void;
     private _resetRequest;
+    setPreviousSearchRequest(): void;
+    isNewGeneralSearch(): boolean;
 }

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

@@ -4,6 +4,7 @@
   .co-transaction-search {
     font-family: $tp-co-transaction-search-font-family;
     font-size: $tp-co-transaction-search-font-size;
+    display: flex;
 
     .transaction-search-wrapper {
       display: flex;

package/lib/component/transaction-search/style/_material-definition.scss

@@ -47,8 +47,9 @@ $tp-co-transaction-search-filter-button-size: 50px !default;
 $tp-co-transaction-search-filter-button-border-radius: 5px !default;
 
 $tp-co-transaction-search-result-width: 100% !default;
-$tp-co-transaction-search-result-wrapper-padding: 10px !default;
+$tp-co-transaction-search-result-wrapper-padding: 0 10px !default;
 $tp-co-transaction-search-result-upper-header-padding-left: 27px !default;
+$tp-co-transaction-search-result-upper-header-height: 20px !default;
 $tp-co-transaction-search-result-header-buttons-wrapper-padding: 0 27px !default;
 $tp-co-transaction-search-result-header-sidebar-button-size: 21px !default;
 
@@ -58,6 +59,9 @@ $tp-co-transaction-search-input-text-label-margin-left: 5% !default;
 
 $tp-co-transaction-search-view-modes-wrapper-padding: 0 35px !default;
 
+$tp-transaction-tile-background-color: $tp-color-light  !default;
+$tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
+$tp-transaction-tile-background-color-selected: #F0F5FF !default;
 $tp-transaction-tiles-wrapper-padding: 20px !default;
 $tp-transaction-tiles-wrapper-row-gap: 5px !default;
 $tp-transaction-tiles-wrapper-width: 100% !default;
@@ -65,8 +69,11 @@ $tp-transaction-tiles-wrapper-height: 100% !default;
 $tp-transaction-tiles-wrapper-column-gap: 5px !default;
 $tp-transaction-tile-font-family: $tp-font-family !default;
 $tp-transaction-tile-font-size: $tp-font-size !default;
-$tp-transaction-tile-height: 150px !default;
+$tp-transaction-tile-height: 190px !default;
+$tp-transaction-tile-content-height: 175px !default;
+$tp-transaction-tile-body-height: 100px !default;
 $tp-transaction-tile-width: 300px !default;
+$tp-transaction-tile-width-mobile: 85 vw !default;
 $tp-transaction-tile-padding: 10px 15px !default;
 $tp-transaction-tile-row-gap: 10px !default;
 $tp-transaction-tile-column-gap: 10px !default;
@@ -77,6 +84,8 @@ $tp-transaction-tile-header-font-size: $tp-font-size !default;
 $tp-transaction-tile-header-font-weight: bold !default;
 $tp-transaction-tile-header-font-color: $tp-color-font !default;
 $tp-transaction-tile-footer-border-color: $tp-transaction-tile-font-color !default;
+$tp-transaction-tile-footer-padding: 10px 0 !default;
+$tp-transaction-tile-footer-middle-section-padding: 0 15px !default;
 $tp-transaction-tile-value-height: 20px !default;
 $tp-transaction-tile-border-color: $tp-color-border !default;
 $tp-transaction-tile-button-color: $tp-color-active-light !default;
@@ -90,8 +99,6 @@ $tp-transaction-tile-icon-width: 1.2rem !default;
 $tp-transaction-tile-icon-height: 1.2rem !default;
 $tp-transaction-tile-icon-active-color: $tp-color-active !default;
 $tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
+$tp-transaction-tile-line-height: 15px !default;
 
-$tp-transaction-tile-background-color: $tp-color-light  !default;
-$tp-transaction-tile-hover-background-color: $tp-color-less-light !default;
-$tp-transaction-tile-selected-background-color: #F0F5FF !default;
 

package/lib/component/transaction-search/transaction-search-grid/transaction-search-sales-order-grid/transaction-search-sales-order-grid.component.d.ts

@@ -4,4 +4,5 @@ export declare class TransactionSearchSalesOrderGridComponent extends Transactio
     searchService: TransactionSearchService;
     showClass(): boolean;
     constructor(searchService: TransactionSearchService);
+    onTransactionClick(event: any): void;
 }

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

@@ -9,6 +9,7 @@
     .upper-header {
       display: flex;
       justify-content: flex-end;
+      height: $tp-co-transaction-search-result-upper-header-height;
       padding-left: $tp-co-transaction-search-result-upper-header-padding-left;
 
       .header-buttons-wrapper {

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

@@ -2,9 +2,9 @@ import { EventEmitter } from "@angular/core";
 import { ContentViewMode } from "../../../enum/content-view-mode.enum";
 import { Icon } from "../../../enum/icon.enum";
 import { SearchViewMode } from "../../../enum/search-view-mode.enum";
+import { DictionaryService } from "../../../service/dictionary.service";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionSearchService } from "../service/transaction-search.service";
-import { DictionaryService } from "../../../service/dictionary.service";
 export declare class TransactionSearchHeaderComponent {
     searchService: TransactionSearchService;
     iconCacheService: IconCacheService;

package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts

@@ -26,5 +26,7 @@ export declare class TransactionSearchResultComponent implements OnInit {
     onResizeClick(): void;
     onCloseClick(): void;
     onFilterClick(): void;
-    onPaginationPageChange(pageNr: number): void;
+    onPreviousClick(): void;
+    onNextClick(): void;
+    onPageClick(pageNr: number): void;
 }