@colijnit/transaction 12.1.7 → 12.1.10

package/lib/component/payment/style/_layout.scss

@@ -0,0 +1,54 @@
+@import "../../../style/mixin";
+
+@include export-module('co-payment-layout') {
+  .co-payment {
+    font-family: $tp-payment-font-family;
+    font-size: $tp-payment-font-size;
+    .co-tile-wrapper {
+      min-width: $tp-payment-tile-width;
+      min-height: $tp-payment-tile-height;
+      width: $tp-payment-tile-width;
+      height: $tp-payment-tile-height;
+    }
+    .payment-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-payment-row-gap;
+    }
+    .payment-methods-header {
+      display: flex;
+      column-gap: 3px;
+    }
+    .payment-header-title {
+      font-family: $tp-payment-header-font-family;
+      font-size: $tp-payment-header-font-size;
+      font-weight: $tp-payment-header-font-weight;
+      &.extra {
+
+      }
+    }
+    .payment-methods {
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+      flex-wrap: wrap;
+    }
+    .payment-to-pay {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      row-gap: $tp-payment-row-gap;
+    }
+    .payment-amount {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: $tp-payment-amount-border;
+      font-family: $tp-payment-amount-font-family;
+      font-size: $tp-payment-amount-font-size;
+      font-weight: $tp-payment-amount-font-weight;
+      padding: $tp-payment-amount-padding;
+      border-radius: 5px;
+    }
+  }
+}

package/lib/component/payment/style/_material-definition.scss

@@ -0,0 +1,17 @@
+$tp-payment-font-family: $tp-font-family !default;
+$tp-payment-font-size: $tp-font-size !default;
+$tp-payment-tile-width: $tp-tile-min-width !default;
+$tp-payment-tile-height: $tp-tile-min-height !default;
+$tp-payment-header-font-family: $tp-font-family !default;
+$tp-payment-header-font-size: $tp-font-size !default;
+$tp-payment-header-font-weight: bold !default;
+$tp-payment-header-extra-font-color: $tp-color-colijn-orange !default;
+$tp-payment-row-gap: 20px !default;
+$tp-payment-amount-font-family: $tp-font-family !default;
+$tp-payment-amount-font-size: 32px !default;
+$tp-payment-amount-font-weight: bold !default;
+$tp-payment-amount-padding: 25px 90px !default;
+$tp-payment-amount-color: rgba(0, 0, 0, 0.5) !default;
+$tp-payment-amount-border: 1px solid !default;
+$tp-payment-amount-border-color: $tp-color-border !default;
+$tp-payment-amount-background-color: #dedede5c !default;

package/lib/component/payment/style/_theme.scss

@@ -0,0 +1,16 @@
+@import "../../../style/mixin";
+
+@include export-module('co-payment-theme') {
+  .co-payment {
+    .payment-header-title {
+      &.extra {
+        color: $tp-color-colijn-orange;
+      }
+    }
+    .payment-amount {
+      color: $tp-payment-amount-color;
+      border-color: $tp-payment-amount-border-color;
+      background-color: $tp-payment-amount-background-color;
+    }
+  }
+}

package/lib/component/payment/style/material.scss

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

package/lib/component/payment-tile/payment-tile.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+export declare class PaymentTileComponent {
+    selected: boolean;
+    icon: Icon;
+    description: string;
+    selectedChange: EventEmitter<boolean>;
+    showClass(): boolean;
+}

package/lib/component/payment-tile/payment-tile.module.d.ts

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

package/lib/component/payment-tile/style/_layout.scss

@@ -0,0 +1,22 @@
+@import "../../../style/mixin";
+
+@include export-module('co-payment-tile-layout') {
+  .co-payment-tile {
+    display: flex;
+    .payment-tile-wrapper {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      height: 100%;
+      align-items: center;
+      justify-content: center;
+    }
+    .payment-tile-description {
+    }
+    .payment-tile-icon {
+      display: block;
+      height: 80%;
+      width: 50%;
+    }
+  }
+}

package/lib/component/payment-tile/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-payment-tile') {
+  .co-payment-tile {
+  }
+}

package/lib/component/payment-tile/style/material.scss

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

