@colijnit/transaction 12.1.44 → 12.1.46

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

@@ -8,11 +8,8 @@ export declare abstract class TransactionFilterContentBaseComponent implements O
     filterRequestService: FilterRequestService;
     transactionService: TransactionService;
     searchRequest: TransactionSearchViewRequest;
-    searchCollectionPlaceholder: string;
     searchPlaceholder: string;
-    noResultsLabel: string;
-    showMoreLabel: string;
-    showLessLabel: string;
+    filterButtonLabel: string;
     protected constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, transactionService: TransactionService);
     ngOnInit(): void;
     onDateRangeChange(dates: Date[], modelName: any): void;

package/lib/component/core/base/transaction-lines-line-base.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { BehaviorSubject } from "rxjs";
+import { Icon } from "../../../enum/icon.enum";
+export declare abstract class TransactionLinesLineBaseComponent {
+    readonly icons: typeof Icon;
+    set line(value: TransactionLineInfo);
+    get line(): TransactionLineInfo;
+    waitingForUserAction: EventEmitter<boolean>;
+    sidePanelButtonClicked: EventEmitter<void>;
+    showClass(): boolean;
+    preview: boolean;
+    isSelected: boolean;
+    isText: boolean;
+    isArticle: boolean;
+    _line: TransactionLineInfo;
+    readonly: boolean;
+    lineSet: BehaviorSubject<boolean>;
+}

package/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component.d.ts

@@ -24,7 +24,7 @@ export declare class TransactionReceivedGoodsGridComponent extends TransactionGr
     constructor(_imageService: TransactionImageService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _articleService: ArticleService, _dialogService: DialogService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    handleRowVisible(row: TransactionLineInfo): Promise<void>;
+    handleRowVisible(row: TransactionLineInfo): void;
     locationRequired(row: TransactionLineInfo): boolean;
     handleDropDownSelected(warehouseNr: number): Promise<void>;
     getRowViewModel(row: TransactionLineInfo): ReceiveGoodsViewModel;
@@ -32,7 +32,7 @@ export declare class TransactionReceivedGoodsGridComponent extends TransactionGr
         checkboxValue: boolean;
         date: Date;
         id: string;
-    }): Promise<void>;
+    }): void;
     private _handleAfterCommitReceivedOrders;
     handleTransactionLineChanged(change: {
         transactionLine: TransactionLineInfo;

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

@@ -0,0 +1,96 @@
+@include export-module('cc-transaction-base-line-layout') {
+  .co-transaction-base-line {
+    .transaction-base-line-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: $tp-transaction-line-column-gap;
+
+      .transaction-line-image-and-description-wrapper {
+        display: flex;
+        width: max-content;
+      }
+    }
+    .transaction-base-line-section {
+      display: flex;
+      flex-direction: row;
+      column-gap: $tp-transaction-line-column-gap;
+    }
+    .delete-icon {
+      cursor: pointer;
+      height: $tp-transaction-line-delete-icon-size;
+      width: $tp-transaction-line-delete-icon-size;
+    }
+    .transaction-line-delete {
+      display: flex;
+      flex-basis: 50px;
+      .delete-wrapper {
+        cursor: pointer;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+      }
+    }
+    .transaction-line-buttons {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      height: $tp-transaction-line-amount-height;
+    }
+    .transaction-line-checkbox {
+      align-self: center;
+    }
+    .transaction-line-totals-price, .transaction-line-totals-discount, .transaction-line-totals-amount, .transaction-line-totals-total {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-transaction-line-border-color;
+      border-radius: 10px;
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+        input {
+          margin: 6px 0 0;
+        }
+      }
+    }
+    .price {
+      font-weight: $tp-transaction-line-price-font-weight;
+    }
+    .amount-number-picker {
+      border: none;
+
+      .co-button {
+        height: 18px;
+        width: 20px;
+      }
+    }
+    &.preview {
+      .transaction-line-wrapper {
+        align-items: center;
+      }
+    }
+    &:not(.preview) {
+      .transaction-line-wrapper {
+        //min-height: $tp-transaction-line-min-height;
+      }
+    }
+    &:not(.preview) {
+      .transaction-line-amount {
+        //height: $tp-transaction-line-amount-height;
+      }
+    }
+    &.preview {
+      .transaction-line-totals {
+        grid-template-columns: 100px 0 100px;
+      }
+    }
+    &.is-text {
+      min-height: $tp-transaction-line-article-text-min-height;
+    }
+    &:not(.is-text) {
+      .transaction-base-line-wrapper {
+        justify-content: space-between;
+      }
+    }
+  }
+}

