@colijnit/sharedcomponents 1.0.11 → 1.0.12

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

@@ -0,0 +1,192 @@
+@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;
+    }
+
+    .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
+        }
+      }
+    }
+
+    .email-option-content {
+      display: flex;
+      flex-direction: column;
+      margin: 10px 0 10px;
+    }
+
+    .emails-container {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .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;
+    }
+
+    .standard-printer-wrapper {
+      width: 100%;
+      margin: 15px 0 15px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+
+    .standard-printer-link {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+
+      co-icon svg {
+        polygon {
+          fill: #3e7eff
+        }
+      }
+    }
+
+    .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 {
+      display: flex;
+      align-items: center;
+    }
+
+    .printer-details {
+      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;
+    }
+  }
+}

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

@@ -0,0 +1 @@
+$cc-co-input-number-picker-border-color: #757575;

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

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('ione-send-method-dialog-theme') {
+  .ione-send-method-dialog {
+
+  }
+}

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

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

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

@@ -0,0 +1,11 @@
+import { ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+export declare class StockInformationComponent {
+    stockStatus: string;
+    image: string;
+    show: boolean;
+    hideOrShowLocationTab: boolean;
+    article: ArticleExtended;
+    articleStock: ArticleStockBo;
+    constructor();
+}

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

@@ -0,0 +1,47 @@
+import { EventEmitter } from "@angular/core";
+import { StockService } from "../../../service/stock.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
+import { ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { GetStockHistoryRequest } from "@colijnit/articleapi/build/model/get-stock-history-request";
+import { ArticleStock } from "@colijnit/articleapi/build/model/article-stock";
+import { PrintStockStickers } from "@colijnit/sharedapi/build/model/print-stock-stickers";
+export declare class StockInformationGridComponent {
+    iconCacheService: IconCacheService;
+    private _stockService;
+    readonly icons: typeof Icon;
+    stock: StockInformationGridComponent;
+    articleStockInformation: ArticleStockBo[];
+    stockHistoryInformation: GetStockHistoryRequest[];
+    stockLocationData: ArticleStockBo[];
+    readonly locationLineClicked: EventEmitter<ArticleStock>;
+    readonly transferIconClicked: EventEmitter<ArticleStockBo>;
+    image: string;
+    show: boolean;
+    hideOrShowLocationTab: boolean;
+    showStockHistory: boolean;
+    showSendMethodDialog: boolean;
+    data: any[];
+    inOrderInformation: Object[];
+    orderInformation: any[];
+    hideOrShowTabs: boolean;
+    dataWareHouseCode: number;
+    dataWareHouseFields: Object;
+    articleStockSearchInfo: ArticleStock;
+    printSticker: PrintStockStickers;
+    tabs: string[];
+    activeTab: string;
+    get activeTabText(): string;
+    constructor(iconCacheService: IconCacheService, _stockService: StockService);
+    handleTabClick(tabData: any): void;
+    onLocationClick(data: ArticleStockBo): void;
+    onPopupClose(): void;
+    handleHistoryClick(): void;
+    handleCloseClick(): void;
+    handleStockTransferClick(event: any): void;
+    handleBackToStockClick(): Promise<void>;
+    openSendMethodDialog(): void;
+    printStockStickers(): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+}

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

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+import { ArticleStock } from "@colijnit/articleapi/build/model/article-stock";
+export declare class StockLocationComponent {
+    stockLocationInformation: ArticleStock;
+    backToStockLines: EventEmitter<any>;
+    readonly MAX_GRID_ROWS: number;
+    stockLocationColumns: any[];
+    allWarehouses: any;
+    stockLocation: Object[];
+    constructor();
+    backToStockInformation(): void;
+    onStickerClick(event: any): void;
+    onOkClick(): void;
+    onCancelClick(): void;
+    onSelectWarehouse(event: any): void;
+}

package/lib/components/stock/stock-transfer/co-drop-down-list-fields.interface.d.ts

@@ -0,0 +1,4 @@
+export interface CoDropDownListFields {
+    text: string;
+    value: string;
+}

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

@@ -0,0 +1,21 @@
+import { EventEmitter } from "@angular/core";
+import { PrintStockStickers } from "@colijnit/articleapi/build/model/print-stock-stickers";
+import { StockService } from "../../../service/stock.service";
+import { CoDropDownListFields } from "./co-drop-down-list-fields.interface";
+import { ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+export declare class StockTransferComponent {
+    private _stockService;
+    stockSticker: PrintStockStickers;
+    article: ArticleStockBo;
+    articleWarehouse: any[];
+    allWarehouses: any[];
+    handleCancelClicked: EventEmitter<any>;
+    handleStickerClicked: EventEmitter<any>;
+    allWarehousesDropdownFields: CoDropDownListFields;
+    showSendMethodDialog: boolean;
+    constructor(_stockService: StockService);
+    handleOkClick(): void;
+    handleCancelClick(): void;
+    handleSelectedWarehouse(event: any): void;
+    handleStickerClick(): Promise<void>;
+}

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

@@ -0,0 +1,32 @@
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { StockService } from "../../service/stock.service";
+import { GetStockHistoryRequest } from "@colijnit/articleapi/build/model/get-stock-history-request";
+import { ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { ArticleStock } from "@colijnit/articleapi/build/model/article-stock";
+export declare class StockComponent implements AfterViewInit {
+    stockService: StockService;
+    stock: StockComponent;
+    handleStickerClicked: EventEmitter<any>;
+    set options(value: any);
+    article: ArticleExtended;
+    articleWarehouse: any[];
+    allWarehouses: any[];
+    showClass(): boolean;
+    showStockInformationGrid: boolean;
+    showStockLocation: boolean;
+    showStockTransfer: boolean;
+    articleStockInformation: ArticleStock;
+    stockInformation: ArticleStockBo[];
+    stockLocationInformation: ArticleStockBo[];
+    stockTransferArticle: ArticleStockBo;
+    constructor(stockService: StockService);
+    ngAfterViewInit(): void;
+    backToStockLinesClicked(): void;
+    handleStockTransferClick(event: any): void;
+    backToStock(): void;
+    loadStockHistory(data: GetStockHistoryRequest): void;
+    buttonClick(): void;
+    getStockInformation(data: ArticleStock): Promise<void>;
+    getStockLocationInformation(data: ArticleStock): Promise<void>;
+}

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

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

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

@@ -0,0 +1,206 @@
+@import "../../../style/mixin";
+
+@include export-module('co-stock-layout') {
+  .co-stock {
+
+    .stock-info-container {
+      max-width: $sc-stock-info-container-width;
+      padding: $sc-stock-info-container-padding;
+    }
+
+    .stock-info {
+      margin-top: $sc-stock-info-margin;
+      padding: $sc-stock-info-padding;
+      display: inline-flex;
+      width: 90%;
+      justify-content: space-between;
+    }
+
+    .stock-info-row {
+      display: inline-flex;
+    }
+
+    .stock-info-row-image {
+      display: inline-flex;
+      gap: $sc-stock-gap;
+    }
+
+    .stock-image {
+      height: $sc-stock-image-height;
+    }
+
+    .stock-good-info {
+      display: block;
+    }
+
+    .stock-status {
+      display: grid;
+      gap: $sc-stock-gap;
+    }
+
+    .stock-info > div:not(:first-child) {
+      padding: 0 10px;
+      border-left: $sc-stock-border-left;
+    }
+
+    .stock-line {
+      font-weight: $sc-stock-line-font-weight;
+      margin: $sc-stock-line-margin;
+    }
+
+    .simple-grid-column-header-wrapper {
+      font-size: $sc-stock-simple-grid-header-fontsize;
+      display: flex;
+      flex-direction: row;
+      background-color: white;
+      border-bottom: $sc-stock-simple-grid-column-header-wrapper-border-bottom;
+    }
+
+    .simple-grid-column-header {
+      display: flex;
+      flex-direction: row;
+      padding-right: 5px;
+      flex-basis: 100%;
+    }
+
+    .simple-grid-row {
+      font-size: $sc-stock-simple-grid-row-fontsize;
+      display: flex;
+      flex-direction: row;
+      border: $sc-stock-simple-grid-row-border;
+      border-bottom: $sc-stock-simple-grid-row-border-bottom;
+    }
+
+    .simple-grid-column-cell {
+      display: flex;
+      padding: $sc-stock-simple-grid-column-cell-padding;
+      flex-basis: 100%;
+    }
+
+    .stock-lines-button {
+      margin-bottom: 5%;
+    }
+
+    .tab-link {
+      gap: 30px;
+      padding: 20px 20px;
+      &.hide {
+        display: none;
+      }
+
+      &.show {
+        display: flex;
+      }
+      flex-direction: row;
+    }
+
+    .tab-link > div {
+      margin: 25px 0;
+      padding-right: 10px;
+
+      &.inactive {
+        font-weight: normal;
+      }
+    }
+
+    .stock-grid {
+      margin: $sc-stock-grid-margin;
+    }
+
+    .buttons-wrapper {
+      display: flex;
+    }
+
+    .dropdown-wrapper {
+      display: flex;
+      float: right;
+      max-width: 20%;
+    }
+
+    .stock-location-group {
+      margin-bottom: 20px;
+      display: flex;
+    }
+
+    .stock-location-left-group {
+      float: left;
+      display: flex;
+      flex: 1;
+      justify-content: flex-start;
+    }
+
+    .stock-location-right-group {
+      float: right;
+      display: flex;
+      flex: 1;
+      justify-content: flex-end;
+    }
+
+    .stock-button-toolbar {
+      display: flex;
+      justify-content: space-between;
+      margin: 10px;
+    }
+
+    .stock-button-left-group {
+      display: flex;
+      flex: 1;
+      justify-content: flex-start;
+
+      .co-button {
+        margin-right: 10px;
+        width: 100px;
+      }
+    }
+    .stock-button-middle-group {
+      display: flex;
+      flex: 1;
+      margin-top: 10px;
+    }
+
+    .stock-transfer-right-column {
+      display: flex;
+      flex-direction: column;
+      width: 25%;
+      float: right;
+    }
+
+    .stock-transfer-left-column {
+      display: flex;
+      flex-direction: column;
+      width: 25%;
+      float: left;
+    }
+
+    .ok-cancel-buttons {
+      display: flex;
+      width: 100%;
+      justify-content: center;
+      padding: 25px;
+    }
+
+    .stock-transfer-columns {
+      display: flex;
+      width: 100%;
+      justify-content: space-around;
+    }
+
+    .tab-link-buttons {
+      cursor: $sc-stock-tab-link-buttons-pointer;
+    }
+
+    .active {
+      color: $sc-color-action;
+    }
+
+    .stock-button-back {
+      color: $sc-color-action;
+      cursor: pointer;
+    }
+
+    .drop-list-group {
+      height: $sc-stock-grid-height;
+      overflow-y: $sc-stock-grid-overflow-y;
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+$sc-stock-info-margin: 10px !default;
+$sc-stock-info-padding: 0 10px !default;
+$sc-stock-gap: 10px !default;
+$sc-stock-border-left: solid 1px lightgray !default;
+$sc-stock-line-margin: 10px 0 20px 0 !default;
+$sc-stock-line-font-weight: bold !default;
+$sc-stock-simple-grid-header-fontsize: 14px !default;
+$sc-stock-simple-grid-row-fontsize: 12px !default;
+$sc-stock-simple-grid-row-border-bottom: 1px solid black !default;
+$sc-stock-simple-grid-row-border: none !default;
+$sc-stock-simple-grid-column-cell-padding: 10px 5px !default;
+$sc-stock-tab-link-buttons-active-color: $sc-color-action !default;
+$sc-stock-tab-link-buttons-pointer: pointer !default;
+$sc-stock-grid-margin: 50px 0 0 0 !default;
+$sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
+$sc-stock-info-container-width: 100% !default;
+$sc-stock-info-container-padding: 0px !default;
+$sc-stock-image-height: 50px !default;
+$sc-stock-grid-height: 300px !default;
+$sc-stock-grid-overflow-y: auto !default;

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

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

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

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

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

@@ -0,0 +1,21 @@
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+export declare enum Icon {
+    ArrowFatRight = "arrow_fat_right",
+    ArrowPointDown = "arrow_point_down",
+    ArrowPointLeft = "arrow_point_left",
+    ArrowPointRight = "arrow_point_right",
+    CalendarDay = "calendar_day",
+    Cancel = "cancel",
+    DeliveryTruck = "delivery_truck",
+    EditPencil = "edit_pencil",
+    Email = "email",
+    Pdf = "pdf",
+    PlusRound = "plus_round",
+    Print = "print",
+    SignatureField = "signature_field",
+    Tag = "tag",
+    ThickLines = "thick_lines",
+    ThinLines = "thin_lines",
+    Txt = "txt",
+    Xml = "xml"
+}

package/lib/factory/business-object-factory.d.ts

@@ -0,0 +1,23 @@
+import { BusinessObject } from "../model/business-object";
+export declare class BusinessObjectFactory {
+    constructor();
+    /**
+     * Creates and returns a new business data object instance of given class, with all given data properties applied to it in a
+     * complex-aware style. That is, all properties on given class that are decorated with @ComplexField(..) or @ComplexArray(..) decorators
+     * become strongly typed business objects, with methods that are usable and such.
+     *
+     * @param modelClass
+     * @param {Object} rawData The object with all (possibly raw/flat/not alive) data to be applied to the created model object
+     */
+    makeWithRawBackendData(modelClass: any, rawData: Object): BusinessObject;
+    makeBOArrayFromRawBackendDataArray(modelClass: any, arrayOfRawDatas: Object[]): BusinessObject[];
+    instantiateNewBo(modelClass: any): BusinessObject;
+    /**
+     * Applies all properties of given 'source' object to the given 'destination' businessobject, if destination has that property.
+     * Works with the @ComplexField(), @ComplexArray, @BooleanText, @CoInject and @DateField annotations of given destination model.
+     *
+     * @param sourceData Raw data to copy to destination model
+     * @param {BusinessObject} destinationModel InOut: The annotated businessobject to apply source properties to
+     */
+    private _copyAllPropertiesDecoratorProcessedFrom;
+}

package/lib/factory/decorators/boolean.decorator.d.ts

@@ -0,0 +1,43 @@
+import { DbBooleanValueType } from "@colijnit/articleapi/build/enum/db-boolean-value-type.enum";
+/**
+ * There are 'J', 'T', 'N', 'F', 0 and 1 'boolean values' in the database. These should be translated to true and false boolean values in
+ * our client application.
+ *
+ * The values 'J' and 'N' seem to be most commonly used. This is the default setting when using this decorator.
+ * You can pass 'T' or 1 for the other variants as follows:
+ *
+ * Usage:
+ *
+ * @BooleanText() or @BooleanText("J") (the default, uses YesNoDbType char values)
+ * public foo: boolean // 'J' and 'N' become true and false after BusinessObjectFactoryService and -SerializerService processing
+ *
+ * @BooleanText('T') (uses TrueFalseDbType char values)
+ * public bar: boolean // 'T' and 'F' become true and false after BusinessObjectFactoryService and -SerializerService processing
+ *
+ * @BooleanText(1)
+ * public baz: boolean // 1 and 0 become true and false after BusinessObjectFactoryService and -SerializerService processing
+ */
+export declare function BooleanText(type?: "J" | "T" | 1): PropertyDecorator;
+export declare class BooleanTextDecorator {
+    /**
+     * Returns whether given property (as a string) on given object is a boolean text field. That is, it's a field that is decorated
+     * with the @BooleanText decorator.
+     */
+    static IsBooleanTextField(target: Object, propertyKey: string): boolean;
+    /**
+     * Returns the logical true or false value of given character ('J', 'N', 'T' or 'F') or number (0 or 1).
+     * Returns UNDEFINED if given boolChar was not recognised as a boolean text.
+     */
+    static GetLogicalBooleanValue(dbBoolChar: DbBooleanValueType | string): boolean;
+    /**
+     * Returns the boolean character / number of given logical bool property on target object. Uses its @BooleanText() annotation to decide
+     * what character / number to return.
+     * Used in BusinessObjectSerializerServiceService to convert logical bools to their original boolean character.
+     * @returns {string|number} The original, reverse-engineered boolean character (or number) of given object property, or undefined.
+     */
+    static GetDbBooleanValue(target: Object, propertyKey: string): DbBooleanValueType;
+    private static _IsJaNeeProp;
+    private static _IsTrueFalseProp;
+    private static _IsZeroOneProp;
+    private static _IsProp;
+}