@colijnit/sharedcomponents 1.0.41 → 1.0.43

package/lib/components/statusbar/statusbar.component.d.ts

@@ -17,6 +17,7 @@ export declare class StatusbarComponent {
     handleClick(event: MouseEvent): void;
     popupShowing: boolean;
     private _statusbarData;
+    private _statusbarPopupComponentRef;
     constructor(_elementRef: ElementRef, _overlayService: OverlayService);
     handleShowPopup(event: MouseEvent): void;
     handleHidePopup(): void;

package/lib/components/stock/components/stock-location/stock-location.component.d.ts

@@ -21,6 +21,10 @@ export declare class StockLocationComponent implements OnInit {
     readonly transferIconClicked: EventEmitter<ArticleStockBo>;
     readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
     selectedWarehouse: any;
+    selectedWarehouseModel: {
+        value: 1;
+        label: 'danny & dane';
+    };
     dataWareHouseFields: CoDropDownListFields;
     dataLocationFields: CoDropDownListFields;
     articleDetailsInformation: ArticleStockManagement;

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

@@ -3,6 +3,5 @@ import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model
 export declare class StockTabComponent {
     articleStockInformation: ArticleStockBo[];
     locationClicked: EventEmitter<ArticleStockBo>;
-    constructor();
     onLocationClick(data: ArticleStockBo): void;
 }

package/lib/components/stock/localization/localize.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import { LocalizeService } from './localize.service';
+export declare class LocalizePipe implements PipeTransform {
+    private _localizeService;
+    constructor(_localizeService: LocalizeService);
+    transform(value: string, upperCaseFirst?: boolean, replace?: string | string[]): string;
+}

package/lib/components/stock/localization/localize.service.d.ts

@@ -0,0 +1,7 @@
+import { Translation } from './translation';
+export declare class LocalizeService {
+    set translation(value: Translation);
+    get translation(): Translation;
+    private _translation;
+    get(key: string, upperCaseFirst?: boolean, ...replacementTexts: string[]): string;
+}

package/lib/components/stock/localization/translation.d.ts

@@ -0,0 +1,52 @@
+export declare class Translation {
+    ALLOCATED?: string;
+    ALLOCATION?: string;
+    ALREADY_IN_ORDER?: string;
+    AMOUNT?: string;
+    AMOUNT_AVAILABLE?: string;
+    AMOUNT_IN_STOCK?: string;
+    AMOUNT_LATER_AVAILABLE?: string;
+    AVAILABLE_STOCK?: string;
+    BACK_TO_STOCK_LINES?: string;
+    BATCH?: string;
+    CANCEL?: string;
+    CHOICES?: string;
+    CUSTOMER?: string;
+    DATE?: string;
+    DELIVERY_DATE?: string;
+    DESCRIPTION?: string;
+    DOCUMENT_NUMBER?: string;
+    ECONOMICAL_STOCK?: string;
+    FREE_STOCK?: string;
+    HISTORY?: string;
+    IN_ORDER?: string;
+    LINE?: string;
+    LOCATION?: string;
+    LOOK_AT?: string;
+    MUTATION_DATE?: string;
+    MUTATION_TIME?: string;
+    MUTATION_TYPE?: string;
+    OK?: string;
+    ORDER?: string;
+    ORDER_COMMISSION?: string;
+    ORDER_STOCK?: string;
+    OVERVIEW?: string;
+    PURCHASE_ORDER_NR?: string;
+    PURCHASE_PRICE?: string;
+    RELATION_ID?: string;
+    RELATION_NR?: string;
+    RESERVED?: string;
+    SEARCH?: string;
+    SERIAL_NO?: string;
+    STICKER?: string;
+    STOCK?: string;
+    STOCK_DETAILS?: string;
+    STOCK_REMARK?: string;
+    STOCK_STATE?: string;
+    STOCK_STATUS?: string;
+    SUPPLIER_NUMBER?: string;
+    TRANSFER?: string;
+    USER?: string;
+    VALUTA?: string;
+    WAREHOUSE?: string;
+}

package/lib/components/stock/stock-history-tabs/stock-history-tabs.component.d.ts

@@ -4,5 +4,4 @@ export declare class StockHistoryTabsComponent {
     readonly icons: typeof Icon;
     selectedTab: number;
     stockInformation: ArticleStockBo[];
-    constructor();
 }

package/lib/components/stock/stock-information/stock-information.component.d.ts

@@ -5,5 +5,4 @@ export declare class StockInformationComponent {
     articleStockState: number;
     allAvailableStockInformation: number;
     allTechnicalStockInformation: number;
-    constructor();
 }

package/lib/components/stock/stock-tabs/stock-tabs.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter, OnInit } from '@angular/core';
 import { Icon } from "../../../enum/icon.enum";
 import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
 import { StockService } from "../../../service/stock.service";
@@ -7,15 +7,17 @@ import { Tab } from "../../tab-bar/tab.interface";
 import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
 import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
 import { PrintPriceStickers } from "@colijnit/sharedapi/build/model/print-price-stickers.bo";
-export declare class StockTabsComponent {
+import { LocalizeService } from '../localization/localize.service';
+export declare class StockTabsComponent implements OnInit {
     private _stockService;
+    private _localizeService;
     readonly icons: typeof Icon;
     stockInformation: ArticleStockBo[];
     article: any;
     warehouses: StockManagementWarehouses[];
     readonly transferIconClicked: EventEmitter<ArticleStockBo>;
     readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
-    clickedLocation: string;
+    selectedLocation: string;
     stockHistory: StockHistoryBo[];
     orderSupplyStockHistory: StockHistoryBo[];
     orderCommissionStockHistory: StockHistoryBo[];
@@ -23,17 +25,10 @@ export declare class StockTabsComponent {
     orderAllocationStockHistory: StockHistoryBo[];
     inOrderInformation: ArticleTransactionBo[];
     orderInformation: ArticleTransactionBo[];
-    tabs: ({
-        title: string;
-        active: boolean;
-        clickHandler?: undefined;
-    } | {
-        title: string;
-        active: boolean;
-        clickHandler: any;
-    })[];
+    tabs: Tab[];
     historyTabs: Tab[];
-    constructor(_stockService: StockService);
+    constructor(_stockService: StockService, _localizeService: LocalizeService);
+    ngOnInit(): void;
     handleLocationClicked(data: ArticleStockBo): void;
     getStockHistory(): Promise<void>;
     getOrderSupplyStockHistory(): Promise<void>;

package/lib/components/stock/stock.component.d.ts

@@ -8,12 +8,16 @@ import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-detai
 import { OptionsService } from "../../service/options.service";
 import { DictionaryService } from "../../service/dictionary.service";
 import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { LocalizeService } from './localization/localize.service';
+import { Translation } from './localization/translation';
 export declare class StockComponent implements OnDestroy, OnInit {
     stockService: StockService;
     private _optionsService;
     private _dictionary;
     private _changeDetector;
+    private _localizeService;
     stock: StockComponent;
+    set translation(value: Translation);
     handleStickerClicked: EventEmitter<any>;
     set article(article: any);
     articleWarehouse: any[];
@@ -34,7 +38,7 @@ export declare class StockComponent implements OnDestroy, OnInit {
     articleStockState: number;
     warehouses: StockManagementWarehouses[];
     private _subscriptions;
-    constructor(stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef);
+    constructor(stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService);
     ngOnDestroy(): void;
     ngOnInit(): void;
     handleStockTransferClick(event: any): void;

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

@@ -11,7 +11,7 @@
       margin-top: $sc-stock-info-margin;
       padding: $sc-stock-info-padding;
       display: inline-flex;
-      width: 90%;
+      width: $sc-stock-info-width;
       justify-content: space-between;
     }
 
@@ -26,7 +26,7 @@
 
     .stock-image {
       height: $sc-stock-image-height;
-      margin-right: 20px;
+      margin-right: $sc-stock-image-width;
     }
 
     .stock-good-info {
@@ -35,7 +35,6 @@
 
     .stock-status {
       display: grid;
-      gap: $sc-stock-gap;
     }
 
     .stock-info > div:not(:first-child) {
@@ -149,8 +148,9 @@
 
     .stock-transfer-columns {
       display: flex;
-      width: 100%;
+      width: $sc-stock-transfer-column-width;
       justify-content: space-around;
+      overflow: hidden;
     }
 
     .tab-link-buttons {
@@ -188,5 +188,14 @@
     .co-dialog-wrapper {
       width: 70%;
     }
+
+    .stock-label {
+      font-size: 10px;
+    }
+
+    .stock-span {
+      font-size: 12px;
+      align-self: center;
+    }
   }
 }

package/lib/components/stock/style/_material-definition.scss

@@ -19,3 +19,6 @@ $sc-stock-info-container-height: 100% !default;
 $sc-stock-image-height: 50px !default;
 $sc-stock-grid-height: 300px !default;
 $sc-stock-grid-overflow-y: auto !default;
+$sc-stock-info-width: 90% !default;
+$sc-stock-image-width: 20px !default;
+$sc-stock-transfer-column-width: 600px !default;

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

@@ -1,14 +1,13 @@
 @include export-module('co-stock-statusbar-layout') {
   .status-bar {
     display: flex;
-    height: 20px;
-    width: 68px;
+    height: 10px;
+    width: 36px;
   }
 
   .status-bar-block {
     flex: 1;
     margin-right: 2px;
-    border-radius: 5px;
   }
 
   .red {

package/lib/components/tab-bar/style/_layout.scss

@@ -1,9 +1,11 @@
 @include export-module('co-tab-bar') {
-  .tab-bar {
+  .tab-bar-primary {
     background-color: #F5F5FC;
     border-radius: 4px;
     width: fit-content;
     margin: 0 auto;
+    font-size: $sc-font-size;
+    height: 23px;
 
     button {
       margin: 0.25rem;
@@ -14,6 +16,8 @@
       width: 125px;
       cursor: pointer;
       user-select: none;
+      font-size: 10px;
+      font-family: $sc-font-family;
 
       span {
         font-size: 12px;
@@ -28,11 +32,24 @@
     }
   }
 
+  .tab-bar {
+    align-self: center;
+  }
+
+  .tab-bar-wrapper {
+    display: grid;
+    grid-template-columns: 15% 70% 15%;
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
   .secondary-tab-bar {
     background-color: #F5F5FC;
     border-radius: 4px;
     width: fit-content;
     margin: 5px auto 0;
+    font-size: $sc-font-size;
+    height: 23px;
 
     button {
       margin: 0.25rem;
@@ -43,6 +60,8 @@
       width: 125px;
       cursor: pointer;
       user-select: none;
+      font-size: 10px;
+      font-family: $sc-font-family;
 
       span {
         font-size: 12px;

package/lib/components/tab-bar/tab-bar.component.d.ts

@@ -1,9 +1,24 @@
 import { Tab } from "./tab.interface";
+import { CoDropDownListFields } from "../stock/stock-transfer/co-drop-down-list-fields.interface";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
+import { StockService } from "../../service/stock.service";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
 export declare class TabBarComponent {
+    private _stockService;
+    wareHouseLabel: string;
+    wareHouseSearchLabel: string;
     tabs: Tab[];
     secondaryTabs: Tab[];
     ActivateSecondaryTabs: boolean;
-    constructor();
+    dataWareHouseCode: StockManagementWarehouses[];
+    article: any;
+    selectedWarehouse: any;
+    dataWareHouseFields: CoDropDownListFields;
+    articleDetailsInformation: ArticleStockManagement;
+    articleDetails: ArticleDetailsBo[];
+    constructor(_stockService: StockService);
     selectTab(tab: Tab): void;
     selectSecondaryTab(secondaryTab: Tab): void;
+    onSelectWarehouse(event: any): void;
 }

package/lib/style/_variables.scss

@@ -1,5 +1,5 @@
 
-$sc-font-family: 'Public sans' !default;
+$sc-font-family: 'Inter' !default;
 $sc-font-family-digital: 'digital-7regular' !default;
 
 $sc-font-size: 10px !default;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "private": false,
   "peerDependencies": {
     "@angular/common": ">=12.2.0",
     "@angular/core": ">=12.2.0",
     "@colijnit/articleapi": ">=1.0.17",
     "@colijnit/mainapi": ">=1.0.3",
-    "@colijnit/corecomponents_v12": ">=12.0.103",
+    "@colijnit/corecomponents_v12": ">=12.0.109",
     "@colijnit/ioneconnector": ">=2.1.10",
     "@colijnit/sharedapi": ">=1.0.11",
     "pdf-lib": ">=1.17.1",

package/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './lib/components/docsign/docsign.component';
 export * from './lib/components/docsign/docsign.module';
 export * from './lib/components/stock/stock.component';
 export * from './lib/components/stock/stock.module';
+export * from './lib/components/stock/localization/translation';
 export * from './lib/components/send-method-dialog/send-method-dialog.component';
 export * from './lib/components/send-method-dialog/send-method-dialog.module';
 export * from './lib/components/key-pad/key-pad.component';