package/lib/component/transaction-line/transaction-base-line/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-base-line-theme') {
+  .co-transaction-base-line {
+  }
+}

package/lib/component/transaction-line/transaction-base-line/style/material.scss

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

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

@@ -0,0 +1,15 @@
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
+export declare class TransactionBaseLineComponent extends TransactionLinesLineBaseComponent {
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    checkbox: boolean;
+    checkboxValue: boolean;
+    actionButtons: boolean;
+    showClass(): boolean;
+    constructor(service: TransactionService, iconCacheService: IconCacheService);
+    deleteTransactionLineClick(): Promise<void>;
+    handleShowSidePanel(): void;
+    handleCheckboxValueChanged(): void;
+}

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

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

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

@@ -0,0 +1,14 @@
+@include export-module('cc-transaction-line-layout') {
+  .co-transaction-line {
+    font-family: $tp-transaction-line-font-family;
+    font-size: $tp-transaction-line-font-size;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    border: $tp-transaction-line-border;
+    justify-content: space-between;
+    padding: $tp-transaction-line-padding;
+    row-gap: $tp-transaction-line-row-gap;
+    border-width: $tp-transaction-line-border-width;
+  }
+}

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

@@ -0,0 +1,7 @@
+@include export-module('co-transaction-line-theme') {
+  .co-transaction-line {
+    background-color: $tp-transaction-line-background-color;
+    border-color: $tp-transaction-line-border-color;
+    color: $tp-color-font;
+  }
+}

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

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

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

@@ -0,0 +1,28 @@
+import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionMappingService } from "../../../service/transaction-mapping.service";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionLineComponent {
+    private _mappingService;
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    set container(content: any);
+    set transactionType(value: TransactionKind);
+    get transactionType(): TransactionKind;
+    set activeCategory(value: TransactionTypeCategory);
+    get activeCategory(): TransactionTypeCategory;
+    preview: boolean;
+    selected: boolean;
+    line: TransactionLineInfo;
+    waitingForUserAction: EventEmitter<boolean>;
+    sidePanelButtonClicked: EventEmitter<void>;
+    showClass(): boolean;
+    private _transactionLineContainer;
+    private _transactionType;
+    private _activeCategory;
+    private _componentRef;
+    constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    private _prepareContent;
+}

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

