@colijnit/sharedcomponents 259.1.1 → 259.1.3

package/lib/components/stock/components/order-tab/order-tab.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
 import { IconCacheService } from "../../../../service/icon-cache.service";
 import { Icon } from "../../../../enum/icon.enum";
@@ -12,6 +12,7 @@ import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
 export declare class OrderTabComponent extends BaseStockComponent {
     iconCacheService: IconCacheService;
     private _stockService;
+    private _changeDetector;
     readonly icons: typeof Icon;
     stockLocations: StockLocation[];
     showStockTransfer: boolean;
@@ -24,15 +25,17 @@ export declare class OrderTabComponent extends BaseStockComponent {
     showStockTransferChange: EventEmitter<boolean>;
     handleTransactionClick: EventEmitter<any>;
     data: ArticleTransactionBo[];
-    selectedRow: ArticleDetailsBo | null;
+    selectedRow: ArticleTransactionBo | null;
     articleDetails: ArticleDetailsBo;
     showSendMethodDialog: boolean;
-    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+    constructor(iconCacheService: IconCacheService, _stockService: StockService, _changeDetector: ChangeDetectorRef);
     openSendMethodDialog(data: any): void;
-    handleStockTransferClick(event: ArticleDetailsBo): void;
-    onRowSelected(row: ArticleDetailsBo): void;
-    onShowStockTransferChange(show: boolean): void;
+    handleStockTransferClick(): void;
+    onRowSelected(row: ArticleTransactionBo): void;
+    onShowStockTransferChange(update: boolean): void;
     protected getData(): Promise<void>;
     handleTransactionNavigationClick(event: Event, transNr: string): void;
+    updateData(): void;
     handleTransactionNavigation(transNr: string): void;
+    getGridData(): void;
 }

package/lib/components/stock/stock-transfer-allocated/stock-transfer-allocated.component.d.ts

@@ -0,0 +1,59 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { PrintStockStickers } from '@colijnit/articleapi/build/model/print-stock-stickers';
+import { StockService } from '../../../service/stock.service';
+import { ArticleStock as ArticleStockBo } from '@colijnit/articleapi/build/model/article-stock.bo';
+import { ArticleDetailsBo } from '@colijnit/articleapi/build/model/article-details.bo';
+import { StockManagementWarehouses } from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import { StockStatus } from '@colijnit/articleapi/build/model/stock-status.bo';
+import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
+import { IconCacheService } from '../../../service/icon-cache.service';
+import { Icon } from '../../../enum/icon.enum';
+import { ArticleFlat } from '@colijnit/articleapi/build/model/article-flat.bo';
+import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
+import { ArticleTransaction } from '@colijnit/articleapi/build/model/article-transaction.bo';
+import { CoreDialogService } from '@colijnit/corecomponents_v12';
+import { SharedComponentsDictionaryService } from '../../../translation/shared-components-dictionary.service';
+export declare class StockTransferAllocatedComponent implements AfterViewInit {
+    private _stockService;
+    iconCacheService: IconCacheService;
+    private _changeDetector;
+    dialogService: CoreDialogService;
+    dict: SharedComponentsDictionaryService;
+    stockSticker: PrintStockStickers;
+    article: ArticleStockBo;
+    articleToTransfer: ArticleDetailsBo;
+    articleTransaction: ArticleTransaction;
+    allWarehouses: any[];
+    showStockTransfer: boolean;
+    selectedArticleDetailsData: ArticleDetailsBo;
+    articleFlat: ArticleFlat;
+    articleDetailsInformation: ArticleStockManagement;
+    selectedWarehouse: StockManagementWarehouses;
+    selectedLocationNo: string;
+    articleStockInfo: ArticleDetailsBo[];
+    stockLocations: StockLocation[];
+    handleClick: EventEmitter<number>;
+    handleStickerClicked: EventEmitter<any>;
+    updateGridData: EventEmitter<ArticleDetailsBo[]>;
+    showStockTransferChange: EventEmitter<boolean>;
+    showSendMethodDialog: boolean;
+    warehouses: StockManagementWarehouses[];
+    articleDetails: ArticleDetailsBo[];
+    transferFull: boolean;
+    stockState: StockStatus[];
+    locations: StockLocation[];
+    stockStatus: StockStatus[];
+    readonly icons: typeof Icon;
+    constructor(_stockService: StockService, iconCacheService: IconCacheService, _changeDetector: ChangeDetectorRef, dialogService: CoreDialogService, dict: SharedComponentsDictionaryService);
+    ngAfterViewInit(): void;
+    onCloseClick(): void;
+    handleOkClick(articleToTransfer: ArticleDetailsBo): void;
+    handleSelectedWarehouse(event: StockManagementWarehouses): void;
+    handleSelectedLocation(event: StockLocation): void;
+    handleSelectedStockState(event: StockStatus): void;
+    handleStickerClick(): void;
+    getStockManagementWarehouses(): void;
+    getStockManagementLocations(warehouseNo: number): void;
+    getStockState(): void;
+    handleInputNumberChange(number: number): void;
+}

package/lib/components/stock/style/_layout.scss

@@ -1,7 +1,33 @@
 @include export-module('co-stock-layout') {
   .co-stock {
+
+    .transfer-quantity-allocated {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .stock-transfer-allocated-columns {
+      .stock-transfer-allocated-column {
+        display: flex;
+        flex-direction: column;
+        box-shadow: 2px 2px 2px 2px rgba(black, 0.2);
+        margin: 2em;
+
+        .bold {
+          font-weight: bold;
+        }
+
+        &.selected {
+          box-shadow: 2px 2px 2px 2px rgba(#4682b4, 0.4);
+        }
+      }
+    }
+
     co-stock-location {
       position: relative;
+
       .stock-transfer-add {
         display: flex;
         gap: 5px;
@@ -10,60 +36,74 @@
         left: 200px;
       }
     }
+
     .stock-transfer-add {
       display: flex;
       gap: 5px;
+
       co-icon {
         width: 40px;
         border: 1px solid #1A73E8;
         padding: 5px;
         cursor: pointer;
+
         svg {
           fill: #1A73E8;
         }
+
         &:hover {
           background: #1A73E8;
+
           svg {
             fill: #FFF;
           }
         }
       }
     }
+
     .stock-grid {
       co-dialog {
         .co-dialog-wrapper {
           width: 600px;
           display: flex;
         }
+
         .stock-dialog-header {
           font-weight: bold;
           margin-bottom: 10px;
           display: block;
         }
+
         .header-wrapper {
           span {
             font-weight: bold;
           }
+
           padding: 1em;
         }
+
         .dialog-wrapper {
           display: flex;
           gap: 10px;
           padding: 10px;
           flex-direction: column;
         }
+
         .stock-dialog-row {
           display: flex;
           align-items: center;
           gap: 20px;
+
           > * {
             flex: 1;
           }
+
           .stock-dialog-row-row {
             display: flex;
             align-items: center;
             gap: 10px;
           }
+
           co-input-text, co-list-of-values, co-input-number-picker {
             &:before {
               box-shadow: none;
@@ -104,9 +144,11 @@
     .stock-image {
       height: $sc-stock-image-height;
       margin-right: $sc-stock-image-width;
+
       .stock-image {
         margin-right: 0;
       }
+
       .no-image-wrapper {
         height: $sc-stock-image-height;
       }
@@ -124,6 +166,7 @@
     .stock-info > div:not(:first-child) {
       padding: 0 0 0 30px;
       border-left: $sc-stock-border-left;
+
       &:before {
         content: '';
         height: 30px;
@@ -192,6 +235,7 @@
       display: flex;
       flex: 1;
       justify-content: flex-start;
+
       co-list-of-values {
         max-width: 190px;
       }
@@ -201,6 +245,7 @@
       display: flex;
       justify-content: flex-end;
       min-width: 190px;
+
       .co-list-of-values {
         .co-input-text {
           height: 100%;
@@ -235,6 +280,7 @@
       justify-content: center;
       gap: 5px;
       position: relative;
+
       .co-button {
         width: 100px;
         height: 36px;
@@ -285,6 +331,7 @@
         }
       }
     }
+
     .stock-transfer-wrapper {
       .co-dialog {
         .co-dialog-wrapper {
@@ -292,6 +339,7 @@
           max-width: 100%;
         }
       }
+
       co-send-method-dialog {
         .co-dialog {
           .co-dialog-wrapper {
@@ -301,6 +349,8 @@
         }
       }
     }
+
+
     .stock-transfer {
       .stock-transfer-bottom-column {
         display: flex;
@@ -310,24 +360,30 @@
         border: 1px solid #ccc;
         gap: 5px;
         margin-top: -20px;
+
         .transfer-bottom-row {
           display: flex;
           gap: 5px;
         }
+
         .co-list-of-values {
           background: #f8f8fa;
+
           &:before {
             box-shadow: none;
           }
         }
+
         .co-input-text {
           background: #f8f8fa;
           width: 100%;
+
           &:before {
             box-shadow: none;
           }
         }
       }
+
       .stock-transfer-top-column {
         display: flex;
         flex-direction: row;
@@ -336,16 +392,20 @@
         gap: 10px;
         border: 1px solid #ccc;
         overflow: hidden;
+
         .transfer-items {
           display: flex;
           flex-direction: column;
+
           .transfer-item {
             display: flex;
             align-items: center;
             gap: 5px;
+
             .item-label {
               font-weight: 600;
             }
+
             .item-value {
               display: -webkit-box;
               -webkit-line-clamp: 1;
@@ -355,12 +415,15 @@
             }
           }
         }
+
         .transfer-quantity {
           position: relative;
+
           .co-input-number-picker {
             height: 30px;
             max-width: 150px;
           }
+
           span {
             position: absolute;
             text-transform: lowercase;
@@ -369,12 +432,14 @@
           }
         }
       }
+
       .transfer-arrow-wrapper {
         display: flex;
         align-items: center;
         flex-direction: column;
         position: relative;
         top: -25px;
+
         span.half-circle {
           width: 50px;
           height: 25px;
@@ -386,9 +451,11 @@
           background-color: #f8f8fa;
         }
       }
+
       .stock-transfer-columns {
         display: flex;
         flex-direction: column;
+
         .icon-wrapper {
           display: flex;
           flex-direction: column;
@@ -402,28 +469,34 @@
           background: #f5f5fc;
           box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
           top: -15px;
+
           co-icon {
             height: 20px;
             width: 20px;
           }
         }
       }
+
       .transfer-sticker-buttons {
         display: flex;
         width: 100%;
         justify-content: flex-end;
         margin-top: 5px;
+
         .co-button {
           height: 30px;
           padding: 0 10px;
           background-color: #1A73E8;
+
           .co-icon {
             height: 16px;
             width: 16px;
+
             svg {
               fill: #FFFFFF;
             }
           }
+
           .label {
             margin: 0 7px;
             color: #FFF;
@@ -457,10 +530,12 @@
     .simple-grid {
       height: $sc-stock-grid-height;
       overflow: auto;
+
       thead {
         position: sticky;
         top: 0;
       }
+
       .co-grid-toolbar {
         .co-icon {
           border-color: #1A73E8;
@@ -468,13 +543,16 @@
           height: 28px;
           padding: 5px;
           border-radius: 0;
+
           svg {
             fill: #1A73E8;
             height: auto;
             width: auto;
           }
+
           &:hover {
             background: #1A73E8;
+
             svg {
               fill: #FFF;
             }
@@ -505,45 +583,56 @@
       font-size: $sc-font-size;
       align-self: center;
     }
+
     .co-dialog {
       .dialog-content {
         overflow-x: hidden;
       }
+
       .co-dialog-header-title-wrapper {
         display: flex;
         align-items: center;
         gap: 10px;
+
         .co-icon {
           width: 20px;
           height: 20px;
           margin: 0 0 20px 0;
         }
+
         .co-dialog-header-title {
           font-size: 14px;
           margin: 0 0 20px 0;
           font-weight: bold;
         }
       }
+
       .dialog-header {
         padding: 0;
+
         .dialog-header-caption {
           border: none;
           margin: 0;
         }
       }
     }
+
     .simple-grid-table {
       position: relative;
+
       .simple-grid-column-header {
         border-width: 0;
+
         .simple-grid-column-header-wrapper {
           .simple-grid-column-header-label {
             font-size: 10px;
           }
         }
+
         &:hover {
           .simple-grid-column-header-wrapper {
             position: unset;
+
             .simple-grid-column-header-label {
               overflow: visible;
               background: #FFF;
@@ -559,56 +648,69 @@
         }
       }
     }
+
     .simple-grid-row {
       border-width: 0;
       border: none;
       height: 45px;
       font-size: 10px;
+
       &:nth-child(odd) {
         background: #f8f8fa;
+
         &:hover {
           background: #d2e3f9;
         }
+
         &.selected {
           background: #d2e3f9;
         }
       }
+
       &:nth-child(even) {
         &:hover {
           background: #d2e3f9;
         }
+
         &.selected {
           background: #d2e3f9;
         }
       }
     }
+
     .simple-grid-column-cell-field {
       border-width: 1px;
       border-radius: 0;
       padding: 5px 10px;
       border-color: #DCE4EA;
       gap: 5px;
+
       .double-data {
         display: flex;
         flex-direction: row;
         align-items: center;
         gap: 5px;
+
         &.link {
           gap: 10px;
           cursor: pointer;
+
           span {
             color: #1A73E8;
           }
+
           .co-icon {
             svg [fill] {
               fill: #1A73E8;
             }
           }
         }
+
         .co-icon {
           width: 16px;
           height: 16px;
         }
+
         span {
           display: -webkit-box;
           -webkit-line-clamp: 1;
@@ -619,38 +721,46 @@
         }
       }
     }
+
     .simple-grid-column-header-label {
       border-width: 0;
     }
+
     .co-simple-grid-cell {
       .menu-icon {
         cursor: pointer;
         width: 24px;
         height: 24px;
       }
+
       .stock-amount {
         display: flex;
         gap: 10px;
         align-items: center;
         cursor: pointer;
+
         .menu-icon {
           width: 14px;
           height: 14px;
         }
       }
     }
+
     .clickable-link {
       cursor: pointer;
       color: #1A73E8;
       text-decoration: underline;
     }
+
     .stock-transfer-add {
       align-items: center;
+
       .minimum-stock {
         position: relative;
         top: 0;
       }
     }
+
     .minimum-stock {
       position: absolute;
       color: #ff4141;

package/lib/res/dictionary/dictionaries.d.ts

@@ -12241,12 +12241,15 @@ export declare class Dictionaries {
         BATCHJOB_NOT_RUNNING: string;
         BATCHJOB_STARTED_WITH_ID: string;
         BATCHJOB_STILL_RUNNING: string;
+        BATCH_ALLOCATE_UNALLOCATED_LINES: string;
         BATCH_AMOUNT: string;
         BATCH_CANCELLED_LABEL: string;
         BATCH_CANCELLING: string;
         BATCH_FINALIZING_LABEL: string;
         BATCH_FINISHED: string;
         BATCH_FINISHED_LABEL: string;
+        BATCH_GOODS_PICKED: string;
+        BATCH_GOODS_TO_BE_PICKED: string;
         BATCH_ITEMS_ALL_SUCCESS: string;
         BATCH_ITEMS_UNPROCESSED: string;
         BATCH_ITEM_NO_TEMPLATE2: string;
@@ -17601,6 +17604,7 @@ export declare class Dictionaries {
         SEARCH_MODULES: string;
         SEARCH_NUMBER_CUSTOMER_OR_DATE: string;
         SEARCH_NUMBER_SUPPLIER_OR_DATE: string;
+        SEARCH_NUMBER_OR_BRANCH: string;
         SEARCH_NUMBER_OR_CUSTOMER: string;
         SEARCH_NUMBER_OR_SUPPLIER: string;
         SEARCH_ONHOLD: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "259.1.1",
+  "version": "259.1.3",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",