@colijnit/transaction 12.1.12 → 12.1.15

package/lib/component/transaction-search/transaction-filter/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-filter/style/_theme.scss

@@ -0,0 +1,8 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-theme') {
+  .co-transaction-filter {
+    background-color: $cc-co-transaction-filter-background-color;
+    border-color: $cc-color-border;
+  }
+}

package/lib/component/transaction-search/transaction-filter/style/material.scss

@@ -0,0 +1,7 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../transaction-filter-categories/style/material";
+@import "../../transaction-filter-content-article/style/material";
+@import "../../transaction-filter-content-order/style/material";
+@import "../../transaction-filter-content-logistics/style/material";

package/lib/component/transaction-search/transaction-filter/transaction-filter.component.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, EventEmitter } from "@angular/core";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionFilterComponent {
+    iconCacheService: IconCacheService;
+    searchService: TransactionSearchService;
+    readonly icon: typeof Icon;
+    filterItems: ElementRef;
+    orderFilter: ElementRef;
+    logisticsFilter: ElementRef;
+    articleFilter: ElementRef;
+    closeButtonClick: EventEmitter<void>;
+    resetFilterClick: EventEmitter<void>;
+    showClass(): boolean;
+    filterCategories: string[];
+    constructor(iconCacheService: IconCacheService, searchService: TransactionSearchService);
+    handleCategoryClick(cat: string): void;
+    onCloseButtonClick(): void;
+    resetFilters(): void;
+}

package/lib/component/transaction-search/transaction-filter/transaction-filter.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-categories/style/_layout.scss

@@ -0,0 +1,23 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-categories-layout') {
+  .co-transaction-filter-categories {
+    font-family: $tp-co-transaction-search-filter-categories-font-family;
+    font-size: $tp-co-transaction-search-filter-categories-font-size;
+    font-weight: $tp-co-transaction-search-filter-categories-font-weight;
+    .transaction-filter-categories-wrapper {
+      display: flex;
+      justify-content: center;
+    }
+    .transaction-filter-category {
+      cursor: pointer;
+      padding: $tp-co-transaction-search-filter-categories-padding;
+      border-width: $tp-co-transaction-search-filter-categories-border-width;
+      border-style: $tp-co-transaction-search-filter-categories-border-style;
+      &.active {
+        border-width: $tp-co-transaction-search-filter-categories-active-border-width;
+        border-style: $tp-co-transaction-search-filter-categories-active-border-style;
+      }
+    }
+  }
+}

package/lib/component/transaction-search/transaction-filter-categories/style/_theme.scss

@@ -0,0 +1,13 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-categories-theme') {
+  .co-transaction-filter-categories {
+    .transaction-filter-category {
+      border-color: $tp-co-transaction-search-filter-categories-inactive-color;
+      &.active {
+        color: $tp-co-transaction-search-filter-categories-active-color;
+        border-color: $tp-co-transaction-search-filter-categories-active-color;
+      }
+    }
+  }
+}

package/lib/component/transaction-search/transaction-filter-categories/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from "@angular/core";
+export declare class TransactionFilterCategoriesComponent {
+    set categories(value: string[]);
+    get categories(): string[];
+    categoryClick: EventEmitter<string>;
+    showClass(): boolean;
+    activeCategory: string;
+    private _categories;
+    handleCategoryClick(category: string): void;
+}

package/lib/component/transaction-search/transaction-filter-categories/transaction-filter-categories.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content-article/style/_layout.scss

