@colijnit/transaction 12.1.80 → 12.1.81

package/lib/component/core/base/transaction-base.component.d.ts

@@ -27,9 +27,9 @@ export declare abstract class TransactionBaseComponent {
     expanded: boolean;
     preview: boolean;
     selected: boolean;
+    readonly: boolean;
     isText: boolean;
     isArticle: boolean;
-    readonly: boolean;
     get model(): TransactionLineInfo | TransactionInfo;
     isService: boolean;
     lineOperationStatuses: LineOperationStatus[];

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

@@ -31,20 +31,20 @@
     }
     .transaction-tiles-wrapper {
       display: grid;
-      grid-template-columns: repeat(4, 1fr);
+      grid-template-columns: 25% 25% 25% 25%;
       grid-column-gap: 5px;
       grid-row-gap: 5px;
 
       @media(max-width: 1500px) {
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: 33% 33% 33%;
       }
 
       @media(max-width: 1200px) {
-        grid-template-columns: repeat(2, 1fr);
+        grid-template-columns: 50% 50%;
       }
 
       @media(max-width: 900px) {
-        grid-template-columns: repeat(1, 1fr);
+        grid-template-columns: 100%;
       }
     }
 

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

@@ -11,3 +11,4 @@
 @import "../../view-mode-buttons/style/material";
 @import "../../dialog/transaction-header/dialog-transaction-header-delivery-method/style/material";
 @import "../../transaction-line-checkbox-list/style/material";
+@import "../../transaction-card/transaction-card/style/material";

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