package/lib/component/relation-address/relation-address.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Country } from "@colijnit/transactionapi/build/model/country.bo";
+import { IOneConnectorAdapterService } from "../../service/ione-connector-adapter.service";
+import { DictionaryService } from "../../service/dictionary.service";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+export declare class RelationAddressComponent implements OnInit {
+    private _dictionary;
+    private _connector;
+    private _formMasterService;
+    label: string;
+    address: Address;
+    showButtons: boolean;
+    saveClick: EventEmitter<Address>;
+    cancelClick: EventEmitter<void>;
+    showClass(): boolean;
+    countries: Country[];
+    fields: Object;
+    constructor(_dictionary: DictionaryService, _connector: IOneConnectorAdapterService, _formMasterService: FormMasterService);
+    postalCodeCheckErrorMessage: string;
+    private _prevPostalCodeForCheck;
+    private _prevHouseNoForCheck;
+    private _address;
+    ngOnInit(): Promise<void>;
+    submitForm(): void;
+    checkForPostalCodeCheckError(): Promise<void>;
+    changeHouseNo(): void;
+}

package/lib/component/relation-address/relation-address.module.d.ts

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

package/lib/component/relation-address/style/_layout.scss

@@ -0,0 +1,25 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-layout') {
+  .co-relation-address {
+    font-family: $tp-relation-address-font-family;
+    font-size: $tp-relation-address-font-size;
+    co-form {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-relation-address-default-padding;
+    }
+    .relation-address-data-row {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      row-gap: $tp-relation-address-default-padding;
+      column-gap: $tp-relation-address-default-padding;
+      &.default {
+        .form-input {
+          flex: 1;
+        }
+      }
+    }
+  }
+}

package/lib/component/relation-address/style/_material-definition.scss

@@ -0,0 +1,3 @@
+$tp-relation-address-font-family: $tp-font-family !default;
+$tp-relation-address-font-size: $tp-font-size !default;
+$tp-relation-address-default-padding: 10px !default;

package/lib/component/relation-address/style/_theme.scss

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

package/lib/component/relation-address/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "lib/components/input-combo-box/style/material.scss";

package/lib/component/relation-address-select/relation-address-select.component.d.ts

@@ -0,0 +1,33 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Icon } from "../../enum/icon.enum";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { BusinessObjectFactory } from "../../factory/business-object-factory";
+export declare class RelationAddressSelectComponent {
+    private _formMasterService;
+    private _boFactory;
+    readonly icons: typeof Icon;
+    set content(content: any);
+    showClass(): boolean;
+    collection: Address[];
+    showAdd: boolean;
+    addressAdded: EventEmitter<Address>;
+    addressUpdated: EventEmitter<Address>;
+    addressSelected: EventEmitter<Address>;
+    cancelClick: EventEmitter<void>;
+    selectedIdx: number;
+    addressToEdit: Address;
+    showDialog: boolean;
+    scrollContainer: ElementRef;
+    observer: IntersectionObserver;
+    showNavigateLeft: boolean;
+    showNavigateRight: boolean;
+    constructor(_formMasterService: FormMasterService, _boFactory: BusinessObjectFactory);
+    selectAddress(): void;
+    createAddress(): void;
+    saveAddress(address: Address): void;
+    editAddress(): void;
+    private _initObserver;
+    private _intersectionCallback;
+    private _hideButtons;
+}

package/lib/component/relation-address-select/relation-address-select.module.d.ts

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

package/lib/component/relation-address-select/style/_layout.scss

@@ -0,0 +1,85 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-select-layout') {
+  .co-relation-address-select {
+    .relation-address-content {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+    }
+    .relation-address, .relation-address-create {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      border: 2px solid $tp-relation-address-select-border-color;
+      border-radius: 5px;
+      background-color: white;
+      padding: 10px;
+      min-width: 200px;
+      &.selected {
+        background-color: #f1fcff;
+        border: 2px solid $tp-relation-address-select-selected-border-color;
+        .relation-select-wrapper {
+          .co-radio-button {
+            label:before {
+              border-color: $tp-relation-address-select-selected-border-color;
+              background-color: $tp-relation-address-select-selected-border-color;
+            }
+            label:after {
+              color: $tp-relation-address-select-selected-border-color;
+              background-color: white;
+            }
+          }
+        }
+      }
+    }
+    .relation-select-wrapper {
+      display: flex;
+      flex-direction: column;
+      .co-radio-button {
+        border: none;
+        height: 20px;
+        width: 20px;
+        padding: 0;
+        align-items: baseline;
+        label:before {
+          border-color: $tp-relation-address-select-border-color;
+        }
+      }
+    }
+    .relation-content-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+    .relation-address-type {
+      font-weight: bold;
+    }
+    .relation-address-create, .relation-address-change {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-weight: bold;
+      .relation-address-icon {
+        height: 20px;
+        width: 20px;
+        [fill] {
+          fill: $tp-relation-address-select-selected-border-color;
+        }
+      }
+      color: $tp-relation-address-select-selected-border-color;
+    }
+    .relation-address-create {
+      justify-content: center;
+    }
+    .relation-address-navigate {
+      display: flex;
+      background-color: white;
+      align-items: center;
+      justify-content: center;
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      box-shadow: 0 0 4px 4px $tp-relation-address-select-border-color;
+    }
+  }
+}

