@colijnit/sharedcomponents 259.1.2 → 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;
@@ -27,12 +28,14 @@ export declare class OrderTabComponent extends BaseStockComponent {
     selectedRow: ArticleTransactionBo | null;
     articleDetails: ArticleDetailsBo;
     showSendMethodDialog: boolean;
-    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+    constructor(iconCacheService: IconCacheService, _stockService: StockService, _changeDetector: ChangeDetectorRef);
     openSendMethodDialog(data: any): void;
     handleStockTransferClick(): void;
     onRowSelected(row: ArticleTransactionBo): void;
-    onShowStockTransferChange(show: boolean): 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

@@ -48,10 +48,12 @@ export declare class StockTransferAllocatedComponent implements AfterViewInit {
     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(): void;
+    getStockManagementLocations(warehouseNo: number): void;
     getStockState(): void;
+    handleInputNumberChange(number: number): void;
 }

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

@@ -10,19 +10,24 @@
 
     .stock-transfer-allocated-columns {
       .stock-transfer-allocated-column {
-        .bold {
-          font-weight: bold;
-        }
-
         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;
@@ -31,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;
@@ -125,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;
       }
@@ -145,6 +166,7 @@
     .stock-info > div:not(:first-child) {
       padding: 0 0 0 30px;
       border-left: $sc-stock-border-left;
+
       &:before {
         content: '';
         height: 30px;
@@ -213,6 +235,7 @@
       display: flex;
       flex: 1;
       justify-content: flex-start;
+
       co-list-of-values {
         max-width: 190px;
       }
@@ -222,6 +245,7 @@
       display: flex;
       justify-content: flex-end;
       min-width: 190px;
+
       .co-list-of-values {
         .co-input-text {
           height: 100%;
@@ -256,6 +280,7 @@
       justify-content: center;
       gap: 5px;
       position: relative;
+
       .co-button {
         width: 100px;
         height: 36px;
@@ -306,6 +331,7 @@
         }
       }
     }
+
     .stock-transfer-wrapper {
       .co-dialog {
         .co-dialog-wrapper {
@@ -313,6 +339,7 @@
           max-width: 100%;
         }
       }
+
       co-send-method-dialog {
         .co-dialog {
           .co-dialog-wrapper {
@@ -333,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;
@@ -359,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;
@@ -378,12 +415,15 @@
             }
           }
         }
+
         .transfer-quantity {
           position: relative;
+
           .co-input-number-picker {
             height: 30px;
             max-width: 150px;
           }
+
           span {
             position: absolute;
             text-transform: lowercase;
@@ -392,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;
@@ -409,9 +451,11 @@
           background-color: #f8f8fa;
         }
       }
+
       .stock-transfer-columns {
         display: flex;
         flex-direction: column;
+
         .icon-wrapper {
           display: flex;
           flex-direction: column;
@@ -425,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;
@@ -480,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;
@@ -491,13 +543,16 @@
           height: 28px;
           padding: 5px;
           border-radius: 0;
+
           svg {
             fill: #1A73E8;
             height: auto;
             width: auto;
           }
+
           &:hover {
             background: #1A73E8;
+
             svg {
               fill: #FFF;
             }
@@ -528,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;
@@ -582,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;
@@ -642,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

@@ -2329,6 +2329,7 @@ export declare class Dictionaries {
         ACCOUNT_NUMBER: string;
         ACCOUNT_PRIVATE_PERSONS: string;
         ACCOUNT_RELATIONS_TO: string;
+        ACCOUNT_SETTINGS: string;
         ACCOUNT_STATUS: string;
         ACCOUNT_TYPE: string;
         ACHIEVABLE: string;
@@ -11443,6 +11444,7 @@ export declare class Dictionaries {
         ACCOUNT_NUMBER: string;
         ACCOUNT_PRIVATE_PERSONS: string;
         ACCOUNT_RELATIONS_TO: string;
+        ACCOUNT_SETTINGS: string;
         ACCOUNT_STATUS: string;
         ACCOUNT_TYPE: string;
         ACCOUNTING_OPERATION_TYPE: string;
@@ -12239,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;
@@ -17599,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.2",
+  "version": "259.1.3",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",