@colijnit/transaction 12.1.44 → 12.1.46

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -0,0 +1,54 @@
+@include export-module('cc-transaction-line-image-and-description-layout') {
+  .co-transaction-line-image-and-description {
+    .transaction-line-image {
+      display: flex;
+      flex-basis: $tp-transaction-line-image-width;
+      height: $tp-transaction-line-image-height;
+      justify-content: center;
+      align-items: center;
+      flex-shrink: 0;
+      &.preview {
+        flex-basis: $tp-transaction-line-preview-image-width;
+        height: $tp-transaction-line-preview-image-height;
+      }
+    }
+    .transaction-line-description {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-transaction-line-row-gap;
+      flex-basis: 100%;
+      padding: $tp-transaction-line-inner-padding;
+      .description-wrapper {
+        display: flex;
+        flex-direction: row;
+        column-gap: $tp-transaction-line-column-gap;
+        align-items: center;
+      }
+    }
+    .transaction-line-description-description {
+      font-weight: bold;
+      //flex-shrink: 0;
+      co-input-text {
+        height: auto;
+        input {
+          margin-top: 0;
+        }
+      }
+    }
+    .delete-icon {
+      cursor: pointer;
+      height: $tp-transaction-line-delete-icon-size;
+      width: $tp-transaction-line-delete-icon-size;
+    }
+    .article-text-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+    .article-text {
+      font-family: $tp-transaction-line-font-family;
+      font-size: $tp-transaction-line-article-text-font-size;
+      padding: $tp-transaction-line-article-text-padding;
+    }
+
+  }
+}

package/lib/component/transaction-line-image-and-description/style/_theme.scss

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

package/lib/component/transaction-line-image-and-description/style/material.scss

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

package/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionService } from "../../service/transaction.service";
+import { IconCacheService } from "../../service/icon-cache.service";
+import { DialogService } from "../../service/dialog.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { TransactionImageService } from "../../service/transaction-image.service";
+export declare class TransactionLineImageAndDescriptionComponent {
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    private _dialogService;
+    private _dictionaryService;
+    private _imageService;
+    readonly icons: typeof Icon;
+    set line(value: TransactionLineInfo);
+    get line(): TransactionLineInfo;
+    showClass(): boolean;
+    preview: boolean;
+    openArticleTextClicked: EventEmitter<string>;
+    handleDeleteLine: EventEmitter<void>;
+    image: string;
+    private _line;
+    constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService, _imageService: TransactionImageService);
+    handleOpenArticleText(text: string): void;
+    deleteTransactionLineClick(): Promise<void>;
+    private _loadLineImage;
+}

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

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

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

@@ -1,6 +1,10 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-@import "../../../component/transaction-line/style/material";
+@import "../../../component/transaction-line/transaction-overview-line/style/material";
+@import "../../../component/transaction-line/transaction-base-line/style/material";
+@import "../../../component/transaction-line-image-and-description/style/material";
+@import "../../../component/transaction-line/transaction-line/style/material";
+@import "../../../component/transaction-line/transaction-order-delivery-line/style/material";
 @import "../../shared/transaction-article-text/style/material";
 @import "../../shared/transaction-article-text-overview/style/material";

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

@@ -7,14 +7,18 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { TransactionAddTextLineRequest } from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
+import { TransactionMappingService } from "../../service/transaction-mapping.service";
 export declare class TransactionLinesComponent {
     iconCacheService: IconCacheService;
-    private service;
+    service: TransactionService;
+    private _mappingService;
     readonly icons: typeof Icon;
     transactionArticleText: TransactionArticleTextComponent;
     transactionInfo: TransactionInfo;
     transactionLines: TransactionLineInfo[];
     preview: boolean;
+    activeCategory: TransactionTypeCategory;
     saveTransactionLine: EventEmitter<TransactionAddTextLineRequest>;
     showSidePanelClicked: EventEmitter<TransactionLineInfo>;
     showClass(): boolean;
@@ -23,7 +27,7 @@ export declare class TransactionLinesComponent {
     textToEdit: string;
     userActionRequired: boolean;
     selectedTransactionLine: TransactionLineInfo;
-    constructor(iconCacheService: IconCacheService, service: TransactionService);
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _mappingService: TransactionMappingService);
     trackByFn(index: number, line: TransactionLineInfo): any;
     handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
     handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): void;
@@ -32,6 +36,7 @@ export declare class TransactionLinesComponent {
     closeTransactionArticleText(event: MouseEvent): void;
     saveTransactionArticleLineText(transactionLine: TransactionAddTextLineRequest): void;
     handleShowSidePanelClicked(line: TransactionLineInfo): void;
+    transactionLineComponent(): boolean;
     private _showArticleTextDialog;
     private _hideArticleTextDialog;
 }

package/lib/component/transaction-quick-access/transaction-quick-access/style/material.scss

@@ -4,3 +4,4 @@
 @import "../../transaction-quick-access-order-confirmation/style/material";
 @import "../../transaction-quick-access-received-goods/style/material";
 @import "../../transaction-quick-access-overview/style/material";
+@import "../../transaction-quick-access-order-delivery/style/material";

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