@@ -0,0 +1,13 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-article-layout') {
+  .co-transaction-filter-content-article {
+    width: $tp-co-transaction-search-filter-width;
+
+    .filter-button-container {
+      padding: $tp-co-transaction-search-filter-button-padding;
+      width: $tp-co-transaction-search-filter-button-width;
+    }
+
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-article/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-filter-content-article/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-article-theme') {
+  .co-transaction-filter-content-article {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-article/style/material.scss

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

package/lib/component/transaction-search/transaction-filter-content-article/transaction-filter-content-article.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
+import { FilterItemViewmodel } from "../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../service/transaction.service";
+import { FilterRequestService } from "../service/filter-request.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionFilterContentArticleComponent implements OnInit {
+    searchService: TransactionSearchService;
+    private _transactionService;
+    private _filterRequestService;
+    searchRequest: TransactionSearchViewRequest;
+    searchRequestChange: EventEmitter<any>;
+    showClass(): boolean;
+    searchPlaceholder: string;
+    articleNumbers: FilterItemViewmodel[];
+    articleNumberFields: {
+        text: any;
+        value: any;
+    };
+    constructor(searchService: TransactionSearchService, _transactionService: TransactionService, _filterRequestService: FilterRequestService);
+    ngOnInit(): void;
+    private _getArticleNumbers;
+    handleCollectionChangeForRange(collection: FilterItemViewmodel[], model: string): void;
+    handleCollectionChangeForArray(collection: FilterItemViewmodel[], model: string): void;
+    handleDateRangeChange(dates: Date[], model: string): void;
+    onFilterButtonClick(): void;
+}

package/lib/component/transaction-search/transaction-filter-content-article/transaction-filter-content-article.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content-logistics/style/_layout.scss

@@ -0,0 +1,12 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-logistics-layout') {
+  .co-transaction-filter-content-logistics {
+    width: $tp-co-transaction-search-filter-width;
+
+    .filter-button-container {
+      padding: $tp-co-transaction-search-filter-button-padding;
+      width: $tp-co-transaction-search-filter-button-width;
+    }
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-logistics/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-logistics-theme') {
+  .co-transaction-filter-content-logistics {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-logistics/style/material.scss

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

package/lib/component/transaction-search/transaction-filter-content-logistics/transaction-filter-content-logistics.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
+import { FilterItemViewmodel } from "../../../model/filter-item.viewmodel";
+import { TransactionService } from "../../../service/transaction.service";
+import { FilterRequestService } from "../service/filter-request.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionFilterContentLogisticsComponent implements OnInit {
+    searchService: TransactionSearchService;
+    private _transactionService;
+    private _filterRequestService;
+    searchRequest: TransactionSearchViewRequest;
+    searchRequestChange: EventEmitter<any>;
+    showClass(): boolean;
+    searchPlaceholder: string;
+    deliveryMethods: any[];
+    deliveryMethodFields: {
+        text: any;
+        value: any;
+    };
+    warehouses: any[];
+    warehouseFields: {
+        text: any;
+        value: any;
+    };
+    confirmedDeliveryStartDate: Date;
+    confirmedDeliveryEndDate: Date;
+    arrivalStartDate: Date;
+    arrivalEndDate: Date;
+    constructor(searchService: TransactionSearchService, _transactionService: TransactionService, _filterRequestService: FilterRequestService);
+    ngOnInit(): void;
+    private _setRangeDates;
+    private _getDeliveryMethods;
+    private _getWarehouses;
+    handleCollectionChangeForRange(collection: FilterItemViewmodel[], model: string): void;
+    handleCollectionChangeForArray(collection: FilterItemViewmodel[], model: string): void;
+    handleDateRangeChange(dates: Date[], model: string): void;
+    onFilterButtonClick(): void;
+}

package/lib/component/transaction-search/transaction-filter-content-logistics/transaction-filter-content-logistics.module.d.ts

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

package/lib/component/transaction-search/transaction-filter-content-order/style/_layout.scss

@@ -0,0 +1,12 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-order-layout') {
+  .co-transaction-filter-content-order {
+    width: $tp-co-transaction-search-filter-width;
+
+    .filter-button-container {
+      padding: $tp-co-transaction-search-filter-button-padding;
+      width: $tp-co-transaction-search-filter-button-width;
+    }
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-order/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-filter-content-order/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-filter-content-order-theme') {
+  .co-transaction-filter-content-order {
+  }
+}

package/lib/component/transaction-search/transaction-filter-content-order/style/material.scss

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

package/lib/component/transaction-search/transaction-filter-content-order/transaction-filter-content-order.component.d.ts

@@ -0,0 +1,64 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
+import { BooleanTextDecorator } from "../../../factory/decorators/boolean.decorator";
+import { TransactionService } from "../../../service/transaction.service";
+import { FilterRequestService } from "../service/filter-request.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+import { FilterItemViewmodel } from "../../../model/filter-item.viewmodel";
+export declare class TransactionFilterContentOrderComponent implements OnInit {
+    private _transactionService;
+    searchService: TransactionSearchService;
+    private _filterRequestService;
+    searchRequest: TransactionSearchViewRequest;
+    searchRequestChange: EventEmitter<any>;
+    showClass(): boolean;
+    booleanTextDecorator: typeof BooleanTextDecorator;
+    searchPlaceholder: string;
+    salesPersons: FilterItemViewmodel[];
+    salesPersonsFields: {
+        text: any;
+        value: any;
+    };
+    tags: FilterItemViewmodel[];
+    tagsFields: {
+        text: any;
+        value: any;
+    };
+    branches: FilterItemViewmodel[];
+    branchFields: {
+        text: any;
+        value: any;
+    };
+    onHoldCodes: FilterItemViewmodel[];
+    onHoldCodeFields: {
+        text: any;
+        value: any;
+    };
+    commissionCodes: FilterItemViewmodel[];
+    commissionCodeFields: {
+        text: any;
+        value: any;
+    };
+    customerGroups: FilterItemViewmodel[];
+    customerGroupFields: {
+        text: any;
+        value: any;
+    };
+    transStartDate: Date;
+    transEndDate: Date;
+    deliveryStartDate: Date;
+    deliveryEndDate: Date;
+    constructor(_transactionService: TransactionService, searchService: TransactionSearchService, _filterRequestService: FilterRequestService);
+    ngOnInit(): void;
+    private _setRangeDates;
+    private _getSalesPersons;
+    private _getTags;
+    private _getBranches;
+    private _getOnHoldCodes;
+    private _getCommissionCodes;
+    private _getCustomerGroups;
+    handleCollectionChangeForRange(collection: FilterItemViewmodel[], model: string): void;
+    handleCollectionChangeForArray(collection: FilterItemViewmodel[], model: string): void;
+    handleDateRangeChange(dates: Date[], model: string): void;
+    onFilterButtonClick(): void;
+}

package/lib/component/transaction-search/transaction-filter-content-order/transaction-filter-content-order.module.d.ts

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

package/lib/component/transaction-search/transaction-search-result/style/_layout.scss

@@ -0,0 +1,26 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-search-result-layout') {
+  .co-transaction-search {
+    .transaction-filter-wrapper {
+      overflow-y: auto;
+      overflow-x: hidden;
+      min-width: $tp-co-transaction-search-filter-wrapper-min-width;
+      height: $tp-co-transaction-search-filter-wrapper-height;
+    }
+  }
+
+  .co-transaction-search-result {
+    width: $tp-co-transaction-search-result-width;
+
+    .transaction-search-result-content-tiles-wrapper {
+      display: flex;
+      flex-basis: 100%;
+      justify-content: start;
+      flex-wrap: wrap;
+      padding: $tp-transaction-tiles-wrapper-padding;
+      column-gap: $tp-transaction-tiles-wrapper-column-gap;
+      row-gap: $tp-transaction-tiles-wrapper-row-gap;
+    }
+  }
+}

package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-search/transaction-search-result/style/_theme.scss

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

package/lib/component/transaction-search/transaction-search-result/style/material.scss

@@ -0,0 +1,3 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+import { ContentViewMode } from "../../../enum/content-view-mode.enum";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionSearchResultComponent implements OnInit {
+    searchService: TransactionSearchService;
+    readonly viewModes: typeof ContentViewMode;
+    filterButtonClick: EventEmitter<void>;
+    transactionClick: EventEmitter<TransactionSearchView>;
+    showClass(): boolean;
+    activeViewMode: ContentViewMode;
+    constructor(searchService: TransactionSearchService);
+    ngOnInit(): void;
+    onTileClick(transaction: TransactionSearchView): void;
+}

package/lib/component/transaction-search/transaction-search-result/transaction-search-result.module.d.ts

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

package/lib/component/transaction-search/transaction-search.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+export declare class TransactionSearchComponent {
+    transactionClick: EventEmitter<TransactionSearchView>;
+    showClass(): boolean;
+    showFilterSidebar: boolean;
+    constructor();
+    handleShowFilter(): void;
+    handleHideFilter(): void;
+    handleResetFilter(): void;
+    onTransactionClick(transaction: TransactionSearchView): void;
+}

package/lib/component/transaction-search/transaction-search.module.d.ts

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

package/lib/component/transaction-search/transaction-tile/style/_layout.scss

@@ -0,0 +1,91 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-tile-layout') {
+  .co-transaction-tile {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: $tp-transaction-tile-height;
+    width: $tp-transaction-tile-width;
+    border-radius: $tp-tile-border-radius;
+    padding: $tp-transaction-tile-padding;
+    row-gap: $tp-transaction-tile-row-gap;
+
+    font-family: $tp-transaction-tile-font-family;
+    font-size: $tp-transaction-tile-font-size;
+
+    .transaction-tile-wrapper {
+      cursor: pointer;
+      width: $tp-transaction-tiles-wrapper-width;
+      height: $tp-transaction-tiles-wrapper-height;
+    }
+
+    .header {
+      font-weight: $tp-transaction-tile-header-font-weight;
+      font-size: $tp-transaction-tile-header-font-size;
+    }
+
+    .transaction-tile-body {
+      display: flex;
+      justify-content: space-between;
+      column-gap: $tp-transaction-tile-column-gap;
+
+      co-avatar {
+        width: $tp-transaction-tile-avatar-width;
+        height: $tp-transaction-tile-avatar-height;
+      }
+
+      .transaction-tile-seller-info {
+        display: flex;
+        flex-direction: column;
+        row-gap: $tp-transaction-tile-row-gap;
+        max-width: 50%;
+      }
+
+      .transaction-tile-order-summary {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+
+        co-button {
+          font-weight: $tp-transaction-tile-button-font-weight;
+          margin-top: $tp-transaction-tile-button-margin-top;
+          border-radius: $tp-transaction-tile-button-border-radius;
+          height: $tp-transaction-tile-button-height;
+        }
+      }
+    }
+
+    .transaction-tile-footer {
+      display: flex;
+      justify-content: space-between;
+      padding: $tp-transaction-tile-padding 0;
+
+      .order-info-section {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .label {
+          font-size: $tp-transaction-tile-font-size-small;
+        }
+
+        .value {
+          display: flex;
+          flex-direction: row;
+          align-items: flex-end;
+          min-width: fit-content;
+          font-size: $tp-transaction-tile-font-size-small;
+          height: $tp-transaction-tile-value-height;
+
+          co-icon {
+            height: $tp-transaction-tile-icon-height;
+            width: $tp-transaction-tile-icon-width;
+          }
+        }
+      }
+    }
+  }
+}
+