package/lib/component/relation-address-select/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-relation-address-select-font-family: $tp-font-family !default;
+$tp-relation-address-select-font-size: $tp-font-size !default;
+$tp-relation-address-select-border-color: $tp-color-action !default;
+$tp-relation-address-select-selected-border-color: $tp-color-action-light !default;

package/lib/component/relation-address-select/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-select-theme') {
+  .co-relation-address-select {
+  }
+}

package/lib/component/relation-address-select/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../relation-address-tile/style/material";

package/lib/component/relation-address-tile/relation-address-tile.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from "@angular/core";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { Icon } from "../../enum/icon.enum";
+export declare class RelationAddressTileComponent {
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    address: Address;
+    actAsAddTile: boolean;
+    selected: boolean;
+    selectedChange: EventEmitter<boolean>;
+    addAddressClicked: EventEmitter<void>;
+    editAddressClicked: EventEmitter<Address>;
+    handleEditAddressClick(event: MouseEvent): void;
+}

package/lib/component/relation-address-tile/relation-address-tile.module.d.ts

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

package/lib/component/relation-address-tile/style/_layout.scss

@@ -0,0 +1,42 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-tile-layout') {
+  .co-relation-address-tile {
+    display: flex;
+    position: relative;
+    .relation-content-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-relation-address-tile-row-gap;
+    }
+    .relation-address-type {
+      font-weight: bold;
+    }
+    .relation-address-create, .relation-address-change {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-weight: bold;
+      .relation-address-icon {
+        height: $tp-relation-address-tile-icon-width;
+        width: $tp-relation-address-tile-icon-width;
+      }
+    }
+    .relation-address-create {
+      justify-content: center;
+    }
+    .relation-address-edit {
+      position: absolute;
+      top: 0;
+      right: 0;
+      opacity: 0.5;
+      .relation-address-edit-icon {
+        height: $tp-relation-address-tile-edit-icon-width;
+        width: $tp-relation-address-tile-edit-icon-width;
+      }
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}

package/lib/component/relation-address-tile/style/_material-definition.scss

@@ -0,0 +1,16 @@
+$tp-relation-address-tile-font-family: $tp-font-family !default;
+$tp-relation-address-tile-font-size: $tp-font-size !default;
+$tp-relation-address-tile-row-gap: 3px;
+$tp-relation-address-tile-padding: 10px !default;
+$tp-relation-address-tile-border-radius: 5px !default;
+$tp-relation-address-tile-min-width: 200px !default;
+$tp-relation-address-tile-min-height: 100px !default;
+$tp-relation-address-tile-icon-width: 20px !default;
+$tp-relation-address-tile-background-color: white !default;
+$tp-relation-address-tile-border: 2px solid !default;
+$tp-relation-address-tile-border-color: $tp-color-border !default;
+$tp-relation-address-tile-selected-background-color: #f1fcff !default;
+$tp-relation-address-tile-selected-border-color: #0084de !default;
+$tp-relation-address-tile-edit-background-color: $tp-color-border !default;
+$tp-relation-address-tile-edit-icon-color: $tp-color-action !default;
+$tp-relation-address-tile-edit-icon-width: 30px !default;

package/lib/component/relation-address-tile/style/_theme.scss