@@ -0,0 +1,71 @@
+@include export-module('cc-transaction-order-delivery-line-layout') {
+  .co-transaction-order-delivery-line {
+
+    .transaction-line-buttons-grid {
+      display: grid;
+      grid-template-columns: auto auto;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      gap: 5px 0;
+    }
+
+    .row-1 {
+      display: grid;
+      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      gap: 0 15px;
+      grid-area: 1 / 1 / 2 / 3;
+    }
+
+    .row-2 {
+      display: grid;
+      grid-template-columns: calc((#{$tp-transaction-line-button-width} + #{$tp-transaction-line-button-big-width}) / 2) calc((#{$tp-transaction-line-button-width} + #{$tp-transaction-line-button-big-width}) / 2);
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      gap: 0 15px;
+      grid-area: 2 / 1 / 3 / 3;
+    }
+
+    .transaction-line-extended-wrapper {
+      display: grid;
+      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-column-gap: $tp-transaction-line-column-gap;
+      grid-row-gap: $tp-transaction-line-row-gap;
+      .two-column {
+        grid-column: 1 / 2;
+        column-gap: 5px;
+        padding: 0;
+      }
+    }
+
+    .transaction-line-totals {
+      display: grid;
+      grid-template-columns: 100px 100px 100px 100px 100px 100px;
+      grid-template-rows: 26px 26px;
+      gap: 5px 15px;
+      grid-template-areas:
+    ". . . . . ."
+    ". . . . . .";
+    }
+
+    .fully-delivered {
+      border-color: #e4f9f3;
+      background-color: #e5f9f3;
+      color: #5fdcb3;
+    }
+
+    .partially-delivered {
+      border-color: #fde6db;
+      background-color: #feece3;
+      color: #f8854c;
+    }
+
+    .discount {
+      background-color: #f5f5fc;
+    }
+
+    .status-bar {
+      display: flex;
+      align-items: center;
+    }
+  }
+}

package/lib/component/transaction-line/transaction-order-delivery-line/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-order-delivery-line-theme') {
+  .co-transaction-order-delivery-line {
+  }
+}

package/lib/component/transaction-line/transaction-order-delivery-line/style/material.scss

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

package/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line.component.d.ts

@@ -0,0 +1,18 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+export declare class TransactionOrderDeliveryLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+    service: TransactionService;
+    private _transactionEventService;
+    localAmount: number;
+    splitDelivery: boolean;
+    allowPartialDelivery: boolean;
+    selected: boolean;
+    private _subscriptions;
+    showClass(): boolean;
+    changeLineAmount(amount: number): void;
+    constructor(service: TransactionService, _transactionEventService: TransactionEventService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line.module.d.ts

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

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

@@ -0,0 +1,103 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-overview-line-layout') {
+  .co-transaction-overview-line {
+
+    .transaction-line {
+      display: flex;
+      flex-direction: column;
+    }
+    .transaction-line-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: $tp-transaction-line-column-gap;
+    }
+    .transaction-line-extended-wrapper {
+      display: grid;
+      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-column-gap: $tp-transaction-line-column-gap;
+      grid-row-gap: $tp-transaction-line-row-gap;
+      .two-column {
+        grid-column: 1 / 3;
+        column-gap: 5px;
+        padding: 0;
+      }
+    }
+    &.preview {
+      .transaction-line-wrapper {
+        align-items: center;
+      }
+    }
+    &:not(.preview) {
+      .transaction-line-wrapper {
+        //min-height: $tp-transaction-line-min-height;
+      }
+    }
+    .transaction-line-stock-wrapper {
+      display: flex;
+      column-gap: 5px;
+    }
+    .transaction-line-stock {
+      display: flex;
+      flex-direction: column;
+      flex-shrink: 0;
+      row-gap: $tp-transaction-line-row-gap;
+      padding: $tp-transaction-line-inner-padding;
+    }
+    &:not(.preview) {
+      .transaction-line-amount {
+        //height: $tp-transaction-line-amount-height;
+      }
+    }
+    .transaction-line-totals {
+      display: grid;
+      grid-template-columns: 100px 100px 100px;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-column-gap: $tp-transaction-line-column-gap;
+      grid-row-gap: $tp-transaction-line-row-gap;
+
+      .transaction-line-totals-price {
+        grid-column: 1 / 1;
+        grid-row: 1 / 1;
+      }
+
+      .transaction-line-totals-discount {
+        grid-column: 1 / 1;
+        grid-row: 2 / 2;
+      }
+
+      .transaction-line-totals-amount {
+        grid-column: 2 / 2;
+        grid-row: 1 / 1;
+      }
+
+      .transaction-line-totals-total {
+        grid-column: 3 / 3;
+        grid-row: 1 / 1;
+      }
+    }
+    &.preview {
+      .transaction-line-totals {
+        grid-template-columns: 100px 0 100px;
+      }
+    }
+    //.transaction-line-totals-price-discount {
+    //  display: flex;
+    //  flex-direction: column;
+    //  row-gap: 5px;
+    //}
+    &.is-text {
+      .transaction-line {
+        flex-direction: row;
+        min-height: $tp-transaction-line-article-text-min-height;
+        column-gap: $tp-transaction-line-column-gap;
+      }
+    }
+  }
+
+  //.cdk-drop-list-dragging .drag-drop-list:not(.cdk-drag-placeholder) {
+  //  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+  //}
+
+}

package/lib/component/transaction-line/{style → transaction-overview-line/style}/_material-definition.scss

@@ -3,8 +3,8 @@ $tp-transaction-line-font-size: $tp-font-size !default;
 $tp-transaction-line-background-color: white !default;
 $tp-transaction-line-min-height: 100px !default;
 $tp-transaction-line-article-text-min-height: 30px !default;