@@ -0,0 +1,55 @@
+@include export-module('cc-transaction-quick-access-order-delivery-layout') {
+  .co-transaction-quick-access-order-delivery {
+    width: 100%;
+
+    .order-delivery-wrapper {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .select-all-wrapper {
+        display: flex;
+        align-items: center;
+
+        .select-all-text {
+          font-family: "Public sans";
+          margin-left: 10px;
+          font-size: 12px;
+          margin-top: 2px;
+        }
+      }
+
+      .send-button-wrapper {
+        display: flex;
+        align-items: center;
+      }
+
+      .button-wrapper {
+        background: #f5f5fc;
+        border-radius: 10px;
+        padding: 5px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        .send-icon {
+          height: 20px;
+          width: 20px;
+          margin: 0 0 5px 0;
+        }
+
+        .send-title {
+          font-size: 10px;
+          font-family: 'Public sans';
+        }
+      }
+
+      .hover-icon {
+        margin-left: 5px;
+        cursor: pointer;
+      }
+    }
+  }
+}

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

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

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-order-delivery/transaction-quick-access-order-delivery.component.d.ts

@@ -0,0 +1,16 @@
+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";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+export declare class TransactionQuickAccessOrderDeliveryComponent extends TransactionBaseComponent {
+    iconService: IconCacheService;
+    protected service: TransactionService;
+    private _transactionEventService;
+    readonly icons: typeof Icon;
+    showDialog: boolean;
+    showClass(): boolean;
+    constructor(iconService: IconCacheService, service: TransactionService, _transactionEventService: TransactionEventService);
+    openDeliveryDocumentDialog(): void;
+    handleSelectAllLines(value: boolean): void;
+}

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

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

package/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component.d.ts

@@ -29,7 +29,7 @@ export declare class TransactionReceivingGoodsDetailsComponent {
     constructor(_formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService, _dialogService: DialogService);
     submit(): boolean;
     locationRequired(): boolean;
-    handleSaveDetailsEdit(): Promise<void>;
+    handleSaveDetailsEdit(): void;
     handleCancelDetailsEdit(): void;
     handleDropDownSelected(warehouseNr: number): Promise<void>;
     openWarehouseLocationDialog(): Promise<any>;

package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts

@@ -12,5 +12,5 @@ export declare class TransactionReceivingGoodsHistoryComponent {
     private _goodsReceiptHistory;
     constructor(_service: TransactionService);
     showClass(): boolean;
-    handleDeleteSelectedRow(row: LogisticalStateDetail): Promise<void>;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): void;
 }

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

@@ -24,8 +24,10 @@ $cc-co-transaction-filter-icon-margin-left: 10px !default;
 $cc-co-transaction-filter-icon-height: 13px !default;
 $cc-co-transaction-filter-icon-width: 13px !default;
 
-$cc-co-transaction-filter-header-font-weight: $grid-header-font-weight !default;
-$cc-co-transaction-filter-header-font-size: 13px !default;
+$cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
+$cc-co-transaction-filter-header-font-weight: bold !default;
+$cc-co-transaction-filter-header-font-size: 14px !default;
+$cc-co-transaction-filter-header-color: #172121 !default;
 
 $cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
 $cc-co-transaction-category-filter-content-width: 350px !default;
@@ -34,7 +36,8 @@ $tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
 $tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
 $tp-co-transaction-filter-categories-font-weight: bold !default;
 $tp-co-transaction-filter-categories-active-color: $tp-color-action !default;
-$tp-co-transaction-filter-categories-inactive-color: $tp-color-grey !default;
+$tp-co-transaction-filter-categories-inactive-color: #8083A3 !default;
+$tp-co-transaction-filter-categories-inactive-border-color: $tp-color-grey !default;
 $tp-co-transaction-filter-categories-padding: 20px 30px !default;
 $tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
 $tp-co-transaction-filter-categories-border-style: solid !default;
@@ -46,6 +49,7 @@ $tp-co-transaction-search-filter-button-padding: 20px 0 !default;
 $tp-co-transaction-search-filter-button-width: 90% !default;
 $tp-co-transaction-search-filter-button-size: 50px !default;
 $tp-co-transaction-search-filter-button-border-radius: 5px !default;
+$tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;
 
 $tp-co-transaction-search-result-width: 100% !default;
 $tp-co-transaction-search-result-wrapper-padding: 0 10px !default;

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

