@colijnit/sharedcomponents 256.1.4 → 256.1.6

package/lib/components/custom-pdf/custom-pdf-dialog.component.d.ts

@@ -0,0 +1,34 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit } from "@angular/core";
+import { IconCacheService } from '../../service/icon-cache.service';
+import { DomSanitizer } from "@angular/platform-browser";
+import SignaturePad from "signature_pad";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+import { Icon } from '../../enum/icon.enum';
+export declare class CustomPdfDialogComponent implements OnInit, AfterViewInit {
+    iconCacheService: IconCacheService;
+    private _sanitizer;
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    pdfBody: ElementRef;
+    additionalFileContents: any;
+    additionalFileName: string;
+    closePDFDialog: EventEmitter<any>;
+    additionalFileChangeEvent: EventEmitter<CoDocument>;
+    canvas: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+    signature: SignaturePad;
+    signatureCanvas: ElementRef;
+    fileBody: any;
+    fileStyle: string;
+    constructor(iconCacheService: IconCacheService, _sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    extractStyleParts(html: string): string[];
+    removeStyleAndScriptTags(html: string): string;
+    extractBodyContents(html: string): string[];
+    handleSaveClicked(): Promise<void>;
+    dataURItoBlob(dataURI: any): File;
+    handleClear(event?: MouseEvent): void;
+    private _initCanvas;
+    private _resizeSignatureCanvas;
+}

package/lib/components/custom-pdf/custom-pdf-dialog.module.d.ts

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

package/lib/components/custom-pdf/style/_layout.scss

@@ -0,0 +1,22 @@
+@include export-module('co-custom-pdf-dialog-layout') {
+  .co-custom-pdf-dialog {
+    background: #fff;
+    /* Do not change these values, the 'view' of the pdf needs to be this size or else it will not work */
+    #pdfBody {
+      background: #fff;
+      min-width: 1080px;
+      overflow-x: scroll;
+    }
+    .co-dialog {
+      .co-dialog-wrapper {
+        max-height: 95vh;
+        max-width: 1125px;
+        width: 100% !important;
+        padding: 10px;
+        background-color: #f8f8fa;
+      }
+    }
+  }
+}
+
+

package/lib/components/custom-pdf/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-custom-pdf-dialog-theme') {
+  .co-custom-pdf-dialog {
+
+  }
+}