package/lib/component/transaction-search/transaction-tile/style/_theme.scss

@@ -0,0 +1,46 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-tile-theme') {
+  .co-transaction-tile {
+    background-color: $tp-tile-background-color;
+    border: 1px solid $tp-tile-border-color;
+
+    .header {
+      color: $tp-transaction-tile-header-font-color;
+    }
+
+    .text {
+      color: $tp-transaction-tile-font-color;
+    }
+
+    .transaction-tile-order-summary {
+      co-button {
+        background-color: $tp-transaction-tile-button-color;
+      }
+    }
+  }
+
+  .transaction-tile-footer {
+    .order-info-section {
+      &:not(:last-child) {
+        border-right: 1px solid $tp-color-border;
+      }
+
+      .label {
+        color: $tp-transaction-tile-font-color;
+      }
+
+      .value {
+        color: $tp-transaction-tile-font-color-dark;
+
+        .lock-icon [fill]  {
+          fill: $tp-transaction-tile-icon-active-color;
+        }
+
+        .unlock-icon [fill]  {
+          fill: $tp-transaction-tile-icon-inactive-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-search/transaction-tile/style/material.scss

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

package/lib/component/transaction-search/transaction-tile/transaction-tile.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+export declare class TransactionTileComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    transaction: TransactionSearchView;
+    tileClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+    onTileClick(event: MouseEvent): void;
+}

package/lib/component/transaction-search/transaction-tile/transaction-tile.module.d.ts

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

package/lib/component/transaction-totals/style/material.scss

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

package/lib/component/view-mode-buttons/style/_layout.scss

@@ -0,0 +1,20 @@
+@import "../../../style/mixin";
+
+@include export-module('co-view-mode-buttons-layout') {
+  .co-view-mode-buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    align-items: center;
+    .view-button {
+      justify-content: center;
+      padding: 0;
+      height: $tp-transaction-view-mode-button-size;
+      width: $tp-transaction-view-mode-button-size;
+      border-radius: $tp-transaction-view-mode-button-border-radius;
+      &:not(.circle) {
+        padding: 0;
+      }
+    }
+  }
+}

package/lib/component/view-mode-buttons/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$tp-transaction-view-mode-button-size: 40px !default;
+$tp-transaction-view-mode-button-background-color: $tp-color-dark !default;
+$tp-transaction-view-mode-button-selected-background-color: $tp-color-action !default;
+$tp-transaction-view-mode-button-background-color-hover: $tp-color-light !default;
+$tp-transaction-view-mode-button-border-radius: 3px !default;