@@ -0,0 +1,21 @@
+@import "../../../style/mixin";
+
+@include export-module('co-relation-address-tile-theme') {
+  .co-relation-address-tile {
+    .relation-address-create, .relation-address-change {
+      .relation-address-icon {
+        [fill] {
+          fill: $tp-relation-address-tile-selected-border-color;
+        }
+      }
+      color: $tp-relation-address-tile-selected-border-color;
+    }
+    .relation-address-edit {
+      .relation-address-edit-icon {
+        [fill] {
+          fill: $tp-relation-address-tile-edit-icon-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/relation-address-tile/style/material.scss

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

package/lib/component/seller-information/seller-information.component.d.ts

@@ -0,0 +1,13 @@
+import { TransactionService } from "../../service/transaction.service";
+import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
+export declare class SellerInformationComponent {
+    private _service;
+    set relationId(value: number);
+    get relationId(): number;
+    relation: RelationListObject;
+    showClass(): boolean;
+    image: string;
+    private _relationId;
+    constructor(_service: TransactionService);
+    private _getRelation;
+}

package/lib/component/seller-information/seller-information.module.d.ts

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

package/lib/component/seller-information/style/_layout.scss

@@ -0,0 +1,21 @@
+@import "../../../style/mixin";
+
+@include export-module('co-seller-information-layout') {
+  .co-seller-information {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: $tp-co-seller-information-font-family;
+    height: $tp-co-seller-information-image-size;
+    width: $tp-co-seller-information-image-size;
+    border-radius: 50%;
+    background: #0084de; // todo make dynamic
+    svg {
+      height: 100%;
+      width: 100%;
+      text {
+        fill: white;
+      }
+    }
+  }
+}

package/lib/component/seller-information/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-co-seller-information-font-family: $tp-font-family !default;
+$tp-co-seller-information-image-size: 50px !default;

package/lib/component/seller-information/style/_theme.scss

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

package/lib/component/seller-information/style/material.scss

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

package/lib/component/shared/transaction-article-text/style/_layout.scss

@@ -0,0 +1,42 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-article-text-layout') {
+  .co-transaction-article-text {
+    font-size: $tp-co-transaction-article-text-font-size;
+    .article-text-content-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 25px;
+      textarea {
+        font-family: $tp-co-transaction-article-text-font-family;
+        min-height: 250px;
+        min-width: 350px;
+        border: 1px solid;
+        &:focus {
+          outline: none;
+        }
+        &:read-only {
+          opacity: $tp-co-transaction-article-text-readonly-opacity;
+        }
+      }
+    }
+    .editor-wrapper {
+      display: flex;
+      //flex-basis: 450px;
+    }
+    .option-wrapper {
+      display: flex;
+      flex-direction: column;
+      row-gap: $tp-co-transaction-article-text-options-row-gap;
+      width: 300px;
+      flex-shrink: 0;
+    }
+    .button-wrapper {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      padding: 10px;
+      column-gap: 5px;
+    }
+  }
+}

package/lib/component/shared/transaction-article-text/style/_material-definition.scss

@@ -0,0 +1,7 @@
+$tp-co-transaction-article-text-font-family: $tp-font-family !default;
+$tp-co-transaction-article-text-font-size: $tp-font-size !default;
+$tp-co-transaction-article-text-readonly-opacity: 0.5 !default;
+$tp-co-transaction-article-text-border-color: $tp-color-border !default;
+$tp-co-transaction-article-text-options-row-gap: 40px !default;
+$cc-co-input-listbox-font-size: $tp-co-transaction-article-text-font-size;
+$cc-co-input-listbox-header-font-size: $tp-co-transaction-article-text-font-size;

package/lib/component/shared/transaction-article-text/style/_theme.scss

@@ -0,0 +1,11 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-article-text-theme') {
+  .co-transaction-article-text {
+    .article-text-content-wrapper {
+      textarea {
+        border-color: $tp-co-transaction-article-text-border-color;
+      }
+    }
+  }
+}

package/lib/component/shared/transaction-article-text/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "lib/components/input-listbox/style/material";

package/lib/component/shared/transaction-article-text/transaction-article-text.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { StandardText } from "../../../model/standard-text";
+import { TransactionAddTextLineRequest } from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
+export declare class TransactionArticleTextComponent implements OnInit {
+    service: TransactionService;
+    header: string;
+    set transactionLine(value: TransactionLineInfo);
+    set articleRef(value: string);
+    get articleRef(): string;
+    set editText(value: string);
+    set articleLineNr(value: number);
+    closeClick: EventEmitter<MouseEvent>;
+    cancelClick: EventEmitter<MouseEvent>;
+    saveClick: EventEmitter<TransactionAddTextLineRequest>;
+    showClass(): boolean;
+    showOverviewDialog: boolean;
+    standardTexts: StandardText[];
+    documents: any[];
+    fields: Object;
+    fieldsDocuments: Object;
+    transactionAddTextLineRequest: TransactionAddTextLineRequest;
+    private _articleRef;
+    constructor(service: TransactionService);
+    ngOnInit(): Promise<void>;
+    onOkClick(event: MouseEvent): void;
+    onCancelClick(event: MouseEvent): void;
+    onSelectStandardText(value: any): void;
+    handleDocumentsChange(docs: any): void;
+}

package/lib/component/shared/transaction-article-text/transaction-article-text.module.d.ts

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