@@ -17,6 +17,7 @@
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        padding: $cc-co-transaction-filter-header-wrapper-padding;
 
         .transaction-filter-header {
           display: flex;
@@ -24,6 +25,7 @@
           align-items: baseline;
           font-weight: $cc-co-transaction-filter-header-font-weight;
           font-size: $cc-co-transaction-filter-header-font-size;
+          color: $cc-co-transaction-filter-header-color;
 
           co-icon {
             margin-left: $cc-co-transaction-filter-icon-margin-left;
@@ -47,6 +49,10 @@
         flex-shrink: 0;
       }
 
+      .filter-item-wrapper {
+        min-height: 10px;
+      }
+
       .clickable {
         cursor: pointer;
       }

package/lib/component/transaction-search/transaction-filter-categories/style/_theme.scss

@@ -3,7 +3,8 @@
 @include export-module('co-transaction-filter-categories-theme') {
   .co-transaction-filter-categories {
     .transaction-filter-category {
-      border-color: $tp-co-transaction-filter-categories-inactive-color;
+      color: $tp-co-transaction-filter-categories-inactive-color;
+      border-color: $tp-co-transaction-filter-categories-inactive-border-color;
       &.active {
         color: $tp-co-transaction-filter-categories-active-color;
         border-color: $tp-co-transaction-filter-categories-active-color;

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

@@ -2,6 +2,12 @@
   .co-transaction-search-filter-content {
     width: $tp-co-transaction-search-filter-width;
 
+    .transaction-filter-content-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-co-transaction-search-filter-content-wrapper-row-gap;
+    }
+
     .filter-button-container {
       padding: $tp-co-transaction-search-filter-button-padding;
       width: $tp-co-transaction-search-filter-button-width;

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

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-filter-item-layout') {
+  .co-transaction-filter-item {
+  }
+}

package/lib/component/transaction-search/transaction-filter-item/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-filter-item-theme') {
+  .co-transaction-filter-item {
+  }
+}

package/lib/component/transaction-search/transaction-filter-item/style/material.scss

@@ -0,0 +1,3 @@
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-search/transaction-filter-item/transaction-filter-item.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionFilterItemComponent {
+    searchService: TransactionSearchService;
+    collection: any[];
+    placeholder: string;
+    customContent: boolean;
+    singleSelect: boolean;
+    minSearchCharsToLoadCollection: number;
+    collectionLoadFn: Function;
+    collectionChange: EventEmitter<any>;
+    constructor(searchService: TransactionSearchService);
+    searchCollectionPlaceholder: string;
+    searchPlaceholder: string;
+    noResultsLabel: string;
+    showMoreLabel: string;
+    showLessLabel: string;
+    filterButtonLabel: string;
+    onFilterButtonClicked(): void;
+    private _scrollToTop;
+}

package/lib/component/transaction-search/transaction-filter-item/transaction-filter-item.module.d.ts

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

package/lib/service/transaction-event.service.d.ts

@@ -58,6 +58,7 @@ export declare class TransactionEventService {
         date: Date;
         id: string;
     }>;
+    readonly selectAllLines: Subject<boolean>;
     readonly transactionLineChanged: Subject<{
         transactionLine: TransactionLineInfo;
         goodsReceiptStatus: GoodsReceiptStatusWithHistory;

package/lib/service/transaction-mapping.service.d.ts

@@ -7,16 +7,19 @@ import { TransactionBarButton } from "../model/transaction-bar-button";
 import { TransactionTypeCategory } from "../enum/transaction-type-category.enum";
 import { TransactionBaseComponent } from "../component/core/base/transaction-base.component";
 import { TransactionGridBaseComponent } from "../component/core/base/transaction-grid-base.component";
+import { TransactionLinesLineBaseComponent } from "../component/core/base/transaction-lines-line-base.component";
 export declare class TransactionMappingService {
     private readonly _buttonBarTransaction;
     private readonly _quickAccessComponent;
     private readonly _transactionGridComponent;
+    private readonly _transactionLineComponent;
     private readonly _transactionFilterComponent;
     private readonly _transactionSearchGridComponent;
     private readonly _transactionSearchTileComponent;
     getButtonBar(type: TransactionKind): TransactionBarButton[];
     getQuickAccessComponent(type: TransactionKind, category: TransactionTypeCategory): Type<TransactionBaseComponent>;
     getTransactionGridComponent(type: TransactionKind, category: TransactionTypeCategory): Type<TransactionGridBaseComponent>;
+    getTransactionLineComponent(type: TransactionKind, category: TransactionTypeCategory): Type<TransactionLinesLineBaseComponent>;
     getTransactionFilterComponent(type: TransactionKind): Type<TransactionFilterBaseComponent>;
     getTransactionSearchGridComponent(type: TransactionKind): Type<TransactionSearchGridBaseComponent>;
     getTransactionSearchTileComponent(type: TransactionKind): Type<TransactionSearchTileBaseComponent>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.44",
+  "version": "12.1.46",
   "description": "Colijn IT transaction module for Angular 12",
   "private": false,
   "peerDependencies": {

package/public_api.d.ts

@@ -16,8 +16,8 @@ export * from "./lib/component/transaction-header/transaction-header-delivery/tr
 export * from "./lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.module";
 export * from "./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component";
 export * from "./lib/component/transaction-header/transaction-header-relation/transaction-header-relation.module";
-export * from "./lib/component/transaction-line/transaction-line.component";
-export * from "./lib/component/transaction-line/transaction-line.module";
+export * from "./lib/component/transaction-line/transaction-line/transaction-line.component";
+export * from "./lib/component/transaction-line/transaction-line/transaction-line.module";
 export * from "./lib/component/transaction-line-grid/transaction-line-grid.component";
 export * from "./lib/component/transaction-line-grid/transaction-line-grid.module";
 export * from "./lib/component/transaction-lines/transaction-lines.component";