-$tp-transaction-line-padding: 10px 0 !default;
-$tp-transaction-line-inner-padding: 3px !default;
+$tp-transaction-line-padding: 10px !default;
+$tp-transaction-line-inner-padding: 10px !default;
 $tp-transaction-line-border: 1px solid !default;
 $tp-transaction-line-border-width: 0 0 1px 0 !default;
 $tp-transaction-line-border-color: $tp-color-border !default;

package/lib/component/transaction-line/{style → transaction-overview-line/style}/_theme.scss

@@ -1,7 +1,7 @@
-@import "../../../style/mixin";
+@import "../../../../style/mixin";
 
-@include export-module('co-transaction-line-theme') {
-  .co-transaction-line {
+@include export-module('co-transaction-overview-line-theme') {
+  .co-transaction-overview-line {
     background-color: $tp-transaction-line-background-color;
     border-color: $tp-transaction-line-border-color;
     color: $tp-color-font;

package/lib/component/transaction-line/transaction-overview-line/style/material.scss

@@ -0,0 +1,14 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../core/image-display/style/material";
+@import "../../../shared/transaction-article-text/style/material";
+@import "../../../shared/transaction-article-text-overview/style/material";
+@import "../../../transaction-line-side-panel/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-commission-code/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-warehouse/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-delivery-method/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-vat/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-discount/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-price-list/style/material";
+@import "../../../dialog/transaction-line/dialog-transaction-line-warehouse-location/style/material";

package/lib/component/transaction-line/transaction-overview-line/transaction-overview-line.component.d.ts

@@ -0,0 +1,38 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { StockStatus } from "@colijnit/transactionapi/build/enum/refcode/stock-status.enum";
+import { TransactionService } from "../../../service/transaction.service";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { DialogService } from "../../../service/dialog.service";
+import { TransactionLineActionButtonsComponent } from "../../transaction-line-action-buttons/transaction-line-action-buttons.component";
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { Subscription } from "rxjs";
+export declare class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    private _dialogService;
+    private _dictionaryService;
+    transactionLineActionButtons: TransactionLineActionButtonsComponent;
+    showClass(): boolean;
+    handleMouseOver(event: MouseEvent): void;
+    handleMouseLeave(event: MouseEvent): void;
+    localAmount: number;
+    stock: StockStatus;
+    mouseOver: boolean;
+    readonly: boolean;
+    subscriptions: Subscription[];
+    constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    changeLineAmount(amount: number): void;
+    handleOpenArticleText(text: string): void;
+    openCommissionCodeDialog(): void;
+    openWarehouseDialog(): void;
+    openDeliveryMethodDialog(): void;
+    openVatDialog(): void;
+    openDiscountDialog(): void;
+    private _loadLineCommissionCode;
+    private _loadLineWarehouse;
+    private _loadLineDeliveryMethod;
+    private _loadLineVat;
+}

package/lib/component/transaction-line/transaction-overview-line/transaction-overview-line.module.d.ts

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

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

@@ -0,0 +1,9 @@
+import { DialogService } from "../../service/dialog.service";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionLineCommissionButtonComponent {
+    private _dialogService;
+    line: TransactionLineInfo;
+    showClass(): boolean;
+    constructor(_dialogService: DialogService);
+    openCommissionCodeDialog(): void;
+}

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

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

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

@@ -0,0 +1,13 @@
+import { Icon } from "../../enum/icon.enum";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DialogService } from "../../service/dialog.service";
+export declare class TransactionLineDeliveryButtonComponent {
+    iconCacheService: IconCacheService;
+    private _dialogService;
+    readonly icons: typeof Icon;
+    line: TransactionLineInfo;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, _dialogService: DialogService);
+    openDeliveryMethodDialog(): void;
+}

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

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

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

@@ -0,0 +1,10 @@
+import { Icon } from "../../enum/icon.enum";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class TransactionLineDeliveryDateButtonComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    line: TransactionLineInfo;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+}

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

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

package/lib/component/transaction-line-fields/transaction-line-warehouse-button.component.d.ts

@@ -0,0 +1,13 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { DialogService } from "../../service/dialog.service";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { Icon } from "../../enum/icon.enum";
+export declare class TransactionLineWarehouseButtonComponent {
+    iconCacheService: IconCacheService;
+    private _dialogService;
+    readonly icons: typeof Icon;
+    line: TransactionLineInfo;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, _dialogService: DialogService);
+    openWarehouseDialog(): void;
+}

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

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