@colijnit/transaction 12.1.13 → 12.1.16

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

@@ -0,0 +1,37 @@
+import { 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;
+    filterRequestService: FilterRequestService;
+    private _transactionService;
+    showClass(): boolean;
+    searchRequest: TransactionSearchViewRequest;
+    searchPlaceholder: string;
+    showMoreLabel: string;
+    showLessLabel: string;
+    articleNumbers: FilterItemViewmodel[];
+    articleNumberFields: {
+        text: any;
+        value: any;
+    };
+    exceedanceCodes: FilterItemViewmodel[];
+    exceedanceCodeFields: {
+        text: any;
+        value: any;
+    };
+    suppliers: FilterItemViewmodel[];
+    supplierFields: {
+        text: any;
+        value: any;
+    };
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
+    ngOnInit(): void;
+    onFilterButtonClick(): void;
+    private _setArticleNumbers;
+    private _setExceedanceCodes;
+    private _setSuppliers;
+}

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,36 @@
+import { 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;
+    filterRequestService: FilterRequestService;
+    private _transactionService;
+    showClass(): boolean;
+    searchRequest: TransactionSearchViewRequest;
+    searchPlaceholder: string;
+    showMoreLabel: string;
+    showLessLabel: string;
+    deliveryMethods: any[];
+    deliveryMethodFields: {
+        text: any;
+        value: any;
+    };
+    warehouses: FilterItemViewmodel[];
+    warehouseFields: {
+        text: any;
+        value: any;
+    };
+    confirmedDeliveryStartDate: Date;
+    confirmedDeliveryEndDate: Date;
+    arrivalStartDate: Date;
+    arrivalEndDate: Date;
+    constructor(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
+    ngOnInit(): void;
+    onFilterButtonClick(): void;
+    private _setRangeDates;
+    private _setDeliveryMethods;
+    private _setWarehouses;
+}

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,60 @@
+import { 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 TransactionFilterContentOrderComponent implements OnInit {
+    searchService: TransactionSearchService;
+    filterRequestService: FilterRequestService;
+    private _transactionService;
+    showClass(): boolean;
+    searchRequest: TransactionSearchViewRequest;
+    searchPlaceholder: string;
+    showMoreLabel: string;
+    showLessLabel: 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(searchService: TransactionSearchService, filterRequestService: FilterRequestService, _transactionService: TransactionService);
+    ngOnInit(): void;
+    onFilterButtonClick(): void;
+    private _setRangeDates;
+    private _setSalesPersons;
+    private _setTags;
+    private _setBranches;
+    private _setOnHoldCodes;
+    private _setCommissionCodes;
+    private _setCustomerGroups;
+}

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,30 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-search-result-layout') {
+  .co-transaction-search {
+    .co-input-text {
+      border: $tp-co-transaction-search-filter-input-border;
+    }
+
+    .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,10 @@
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-search-result-theme') {
+  .co-transaction-search-result {
+    .transaction-search-filter-button {
+      background-color: $tp-co-transaction-search-filter-button-color;
+      cursor: pointer;
+    }
+  }
+}

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,19 @@
+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 { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionSearchService } from "../service/transaction-search.service";
+export declare class TransactionSearchResultComponent implements OnInit {
+    searchService: TransactionSearchService;
+    iconCacheService: IconCacheService;
+    readonly icon: typeof Icon;
+    readonly viewModes: typeof ContentViewMode;
+    filterButtonClick: EventEmitter<void>;
+    transactionClick: EventEmitter<TransactionSearchView>;
+    showClass(): boolean;
+    activeViewMode: ContentViewMode;
+    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService);
+    ngOnInit(): void;
+    onTransactionClick(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-search-grid/style/_layout.scss

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

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1,7 @@
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../../component/transaction-line/style/material";
+@import "../../shared/transaction-article-text/style/material";
+@import "../../shared/transaction-article-text-overview/style/material";

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

@@ -0,0 +1,13 @@
+import { EventEmitter, QueryList } from "@angular/core";
+import { ColumnAlign, SimpleGridColumnDirective } from "@colijnit/corecomponents_v12";
+import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
+export declare class TransactionSearchGridComponent {
+    readonly align: typeof ColumnAlign;
+    set content(columnComponents: QueryList<SimpleGridColumnDirective>);
+    showClass(): boolean;
+    transactions: TransactionSearchView[];
+    transactionClick: EventEmitter<TransactionSearchView>;
+    extraColumns: SimpleGridColumnDirective[];
+    constructor();
+    onTransactionClick(transaction: any): void;
+}

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

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

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: 30px !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;

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

@@ -0,0 +1,22 @@
+@import "../../../style/mixin";
+
+@include export-module('co-view-mode-buttons-theme') {
+  .co-view-mode-buttons {
+    .view-button {
+      [fill] {
+        fill: $tp-transaction-view-mode-button-background-color;
+      }
+      &:hover {
+        [fill] {
+          fill: $tp-transaction-view-mode-button-background-color-hover;
+        }
+      }
+      &.selected {
+        background-color: $tp-transaction-view-mode-button-selected-background-color;
+        [fill] {
+          fill: $tp-transaction-view-mode-button-background-color-hover;
+        }
+      }
+    }
+  }
+}

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

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

package/lib/component/view-mode-buttons/view-mode-buttons.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { ContentViewMode } from "../../enum/content-view-mode.enum";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class ViewModeButtonsComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    readonly viewModes: typeof ContentViewMode;
+    showViewModes: ContentViewMode[];
+    viewModeChange: EventEmitter<ContentViewMode>;
+    showClass(): boolean;
+    set activeViewMode(value: ContentViewMode);
+    get activeViewMode(): ContentViewMode;
+    private _activeViewMode;
+    ngOnInit(): void;
+    constructor(iconCacheService: IconCacheService);
+}

package/lib/component/view-mode-buttons/view-mode-buttons.module.d.ts

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

package/lib/enum/content-view-mode.enum.d.ts

@@ -3,5 +3,6 @@ export declare enum ContentViewMode {
     Grid = 1,
     GridExpanded = 2,
     MasterDetail = 3,
-    Timeline = 4
+    Timeline = 4,
+    Tiles = 5
 }

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

@@ -3,24 +3,41 @@ export declare enum Icon {
     ArrowPointDown = "arrow_point_down",
     ArrowPointLeft = "arrow_point_left",
     ArrowPointRight = "arrow_point_right",
+    Article = "article",
     Barcode = "barcode",
+    BarcodeSolid = "barcode_solid",
+    BarsFilter = "bars_filter",
     CalendarDay = "calendar_day",
     Cancel = "cancel",
+    CartFlatbedBoxesSolid = "cart_flatbed_boxes_solid",
+    CartShoppingSolid = "cart_shopping_solid",
     CashRegister = "cash_register",
     DeliveryTruck = "delivery_truck",
     EditPencil = "edit_pencil",
     IdealLogo = "ideal_logo",
+    ListView = "list_view",
+    LocationDotSolid = "location_dot_solid",
+    Lock = "lock",
     MapMarker = "map_marker",
     MasterDetail = "master_detail",
+    MemoCircleCheckSolid = "memo_circle_check_solid",
     Menu = "menu",
+    PalletBoxesSolid = "pallet_boxes_solid",
     PlusRound = "plus_round",
+    Purchase = "purchase",
+    ShelvesSolid = "shelves_solid",
     SidePanel = "side_panel",
+    SyncAlt = "sync_alt",
     Tag = "tag",
     ThickLines = "thick_lines",
     ThinLines = "thin_lines",
+    TrashBin = "trash_bin",
     TriangleDown = "triangle_down",
     TriangleUp = "triangle_up",
     Truck = "truck",
+    TruckArrowRightSolid = "truck_arrow_right_solid",
+    TruckContainerSolid = "truck_container_solid",
     Txt = "txt",
+    Unlock = "unlock",
     Warehouse = "warehouse"
 }