@@ -14,7 +14,7 @@ import { RelationAnyType } from "../../model/relation-any-type";
 import { TransactionEventService } from "../../service/transaction-event.service";
 export declare class TransactionComponent implements OnDestroy {
     iconCacheService: IconCacheService;
-    private _service;
+    service: TransactionService;
     private _appRef;
     private _dynamicComponentService;
     private _transactionEventService;
@@ -37,7 +37,7 @@ export declare class TransactionComponent implements OnDestroy {
     private _subs;
     private _transaction;
     private _transactionId;
-    constructor(iconCacheService: IconCacheService, _service: TransactionService, _appRef: ApplicationRef, _dynamicComponentService: DynamicComponentService, _transactionEventService: TransactionEventService);
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _appRef: ApplicationRef, _dynamicComponentService: DynamicComponentService, _transactionEventService: TransactionEventService);
     ngOnDestroy(): void;
     saveTransactionLine(transactionAddTextLineRequest: TransactionAddTextLineRequest): void;
     handleButtonBarButtonClicked(button: TransactionBarButton): void;

package/lib/component/transaction-card/transaction-card/style/_layout.scss

@@ -0,0 +1,12 @@
+@include export-module('cc-transaction-card-layout') {
+  .co-transaction-card {
+    font-size: $tp-font-size;
+
+    .transaction-card-date {
+      font-weight: bold;
+      color: #5fdbb2;
+      min-width: 75px;
+      text-align: center;
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-card-theme') {
+  .co-transaction-card {
+  }
+}

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

@@ -0,0 +1,7 @@
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-card-footer/style/material";
+@import "../../transaction-card-header/style/material";
+@import "../../transaction-card-purchase-overview/style/material";
+@import "../../transaction-card-sales-overview/style/material";

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

@@ -0,0 +1,27 @@
+import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector, OnChanges, SimpleChanges } from "@angular/core";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionMappingService } from "../../../service/transaction-mapping.service";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { TransactionService } from "../../../service/transaction.service";
+export declare class TransactionCardComponent extends TransactionBaseComponent implements OnChanges {
+    protected transactionService: TransactionService;
+    private _mappingService;
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    set container(content: any);
+    set activeCategory(value: TransactionTypeCategory);
+    get activeCategory(): TransactionTypeCategory;
+    preview: boolean;
+    selected: boolean;
+    waitingForUserAction: EventEmitter<boolean>;
+    showClass(): boolean;
+    private _transactionCardContainer;
+    private _activeCategory;
+    private _componentRef;
+    constructor(transactionService: TransactionService, _mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    ngOnChanges(changes: SimpleChanges): void;
+    protected transactionInfoSet(): void;
+    private _prepareContent;
+    private _prepareProps;
+}

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

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

package/lib/component/transaction-card/transaction-card-footer/style/_layout.scss

@@ -0,0 +1,58 @@
+@include export-module('cc-transaction-card-footer-layout') {
+  .co-transaction-card-footer {
+
+    .transaction-card-footer-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 5px;
+
+      .expand-wrapper {
+        display: flex;
+        align-items: center;
+
+        co-icon {
+          width: 18px;
+          height: 18px;
+          margin-right: 10px;
+        }
+
+        .expand-text {
+          width: max-content;
+        }
+      }
+
+      .date-or-delivery-method-container {
+        width: 100%;
+        text-align: -webkit-center;
+
+        .transaction-line-button {
+          width: inherit;
+          max-width: 200px;
+        }
+
+        .delivery-method-preview {
+          margin: 0 10px;
+        }
+      }
+
+      .co-transaction-line-statusbar co-statusbar .co-statusbar-wrapper {
+        justify-content: center;
+      }
+
+      .co-transaction-line-delivery-button {
+        &.read-only {
+          .transaction-line-button {
+            background-color: white;
+            cursor: default;
+            justify-content: center;
+
+            co-icon {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-footer/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-card-footer-theme') {
+  .co-transaction-card-footer {
+  }
+}

package/lib/component/transaction-card/transaction-card-footer/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-card/transaction-card-footer/transaction-card-footer.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { Icon } from "../../../enum/icon.enum";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionCardFooterComponent extends TransactionBaseComponent {
+    iconCacheService: IconCacheService;
+    transactionService: TransactionService;
+    readonly icons: typeof Icon;
+    transactionTypeCategory: TransactionTypeCategory;
+    expanded: boolean;
+    expandClicked: EventEmitter<void>;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
+}

package/lib/component/transaction-card/transaction-card-footer/transaction-card-footer.module.d.ts

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

package/lib/component/transaction-card/transaction-card-header/style/_layout.scss

@@ -0,0 +1,73 @@
+@include export-module('cc-transaction-card-header-layout') {
+  .co-transaction-card-header {
+
+    .transaction-card-header-wrapper {
+      height: 30px;
+      grid-column-gap: 10px;
+      column-gap: 10px;
+      align-items: center;
+      margin-bottom: 5px;
+      display: grid;
+      grid-template-columns: minmax(1px, auto) max-content;
+
+      .card-header-start-wrapper {
+        display: flex;
+        height: inherit;
+        width: 100%;
+      }
+
+      .card-header-end-wrapper {
+        display: flex;
+        height: inherit;
+        grid-column-gap: 10px;
+        column-gap: 10px;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .co-image-display {
+        width: inherit;
+        height: inherit;
+        max-width: 70px;
+      }
+
+      .transaction-card-header-title-wrapper {
+        display: flex;
+        align-items: center;
+        grid-column-gap: 10px;
+        column-gap: 10px;
+        overflow: hidden;
+
+        co-icon {
+          width: 18px;
+          height: 18px;
+        }
+      }
+
+      .transaction-card-description {
+        font-weight: bold;
+        display: flex;
+        overflow: auto;
+
+        .co-transaction-overflow-ellipsis {
+          display: block;
+        }
+
+        co-input-text {
+          height: auto;
+          input {
+            margin-top: 0;
+          }
+        }
+      }
+    }
+
+    .transaction-card-expanded-wrapper {
+
+      .article-text {
+        margin-bottom: 12px;
+        max-width: 70%;
+      }
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-header/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-card-header-theme') {
+  .co-transaction-card-header {
+  }
+}

package/lib/component/transaction-card/transaction-card-header/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-card/transaction-card-header/transaction-card-header.component.d.ts

@@ -0,0 +1,16 @@
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { TransactionService } from "../../../service/transaction.service";
+export declare class TransactionCardHeaderComponent extends TransactionBaseComponent {
+    iconCacheService: IconCacheService;
+    transactionService: TransactionService;
+    readonly icons: typeof Icon;
+    showCheckbox: boolean;
+    showActionButtons: boolean;
+    showThumbnail: boolean;
+    expanded: boolean;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
+    deleteTransactionLineClick(): void;
+}

package/lib/component/transaction-card/transaction-card-header/transaction-card-header.module.d.ts

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

package/lib/component/transaction-card/transaction-card-purchase-overview/style/_layout.scss

@@ -0,0 +1,68 @@
+@include export-module('cc-transaction-card-purchase-overview-layout') {
+  .co-transaction-card-purchase-overview {
+
+    .transaction-card-purchase-overview-wrapper {
+      background: white;
+      border-radius: 11px;
+      border: 1px solid $tp-color-border;
+      padding: 12px;
+
+      co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid $tp-color-border;
+        border-radius: 10px;
+        width: 100px;
+        min-width: 100px;
+        height: 26px;
+        .co-input-text {
+          width: 80%;
+          height: 95%;
+          input {
+            margin: 4px 0 0;
+          }
+        }
+        &.price {
+          width: auto;
+          font-weight: bold;
+        }
+      }
+
+      .transaction-card-content-wrapper {
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+
+        .content-base {
+          width: inherit;
+          display: grid;
+          grid-template-columns: 1fr 1fr 1fr 1fr;
+          grid-template-rows: 1fr;
+          grid-column-gap: 5px;
+          margin-bottom: 5px;
+        }
+
+        .content-expanded {
+          width: inherit;
+          display: grid;
+          grid-template-columns: 1fr 3fr;
+          grid-template-rows: 1fr;
+          grid-column-gap: 5px;
+        }
+
+        .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+          overflow: hidden;
+          .transaction-line-button {
+            width: auto;
+          }
+          &.fit-content {
+            width: fit-content;
+            min-width: 50%;
+          }
+        }
+      }
+    }
+
+  }
+}

package/lib/component/transaction-card/transaction-card-purchase-overview/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-card-purchase-overview-theme') {
+  .co-transaction-card-purchase-overview {
+  }
+}

package/lib/component/transaction-card/transaction-card-purchase-overview/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-card/transaction-card-purchase-overview/transaction-card-purchase-overview.component.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+export declare class TransactionCardPurchaseOverviewComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    service: TransactionService;
+    private _transactionEventService;
+    readonly transactionTypeCategory: typeof TransactionTypeCategory;
+    expanded: boolean;
+    selected: boolean;
+    showCheckboxForLine: boolean;
+    private _subs;
+    showClass(): boolean;
+    constructor(service: TransactionService, _transactionEventService: TransactionEventService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected transactionLineSet(): void;
+}

package/lib/component/transaction-card/transaction-card-purchase-overview/transaction-card-purchase-overview.module.d.ts

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

package/lib/component/transaction-card/transaction-card-sales-overview/style/_layout.scss

@@ -0,0 +1,67 @@
+@include export-module('cc-transaction-card-sales-overview-layout') {
+  .co-transaction-card-sales-overview {
+
+    .transaction-card-sales-overview-wrapper {
+      background: white;
+      border-radius: 11px;
+      border: 1px solid $tp-color-border;
+      padding: 12px;
+
+      co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid $tp-color-border;
+        border-radius: 10px;
+        width: 100px;
+        min-width: 100px;
+        height: 26px;
+        .co-input-text {
+          width: 80%;
+          height: 95%;
+          input {
+            margin: 4px 0 0;
+          }
+        }
+        &.price {
+          width: auto;
+          font-weight: bold;
+        }
+      }
+
+      .transaction-card-content-wrapper {
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+
+        .content-base {
+          width: inherit;
+          display: grid;
+          grid-template-columns: 1fr 1fr 1fr 1fr;
+          grid-template-rows: 1fr;
+          grid-column-gap: 5px;
+          margin-bottom: 5px;
+        }
+
+        .content-expanded {
+          width: inherit;
+          display: grid;
+          grid-template-columns: 1fr 3fr;
+          grid-template-rows: 1fr;
+          grid-column-gap: 5px;
+        }
+
+        .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+          overflow: hidden;
+          .transaction-line-button {
+            width: auto;
+          }
+          &.fit-content {
+            width: fit-content;
+            min-width: 50%;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-sales-overview/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-card-sales-overview-theme') {
+  .co-transaction-card-sales-overview {
+  }
+}

package/lib/component/transaction-card/transaction-card-sales-overview/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-card/transaction-card-sales-overview/transaction-card-sales-overview.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from "@angular/core";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionLineActionButtonsComponent } from "../../transaction-line-action-buttons/transaction-line-action-buttons.component";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
+import { DictionaryService } from "../../../service/dictionary.service";
+export declare class TransactionCardSalesOverviewComponent extends TransactionBaseComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    transactionService: TransactionService;
+    private _dictionaryService;
+    readonly category: typeof TransactionTypeCategory;
+    transactionLineActionButtons: TransactionLineActionButtonsComponent;
+    showClass(): boolean;
+    expanded: boolean;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _dictionaryService: DictionaryService);
+    ngOnInit(): void;
+    handleOpenArticleText(text: string): void;
+}

package/lib/component/transaction-card/transaction-card-sales-overview/transaction-card-sales-overview.module.d.ts

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