package/lib/components/custom-pdf/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/send-method-dialog/components/additional-file-button/additional-file-button.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { ReportingDocumentEmailSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request";
+import { ReportingDocumentPrintSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
+export declare class AdditionalFileButtonComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    request: ReportingDocumentEmailSignDocBaseRequest | ReportingDocumentPrintSignDocBaseRequest;
+    additionalFileContents: any;
+    additionalFileName: string;
+    additionalFileChangeEvent: EventEmitter<CoDocument>;
+    showClass(): boolean;
+    show: boolean;
+    constructor(iconCacheService: IconCacheService);
+    handleToggleDialog(): void;
+}

package/lib/components/send-method-dialog/components/additional-file-button/additional-file-button.module.d.ts

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

package/lib/components/send-method-dialog/components/additional-file-button/style/_layout.scss

@@ -0,0 +1,29 @@
+@include export-module('cc-additional-file-button-layout') {
+  .co-additional-file-button {
+    .additional-file-button-wrapper {
+      height: $sc-co-signature-button-height;
+      width: $sc-co-signature-button-width;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: $sc-co-signature-button-background-color;
+      border-radius: $sc-co-signature-button-border-radius;
+      cursor: pointer;
+      .co-icon {
+        width: $sc-co-signature-button-icon-width;
+        height: $sc-co-signature-button-icon-height;
+      }
+      &.selected {
+        background-color: $sc-co-signature-button-selected-background-color;
+        .co-icon {
+          svg { // for fontawesome icons
+            fill: $sc-co-signature-button-icon-selected-color;
+          }
+          & [fill] { // for own icons
+            fill: $sc-co-signature-button-icon-selected-color;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/send-method-dialog/components/additional-file-button/style/_material-definition.scss

@@ -0,0 +1,8 @@
+$sc-co-signature-button-height: 40px !default;
+$sc-co-signature-button-width: 40px !default;
+$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-selected-background-color: #1A73E8 !default;
+$sc-co-signature-button-border-radius: 5px !default;
+$sc-co-signature-button-icon-height: 30px !default;
+$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/components/additional-file-button/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-signature-button-theme') {
+  .co-signature-button {
+  }
+}

package/lib/components/send-method-dialog/components/additional-file-button/style/material.scss

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

package/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.component.d.ts

@@ -1,13 +1,23 @@
+import { EventEmitter } from '@angular/core';
 import { SendMethodService } from '../../service/send-method.service';
 import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
 import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
 export declare class SendMethodPrinterComponent {
     sendMethodService: SendMethodService;
+    iconCacheService: IconCacheService;
     printerList: Printer[];
     layouts: ReportLayoutSelectionPrint[];
     isPrinterLayoutsEnabled: boolean;
+    isAdditionalDocEnabled: boolean;
     showClass(): boolean;
-    constructor(sendMethodService: SendMethodService);
+    additionalFileContents: any;
+    additionalFileName: string;
+    additionalFileChangeEvent: EventEmitter<CoDocument>;
+    constructor(sendMethodService: SendMethodService, iconCacheService: IconCacheService);
     handleDefaultPrinterUserChange(checked: boolean): void;
     handleDefaultPrinterAllUsersChange(checked: boolean): void;
+    protected readonly icons: typeof Icon;
 }

package/lib/components/send-method-dialog/send-method-dialog.component.d.ts

@@ -11,6 +11,7 @@ import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.en
 import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
 import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
 import { ReportingDocumentPrintSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request";
+import { CoDocument } from "@colijnit/mainapi/build/model/co-document";
 export declare const sendMethodsWithIcon: SendMethod[];
 export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
@@ -40,12 +41,16 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     isDocSignEnabled: boolean;
     docSign: boolean;
     isPrinterLayoutsEnabled: boolean;
+    isAdditionalDocEnabled: boolean;
+    additionalFileName: string;
+    additionalFileContents: any;
     reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintSignDocBaseRequest>;
     reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailSignDocBaseRequest>;
     reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
     startSignatureClicked: EventEmitter<any>;
     closeClick: EventEmitter<MouseEvent>;
     okClick: EventEmitter<string>;
+    additionalFileChangeEvent: EventEmitter<CoDocument>;
     showClass(): boolean;
     sendMethods: SendMethod[];
     activeSendMethod: SendMethod;
@@ -68,4 +73,12 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     private _initDefaultSendMethod;
     private _selectDefaultSendMethod;
     private _prepareVisibleMethods;
+    protected readonly Event: {
+        new (type: string, eventInitDict?: EventInit): Event;
+        prototype: Event;
+        readonly AT_TARGET: number;
+        readonly BUBBLING_PHASE: number;
+        readonly CAPTURING_PHASE: number;
+        readonly NONE: number;
+    };
 }

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

@@ -2,10 +2,13 @@ import { StockHistoryBo } from '@colijnit/articleapi/build/model/stock-history.b
 import { Icon } from '../../../../enum/icon.enum';
 import { BaseStockComponent } from '../../base/base-stock.component';
 import { StockService } from '../../../../service/stock.service';
+import { SharedEventService } from "../../../../service/shared-event.service";
 export declare class AllocationStockHistoryComponent extends BaseStockComponent {
     private _stockService;
+    sharedEventService: SharedEventService;
     readonly icons: typeof Icon;
     data: StockHistoryBo[];
-    constructor(_stockService: StockService);
+    constructor(_stockService: StockService, sharedEventService: SharedEventService);
     protected getData(): Promise<void>;
+    handleTransactionNavigation(docNr: string): void;
 }

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

@@ -13,6 +13,7 @@ export declare class StockLocationPopupComponent {
     private _stockService;
     private _changeDetector;
     readonly icons: typeof Icon;
+    editingRow: boolean;
     showConfirmationDialog: boolean;
     newStockLine: boolean;
     selectedArticleDetailsData: ArticleDetailsBo;
@@ -21,7 +22,8 @@ export declare class StockLocationPopupComponent {
     selectedWarehouse: StockManagementWarehouses;
     selectedLocationNo: string;
     articleStockInfo: ArticleDetailsBo[];
-    togglePopupEvent: EventEmitter<boolean>;
+    togglePopupEvent: EventEmitter<void>;
+    saveEvent: EventEmitter<boolean>;
     updateGridData: EventEmitter<ArticleDetailsBo[]>;
     stockLocations: StockLocation[];
     stockStatus: StockStatus[];

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

@@ -61,5 +61,6 @@ export declare class StockLocationComponent extends BaseStockComponent implement
     locationForDescription(locationNo: string): string;
     protected getData(): Promise<void>;
     private _getWarehouseLocations;
-    handleTogglePopup(saved: boolean): void;
+    handleTogglePopup(): void;
+    handlePopupSave(saved: boolean): void;
 }

package/lib/components/stock/service/stock-module-screen-config.service.d.ts

@@ -0,0 +1,9 @@
+import { BaseModuleScreenConfigService } from "@colijnit/corecomponents_v12";
+import { ObjectConfiguration } from "@colijnit/ioneconnector/build/model/object-configuration";
+import { SharedConnectorService } from "../../../service/shared-connector.service";
+export declare class StockModuleScreenConfigService extends BaseModuleScreenConfigService {
+    private _sharedConnectorService;
+    screenModuleName: string;
+    constructor(_sharedConnectorService: SharedConnectorService);
+    protected loadConfigForModule(params: string[], insertRights?: boolean): Promise<ObjectConfiguration[]>;
+}

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

@@ -1,9 +1,16 @@
 import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { SharedConnectorService } from "../../../service/shared-connector.service";
 export declare class StockInformationComponent {
+    private _connectorService;
     image: string;
-    article: ArticleExtended;
+    set article(value: ArticleExtended);
+    get article(): ArticleExtended;
     articleStockState: number;
     allAvailableStockInformation: number;
     allTechnicalStockInformation: number;
     economicalStock: number;
+    perceptibleStorage: number;
+    private _article;
+    constructor(_connectorService: SharedConnectorService);
+    private _prepareImage;
 }

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

@@ -12,13 +12,15 @@ import { Icon } from '../../enum/icon.enum';
 import { IconCacheService } from '../../service/icon-cache.service';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
 import { SharedComponentsDictionaryService } from '../../translation/shared-components-dictionary.service';
+import { StockModuleScreenConfigService } from "./service/stock-module-screen-config.service";
 export declare class StockComponent implements OnDestroy, OnInit {
+    iconCacheService: IconCacheService;
     private _stockService;
     private _optionsService;
     private _dictionary;
     private _changeDetector;
     private _connector;
-    iconCacheService: IconCacheService;
+    private _screenConfigService;
     readonly icons: typeof Icon;
     handleStickerClicked: EventEmitter<any>;
     set article(articleOrGoodId: ArticleExtended | number);
@@ -42,12 +44,13 @@ export declare class StockComponent implements OnDestroy, OnInit {
     allAvailableStock: number;
     allTechnicalStock: number;
     economicalStock: number;
+    perceptibleStorage: number;
     showSendMethodDialog: boolean;
     articleStockState: number;
     warehouses: StockManagementWarehouses[];
     private _subscriptions;
     private _goodId;
-    constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: SharedComponentsDictionaryService, _changeDetector: ChangeDetectorRef, _connector: SharedConnectorService, iconCacheService: IconCacheService);
+    constructor(iconCacheService: IconCacheService, _stockService: StockService, _optionsService: OptionsService, _dictionary: SharedComponentsDictionaryService, _changeDetector: ChangeDetectorRef, _connector: SharedConnectorService, _screenConfigService: StockModuleScreenConfigService);
     ngOnDestroy(): void;
     ngOnInit(): void;
     handleStockTransferClick(event: any): void;

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

@@ -3,7 +3,7 @@
     .stock-grid {
       co-dialog {
         .co-dialog-wrapper {
-          width: 500px;
+          width: 600px;
           display: flex;
         }
         .stock-dialog-header {
@@ -19,21 +19,26 @@
         }
         .dialog-wrapper {
           display: flex;
-          gap: 5px;
+          gap: 10px;
           padding: 10px;
           flex-direction: column;
         }
         .stock-dialog-row {
           display: flex;
           align-items: center;
-          gap: 5px;
+          gap: 20px;
           > * {
             flex: 1;
           }
           .stock-dialog-row-row {
             display: flex;
             align-items: center;
-            gap: 5px;
+            gap:10px;
+          }
+          co-input-text, co-list-of-values, co-input-number-picker {
+            &:before {
+              box-shadow: none;
+            }
           }
         }
       }
@@ -420,6 +425,10 @@
     .simple-grid {
       height: $sc-stock-grid-height;
       overflow: auto;
+      thead {
+        position: sticky;
+        top: 0;
+      }
       .co-grid-toolbar {
         .co-icon {
           border-color: #1A73E8;
@@ -520,6 +529,20 @@
       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 {

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

@@ -1,7 +1,7 @@
-$sc-stock-info-margin: 10px 0 20px 0 !default;
+$sc-stock-info-margin: 4px 0 20px 0 !default;
 $sc-stock-info-padding: 15px 10px !default;
-$sc-stock-info-border-width: 1px 0 !default;
-$sc-stock-info-border-color: #CCCCCC !default;
+$sc-stock-info-border-width: 4px 0 !default;
+$sc-stock-info-border-color: #F4F4F9 !default;
 $sc-stock-gap: 10px !default;
 $sc-stock-border-left: none !default;
 $sc-stock-line-margin: 10px 0 20px 0 !default;

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

@@ -26,10 +26,13 @@
         font-weight: bold;
         color: $sc-color-font;
       }
-
+      &:hover {
+        filter: brightness(100%);
+      }
       &.active {
-        background-color: white;
-        border-bottom: 2px solid #1A73E8;
+        span {
+          color: #1A73E8;
+        }
       }
     }
   }

package/lib/enum/icon.enum.d.ts

@@ -57,6 +57,7 @@ export declare enum Icon {
     Print = "print",
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",
+    RegularFileSignatureCirclePlus = "regular_file_signature_circle_plus",
     SignatureField = "signature_field",
     SquarePlusRegular = "square_plus_regular",
     TagRegular = "tag_regular",