@colijnit/sharedcomponents 1.0.30 → 1.0.32

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

@@ -1,79 +1,71 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
-import { Icon } from "../../enum/icon.enum";
-import { IconCacheService } from "../../service/icon-cache.service";
-import { SendOption } from "./enums/send-option";
-import { Printer } from "@colijnit/sharedapi/build/model/report/printer.bo";
-import { StockService } from "../../service/stock.service";
-import { CoDropDownListFields } from "../stock/stock-transfer/co-drop-down-list-fields.interface";
-import { OptionsService } from "../../service/options.service";
-import { DictionaryService } from "../../service/dictionary.service";
-import { SendMethodParams } from "./send-method-params.interface";
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { OptionsService } from '../../service/options.service';
+import { DictionaryService } from '../../service/dictionary.service';
+import { SharedService } from '../../service/shared.service';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { ReportingDocumentPrintBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-base-request';
+import { ReportingDocumentEmailBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-base-request';
+import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
+import { SendMethodService } from './service/send-method.service';
+import { SendMethod } from '../../model/send-method';
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
+export declare const sendMethodsWithIcon: SendMethod[];
 export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
-    stockService: StockService;
     private _optionsService;
     private _dictionary;
     private _changeDetector;
+    private _sharedService;
+    private _sendMethodService;
     readonly icons: typeof Icon;
-    readonly sendOption: typeof SendOption;
-    showEmailOption: boolean;
-    showPrintOption: boolean;
-    showPdfOption: boolean;
-    showXmlOption: boolean;
-    showPrintPriceStickers: boolean;
-    priceListCodeData: any;
-    transactionUUID: string;
-    sendOptions: {
-        option: SendOption;
-        iconName: Icon;
-    }[];
-    activeSendOption: SendOption;
-    showStandardPrinterOptions: boolean;
-    showPrinterSelections: boolean;
-    showExitButton: boolean;
-    defaultPrinter: Printer;
-    printTemplates: any[];
-    printTemplatesField: CoDropDownListFields;
-    emailLayoutField: CoDropDownListFields;
-    priceListDataField: CoDropDownListFields;
-    upAndLoaded: boolean;
-    models: boolean[];
-    selectedLayout: 'Layout 1';
-    showDialog: boolean;
+    navigationItems: ElementRef;
+    faxItems: ElementRef;
+    printItems: ElementRef;
+    emailItems: ElementRef;
+    ediItems: ElementRef;
+    emailTemplateItems: ElementRef;
+    smsItems: ElementRef;
+    webServiceItems: ElementRef;
+    reportingDocumentPrintRequest: ReportingDocumentPrintBaseRequest;
+    reportingDocumentEmailRequest: ReportingDocumentEmailBaseRequest;
+    reportingDocumentPdfRequest: ReportingDocumentPdfBaseRequest;
+    emailLayouts: ReportLayoutSelectionEmail[];
+    printLayouts: ReportLayoutSelectionPrint[];
     headerTitle: string;
-    printerList: Printer[];
-    relationId: number;
-    emailAdresses: any[];
-    emailLayouts: any[];
-    printLayouts: any[];
-    defaultSendMethod: any;
-    defaultEmailAdresses: any;
+    emailAddresses: string[];
+    defaultSendMethod: string;
+    visibleMethods: SendMethodType[] | string[];
     isDocSignEnabled: boolean;
     docSign: boolean;
-    set articleData(data: any);
+    reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintBaseRequest>;
+    reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailBaseRequest>;
+    reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
     startSignatureClicked: EventEmitter<any>;
-    sendEmailClicked: EventEmitter<any>;
-    printButtonClicked: EventEmitter<any>;
-    emailLayoutClicked: EventEmitter<any>;
+    closeClick: EventEmitter<MouseEvent>;
+    okClick: EventEmitter<string>;
     showClass(): boolean;
-    printTemplatesClicked: EventEmitter<any>;
-    defaultSendMethodClicked: EventEmitter<any>;
-    printLayoutParams: EventEmitter<SendMethodParams>;
-    sendMethodParams: SendMethodParams;
+    sendMethods: SendMethod[];
+    activeSendMethod: SendMethod;
+    upAndLoaded: boolean;
+    startUp: boolean;
+    showFax: boolean;
+    showPrint: boolean;
+    showEmail: boolean;
+    showEdi: boolean;
+    showSms: boolean;
+    showEmailTemplate: boolean;
+    showWebservice: boolean;
     private _subscriptions;
-    constructor(iconCacheService: IconCacheService, stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef);
+    constructor(iconCacheService: IconCacheService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _sharedService: SharedService, _sendMethodService: SendMethodService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getPrinters(): Promise<void>;
-    closeDialogClick(): void;
     handleSignatureStart(): void;
-    sendEmail(): void;
-    handlePrintClicked(): void;
-    togglePrinterSelection(): void;
-    onPrinterClicked(printer: any): void;
-    getPrintTemplates(): any;
-    getDefaultSendMethod(): void;
-    getDefaultEmailLayouts(): Promise<void>;
+    handleSendMethodClick(sendMethod: SendMethod): void;
+    private _selectDefaultSendMethod;
+    private _prepareVisibleMethods;
     private _handleSettingsLoaded;
     private _initConnection;
 }

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

@@ -0,0 +1,23 @@
+import { ReportingDocumentPrintBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-base-request';
+import { ReportingDocumentEmailBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-base-request';
+import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
+import { Subject } from 'rxjs';
+export declare class SendMethodService {
+    reportingDocumentPrintBaseRequestChanged: Subject<ReportingDocumentPrintBaseRequest>;
+    reportingDocumentEmailBaseRequestChanged: Subject<ReportingDocumentEmailBaseRequest>;
+    reportingDocumentPdfBaseRequestChanged: Subject<ReportingDocumentPdfBaseRequest>;
+    set reportingDocumentPrintBaseRequest(value: ReportingDocumentPrintBaseRequest);
+    get reportingDocumentPrintBaseRequest(): ReportingDocumentPrintBaseRequest;
+    set reportingDocumentEmailBaseRequest(value: ReportingDocumentEmailBaseRequest);
+    get reportingDocumentEmailBaseRequest(): ReportingDocumentEmailBaseRequest;
+    set reportingDocumentPdfBaseRequest(value: ReportingDocumentPdfBaseRequest);
+    get reportingDocumentPdfBaseRequest(): ReportingDocumentPdfBaseRequest;
+    selectedEmailAddresses: string[];
+    activePrinter: string;
+    private _reportingDocumentPrintBaseRequest;
+    private _reportingDocumentEmailBaseRequest;
+    private _reportingDocumentPdfBaseRequest;
+    removeEmailAddress(address: string): void;
+    addEmailAddress(address: string): void;
+    private _updateEmailAddresses;
+}

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

@@ -1,202 +1,62 @@
-@import "../../../style/mixin";
-@import "../../../style/variables";
-
-@include export-module('ione-send-method-dialog-layout') {
-  .ione-send-method-dialog {
-    .send-method-dialog-wrapper {
-      font-family: $sc-font-family;
-    }
-
+@include export-module('co-send-method-dialog-layout') {
+  .co-send-method-dialog {
+    font-family: $sc-co-send-method-dialog-font-family;
+    font-size: $sc-co-send-method-dialog-font-size;
     .dialog-content-wrapper {
-      padding: 0 20px 0 20px;
-      min-width: 350px;
-      min-height: 415px;
-      overflow: hidden;
-    }
-
-    //.co-dialog-wizard-wrapper {
-    //  height: 50vh;
-    //  overflow-y: auto;
-    //}
-
-    .send-options-wrapper {
-      display: flex;
-      justify-content: center;
-    }
-
-    .custom-button-wrapper {
-      width: 45px;
-      height: 45px;
-      background-color: #f5f5fa;
-      padding: 5px;
-      margin: 5px;
-      border-radius: 10px;
-      cursor: pointer;
-
-      co-icon {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    .selected-option {
-      background-color: #3e7eff;
-
-      co-icon svg {
-        path {
-          fill: white
-        }
-        rect {
-          fill: white
-        }
-
-        .show-option {
-          display: none;
-        }
-
-      }
-    }
-
-    .email-option-content {
-      display: flex;
-      flex-direction: column;
-      margin: 10px 0 10px;
-    }
-
-    .emails-container {
+      min-width: $sc-co-send-method-dialog-min-width;
+      height: $sc-co-send-method-dialog-height;
       display: flex;
       flex-direction: column;
+      overflow: hidden;
     }
-
-    .lov-wrapper {
-      margin: 15px 0 10px;
-      border: 1px solid #f6f6f8;
-      border-radius: 10px;
-      padding: 10px;
-    }
-
-    .input-checkbox-wrapper {
-      padding: 5px;
-    }
-
-    .input-number-wrapper {
-      width: 85px;
-      height: 52px;
-      margin: 5px;
-    }
-
-    .print-footer-wrapper {
-      display: flex;
-      justify-content: center;
-    }
-
-    .print-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 120px;
-    }
-
-    .number-picker {
-      height: 52px;
-    }
-
-    .signature-button-wrapper {
-      display: flex;
-      justify-content: center;
-    }
-
-    .signature-button {
-      width: 75px;
-    }
-
-    .send-button {
+    .send-methods-wrapper {
       display: flex;
-      justify-content: center;
+      flex-direction: row;
+      column-gap: $sc-co-send-method-dialog-send-method-buttons-column-gap;
+      justify-content: $sc-co-send-method-dialog-send-method-buttons-justify-content;
     }
-
-    .standard-printer-wrapper {
-      width: 100%;
-      margin: 15px 0 15px;
+    .send-button-wrapper {
+      cursor: pointer;
+      user-select: none;
       display: flex;
       flex-direction: column;
-      justify-content: center;
-    }
-
-    .standard-printer-link {
-      display: flex;
       align-items: center;
-      cursor: pointer;
-
-      co-icon svg {
-        polygon {
-          fill: #3e7eff
+      justify-content: $sc-co-send-method-dialog-send-method-button-justify-content;
+      height: $sc-co-send-method-dialog-send-method-button-height;
+      width: $sc-co-send-method-dialog-send-method-button-width;
+      border-radius: $sc-co-send-method-dialog-send-method-button-radius;
+      border-style: $sc-co-send-method-dialog-send-method-button-border-style;
+      border-width: $sc-co-send-method-dialog-send-method-button-border-width;
+      &.selected {
+        .custom-button-title {
+          font-weight: $sc-co-send-method-dialog-send-method-selected-title-font-weight;
         }
       }
+      .custom-button-icon {
+        height: $sc-co-send-method-dialog-send-method-icon-size;
+        width: $sc-co-send-method-dialog-send-method-icon-size;
+      }
+      .custom-button-title {
+        font-family: $sc-co-send-method-dialog-send-method-title-font-family;
+        font-size: $sc-co-send-method-dialog-send-method-title-font-size;
+        font-weight: $sc-co-send-method-dialog-send-method-title-font-weight;
+        text-align: $sc-co-send-method-dialog-send-method-title-align;
+      }
     }
-
-    .arrow-icon {
-      width: 30px;
-      height: 40px;
-    }
-
-    .standard-printer-message {
-      font-family: $sc-font-family;
-      font-weight: bold;
-      color: #3e7eff;
-      font-size: 0.9em;
-    }
-
-    .standard-printer-selections {
-      display: flex;
-      flex-direction: column;
-    }
-
-    .printer-content-container {
-      flex-direction: column;
-      align-items: center;
-      padding-top: 20px;
-      height: 50vh;
-      overflow-y: auto;
-    }
-
-    .selected-printer-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .printer-option-list-item {
+    .send-method-navigation-wrapper {
       display: flex;
-      align-items: center;
+      overflow: hidden;
+      height: 100%;
+      &.smooth-scrolling {
+        scroll-behavior: smooth;
+      }
     }
-
-    .printer-details {
+    .send-method-navigation-content {
       display: flex;
-      flex-direction: column;
-    }
-
-    .printer-name {
-      font-weight: bold;
-    }
-
-    .printer-icon {
-      height: 50px;
-      width: 50px;
-      margin-right: 10px;
-    }
-
-    .select-printer-arrow {
-      width: 25px;
-      height: 25px;
-    }
-
-    .clickable {
-      cursor: pointer;
-    }
-
-    .selection {
-      padding: 10px;
+      flex-basis: 100%;
+      flex-shrink: 0;
+      overflow: auto;
+      height: 100%;
     }
   }
 }

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

@@ -1 +1,30 @@
-$cc-co-input-number-picker-border-color: #757575;
+$sc-co-send-method-dialog-font-family: $sc-font-family !default;
+$sc-co-send-method-dialog-font-size: $sc-font-size !default;
+$sc-co-send-method-dialog-font-color: $sc-color-font !default;
+
+$sc-co-send-method-dialog-send-method-buttons-column-gap: 5px;
+$sc-co-send-method-dialog-send-method-buttons-justify-content: center;
+
+$sc-co-send-method-dialog-send-method-button-height: 80px !default;
+$sc-co-send-method-dialog-send-method-button-width: 80px !default;
+$sc-co-send-method-dialog-send-method-button-radius: 10px !default;
+$sc-co-send-method-dialog-send-method-button-background-color: white !default;
+$sc-co-send-method-dialog-send-method-button-selected-background-color: $sc-color-background !default;
+$sc-co-send-method-dialog-send-method-button-border-style: solid !default;
+$sc-co-send-method-dialog-send-method-button-border-color: $sc-color-border !default;
+$sc-co-send-method-dialog-send-method-button-border-width: 0 !default;
+$sc-co-send-method-dialog-send-method-button-justify-content: space-around !default;
+
+$sc-co-send-method-dialog-send-method-icon-size: 30px !default;
+$sc-co-send-method-dialog-send-method-icon-color: $sc-color-font !default;
+$sc-co-send-method-dialog-send-method-selected-icon-color: $sc-color-font !default;
+$sc-co-send-method-dialog-send-method-title-font-family: $sc-font-family !default;
+$sc-co-send-method-dialog-send-method-title-font-size: 12px !default;
+$sc-co-send-method-dialog-send-method-title-font-color: $sc-color-font !default;
+$sc-co-send-method-dialog-send-method-title-font-weight: normal !default;
+$sc-co-send-method-dialog-send-method-title-align: center !default;
+$sc-co-send-method-dialog-send-method-selected-title-font-color: $sc-color-action !default;
+$sc-co-send-method-dialog-send-method-selected-title-font-weight: bold !default;
+
+$sc-co-send-method-dialog-height: 415px !default;
+$sc-co-send-method-dialog-min-width: 350px !default;

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

@@ -1,7 +1,33 @@
-@import "../../../style/mixin";
-
-@include export-module('ione-send-method-dialog-theme') {
-  .ione-send-method-dialog {
-
+@include export-module('co-send-method-dialog-theme') {
+  .co-send-method-dialog {
+    .send-button-wrapper {
+      background-color: $sc-co-send-method-dialog-send-method-button-background-color;
+      border-color: $sc-co-send-method-dialog-send-method-button-border-color;
+      &.selected {
+        background-color: $sc-co-send-method-dialog-send-method-button-selected-background-color;
+        .custom-button-icon {
+          svg { // for fontawesome icons
+            fill: $sc-co-send-method-dialog-send-method-selected-icon-color;
+          }
+          & [fill] { // for own icons
+            fill: $sc-co-send-method-dialog-send-method-selected-icon-color;
+          }
+        }
+        .custom-button-title {
+          color: $sc-co-send-method-dialog-send-method-selected-title-font-color;
+        }
+      }
+      .custom-button-icon {
+        svg { // for fontawesome icons
+          fill: $sc-co-send-method-dialog-send-method-icon-color;
+        }
+        & [fill] { // for own icons
+          fill: $sc-co-send-method-dialog-send-method-icon-color;
+        }
+      }
+      .custom-button-title {
+        color: $sc-co-send-method-dialog-send-method-title-font-color;
+      }
+    }
   }
 }

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

@@ -1,3 +1,8 @@
+@import "../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import "../components/send-method-printer/style/material";
+@import "../components/send-method-email/style/material";
+@import "../components/layout-selection/style/material";
+@import "../components/printer-selection/style/material";

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

@@ -17,8 +17,7 @@ export declare class StatusbarComponent {
     private _statusbarData;
     private _mouseY;
     private _windowHeight;
-    onHover(event: any): void;
-    onLeave(): void;
-    onStatusbarClick(): void;
+    onStatusbarClick(event: any): void;
     setPopupClass(): void;
+    adjustTooHighPercentages(): void;
 }

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

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-statusbar-layout') {
   .co-statusbar-wrapper {
     display: flex;

package/lib/components/statusbar/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-statusbar-theme') {
   .co-statusbar-wrapper {
     .statusses {

package/lib/components/statusbar/style/material.scss

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

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

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-stock-layout') {
   .co-stock {
 

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

@@ -1,6 +1,3 @@
-@import "../../../style/mixin";
-@import "./material-definition";
-
 @include export-module('co-stock-theme') {
   .co-stock {
 

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

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

package/lib/enum/gauge-color.enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum GaugeColor {
+    Lowest = "#E0E0E0",
+    Low = "#fff7b8",
+    MediumLow = "#ffe367",
+    MediumHigh = "#ffc15b",
+    High = "#F88952",
+    Highest = "#5FDCB3"
+}

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

@@ -5,14 +5,19 @@ export declare enum Icon {
     ArrowFatRight = "arrow_fat_right",
     ArrowPointLeft = "arrow_point_left",
     ArrowPointRight = "arrow_point_right",
+    AtSolid = "at_solid",
     BringForwardRegular = "bring_forward_regular",
     CheckRound = "check_round",
     DeleteLeftRegular = "delete_left_regular",
     DeliveryTruck = "delivery_truck",
     Email = "email",
     EnvelopeRegular = "envelope_regular",
+    FileExportRegular = "file_export_regular",
+    FileExportSolid = "file_export_solid",
     FilePdfRegular = "file_pdf_regular",
     FilePdfSolid = "file_pdf_solid",
+    MessageSmsRegular = "message_sms_regular",
+    MessageSmsSolid = "message_sms_solid",
     Pdf = "pdf",
     Print = "print",
     PrintRegular = "print_regular",

package/lib/model/send-method.d.ts

@@ -0,0 +1,7 @@
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
+export declare class SendMethod {
+    code: SendMethodType;
+    description: string;
+    icon: string;
+    constructor(code: SendMethodType, description: string, icon: string);
+}

package/lib/model/time-window.bo.d.ts

@@ -1,4 +1,4 @@
-import { BusinessObject } from "./business-object";
+import { BusinessObject } from '@colijnit/ioneconnector/build/model/business-object';
 export declare class TimeWindow extends BusinessObject {
     id: string;
     key: string;

package/lib/service/icon-cache.service.d.ts

@@ -11,7 +11,7 @@ export declare class IconCacheService {
     };
     private _iconCache;
     constructor(_sanitizer: DomSanitizer);
-    getIcon(iconName: Icon): SafeHtml;
+    getIcon(iconName: Icon | string): SafeHtml;
     getIconAsBase64(iconName: Icon): SafeHtml;
     getRawIcon(iconName: Icon): string;
     setIconCache(): void;