@colijnit/transaction 300.1.33 → 300.1.34

package/index.d.ts

@@ -336,6 +336,7 @@ import * as i13 from '@angular/cdk/drag-drop';
 import { CdkDrag, CdkDropList, CdkDragEnter, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transaction-line-type.enum';
 import { TransactionLineMarginInfo } from '@colijnit/transactionapi/build/model/transaction-line-margin-info.bo';
+import { TransactionType } from '@colijnit/transactionapi/build/enum/transaction-type.enum';
 import { PaymentLineType } from '@colijnit/transactionapi/build/enum/payment-line-type';
 import * as i4 from '@angular/cdk/scrolling';
 import { RelationContactLink } from '@colijnit/relationapi/build/model/relation-contact-link.bo';
@@ -960,6 +961,7 @@ declare class TransactionEventService {
     }>;
     readonly refreshHistoricReports: Subject<void>;
     readonly transactionCommitted: BehaviorSubject<boolean>;
+    readonly transactionSaved: Subject<void>;
     readonly transportContainerChosen: BehaviorSubject<Container>;
     readonly transportTransactionRequestUpdated: BehaviorSubject<SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest>;
     readonly transportTransactionRemoveRequestUpdated: BehaviorSubject<RemoveTransactionFromContainerRequest>;
@@ -2231,6 +2233,7 @@ declare enum Icon {
     Remark = "remark",
     Resize = "resize",
     Return = "return",
+    SaveDisk = "save_disk",
     ScrewdriverWrenchLight = "screwdriver_wrench_light",
     ScrewdriverWrenchRegular = "screwdriver_wrench_regular",
     ServiceCartRegular = "service_cart_regular",
@@ -2323,6 +2326,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     currentTransactionDate: Date;
     autoSave: boolean;
     manualSaveParam: boolean;
+    manualSaveOverride: boolean | undefined;
     applicationUser: boolean;
     invoiceAddressSameAsDelivery: boolean;
     afterSalesSystemParam: boolean;
@@ -2332,6 +2336,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     headerReadonly: boolean;
     transactionDialogOpen: boolean;
     get manualSaveActive(): boolean;
+    get autoSaveToggleAvailable(): boolean;
     set activeRubric(value: TransactionTypeCategory);
     get activeRubric(): TransactionTypeCategory;
     getRelationOnRememberCurrentTransaction: boolean;
@@ -2414,6 +2419,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     prepareDirectSellInternalParam(): Promise<void>;
     prepareJsPickingListInternalParam(): Promise<void>;
     prepareManualSaveInternalParam(): void;
+    setManualSave(manualSave: boolean): Promise<void>;
     prepareAfterSalesSystemParam(): Promise<void>;
     prepareCanChangeRelationParam(): Promise<void>;
     prepareCanChangeSalesOrderWhenFullyInvoicedParam(): Promise<void>;
@@ -2445,6 +2451,8 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     getRefTransactions(transId: number): Promise<RefTransaction[]>;
     getPurchasePortalLines(request: GetPurchasePortalLine): Promise<PurchasePortalLine[]>;
     saveTransactionAndCommit(response?: TransactionInfoResponse, commitTransaction?: boolean): Promise<boolean>;
+    saveTransactionAndCommitIfAutoSave(response: TransactionInfoResponse): Promise<boolean>;
+    saveTransactionAndCommitIfDirty(): Promise<boolean>;
     rememberCurrentTransaction(value: TransactionInfoResponse, fromHeader?: boolean): Promise<void>;
     checkRefTransaction(): Promise<void>;
     refreshCurrentTransaction(): Promise<void>;
@@ -2552,7 +2560,7 @@ declare class TransactionService extends PendingReasonService {
     changeHeaderTransactionType(uuid: string, transactionType: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionProjectCode(uuid: string, projectCode: number, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionPaymentCondition(uuid: string, condition: string, saveTransaction: boolean): Promise<boolean>;
-    updateHeaderTransactionHanldedBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
+    updateHeaderTransactionHandledBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
     updateHeaderTransactionMarketing(uuid: string, code: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionDiscount(uuid: string, type: DiscountType, amount: number, saveTransaction: boolean, reason?: string, code?: string): Promise<boolean>;
     updateHeaderTransactionScoringChance(request: ChangeHeaderScoringChanceRequest, saveTransaction: boolean): Promise<boolean>;
@@ -5110,6 +5118,7 @@ declare class TransactionOverviewLineComponent extends TransactionLineBaseCompon
     protected dictionaryService: DictionaryService;
     protected changeDetector: ChangeDetectorRef;
     readonly category: typeof TransactionTypeCategory;
+    readonly TransactionType: typeof TransactionType;
     readonly icons: typeof Icon;
     readonly isNaN: typeof isNaN;
     readonly TableName: typeof TableName;
@@ -7860,6 +7869,7 @@ declare class TransactionSearchSalesLineSelectTileComponent extends TransactionS
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     showClass(): boolean;
     extendedTransactionSearch: boolean;
     returnWizardLayout: boolean;
@@ -7935,6 +7945,7 @@ declare class TransactionLineTileModule {
 declare class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
     iconCacheService: IconCacheService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     statusBarConfigNames: StatusBarCfgNames;
     set showAvatar(value: boolean);
     get showAvatar(): boolean;
@@ -14502,6 +14513,7 @@ declare class TransactionSalesReservationPopupComponent implements OnInit {
 
 declare class TransactionHeaderComponent {
     iconCacheService: IconCacheService;
+    transactionService: TransactionService;
     readonly cfgNames: typeof TransactionCfgName;
     readonly icons: typeof Icon;
     toggleHeader: boolean;
@@ -14514,8 +14526,9 @@ declare class TransactionHeaderComponent {
     isCashOrPurchaseQuotationOrder: boolean;
     isSalesQuotationOrder: boolean;
     private _transaction;
-    constructor(iconCacheService: IconCacheService);
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     expandHeader(): void;
+    toggleAutoSave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionHeaderComponent, "co-transaction-header", never, { "transaction": { "alias": "transaction"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -14682,7 +14695,7 @@ declare class TransactionHeaderPaymentModule {
 
 declare class TransactionHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule], [typeof TransactionHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderModule>;
 }
 
@@ -17256,7 +17269,7 @@ declare class TransactionHeaderCustomerPortalComponent {
 
 declare class TransactionHeaderCustomerPortalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderCustomerPortalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest], [typeof TransactionHeaderCustomerPortalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderCustomerPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderCustomerPortalModule>;
 }
 

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

@@ -5,7 +5,6 @@
     display: block;
     font-family: $tp-co-transaction-header-font-family;
     font-size: $tp-co-transaction-header-font-size;
-    cursor: pointer;
     .transaction-header-wrapper {
       display: flex;
       flex-direction: row;
@@ -68,6 +67,23 @@
         margin: $tp-co-transaction-header-divider-margin;
       }
     }
+    .transaction-delivery-carousel-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      .auto-save-toggle-icon-wrapper {
+        cursor: pointer;
+        margin: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin;
+        padding: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding;
+        border-radius: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius;
+        border-width: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width;
+        border-style: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style;
+      }
+      .auto-save-toggle-icon {
+        width: $tp-co-transaction-header-auto-save-toggle-icon-size;
+        height: $tp-co-transaction-header-auto-save-toggle-icon-size;
+      }
+    }
     .expand-transaction-header {
       width: $tp-co-transaction-header-expand-button-size;
       height: $tp-co-transaction-header-expand-button-size;
@@ -83,7 +99,7 @@
         height: $tp-co-transaction-header-expand-button-icon-size;
       }
     }
-    co-transaction-header-delivery-date {
+    .co-transaction-header-delivery-date {
       .input-text-wrapper {
         align-items: center;
         .input-wrapper {

package/lib/component/transaction-header/transaction-header/style/_material-definition.scss

@@ -18,3 +18,12 @@ $tp-co-transaction-header-expand-button-bottom: -10px !default;
 $tp-co-transaction-header-expand-button-border-radius: 100% !default;
 $tp-co-transaction-header-expand-button-icon-size: 20px !default;
 
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin: 0 10px 0 0 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width: 1px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style: solid !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-size: 20px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background-active: $tp-color-action !default;

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

@@ -10,5 +10,20 @@
     .transaction-header-divider {
       background-color: $tp-co-transaction-header-border-color;
     }
+    .transaction-delivery-carousel-wrapper {
+      .auto-save-toggle-icon-wrapper {
+        border-color: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color;
+      }
+      .auto-save-toggle-icon {
+        &.active {
+          svg { // for fontawesome icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+          & [fill] { // for own icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+        }
+      }
+    }
   }
 }

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

@@ -144,7 +144,7 @@
         border-radius: 4px;
         display: flex;
         gap: 10px;
-        co-icon {
+        .co-icon {
           height: 20px;
           width: 20px;
           &.active {

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

@@ -3,7 +3,6 @@
 @include export-module('co-transaction-header-relation-layout') {
   .co-transaction-header-relation {
     display: flex;
-    cursor: pointer;
     .transaction-header-relation-dialog {
       .co-transaction-header-block {
         padding: 4px 0;

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

@@ -10,11 +10,6 @@
     padding: $tp-transaction-line-padding;
     border-width: $tp-transaction-line-border-width;
     position: relative;
-    &.active {
-      box-shadow: 0 0 3px 2px #1a73e8a3;
-      border-radius: 4px;
-      border-color: #1a73e873;
-    }
     .transaction-base-line-wrapper {
       column-gap: $tp-transaction-line-column-gap;
     }

package/lib/component/transaction-line-side-panel/style/_layout.scss

@@ -82,7 +82,7 @@
           gap: 0;
         }
         .button-title {
-          font-size: 9px;
+          font-size: $tp-transaction-line-side-panel-button-wrapper-title-font-size;
         }
         .co-transaction-button-bar-button {
           .button-wrapper {
@@ -254,6 +254,7 @@
     .co-transaction-button-bar {
       .button-wrapper {
         background: $tp-transaction-line-side-panel-background;
+        padding: $tp-transaction-line-side-panel-button-wrapper-padding;
       }
     }
     .co-simple-grid {

package/lib/component/transaction-line-side-panel/style/_material-definition.scss

@@ -24,6 +24,8 @@ $tp-transaction-line-side-panel-simple-grid-background: #f8f8fa !default;
 $tp-transaction-line-side-panel-simple-grid-font-size: 10px !default;
 $tp-transaction-line-side-panel-simple-grid-padding: 5px !default;
 $tp-transaction-line-side-panel-simple-grid-border-radius: 0 !default;
+$tp-transaction-line-side-panel-button-wrapper-padding: 0 3px !default;
+$tp-transaction-line-side-panel-button-wrapper-title-font-size: 8px !default;
 
 $tp-transaction-line-side-history-grid-padding: 15px 30px !default;
 $tp-transaction-line-side-history-grid-header-vertical-align: baseline !default;

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

@@ -31,6 +31,9 @@
     display: flex;
     align-items: center;
     position: relative;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
 
   .draggable-transaction-line.cdk-drag-placeholder {
@@ -47,6 +50,9 @@
 
   .draggable-transaction-line:last-child {
     border: none;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
   .transaction-lines-drag-drop-list.cdk-drop-list-dragging .draggable-transaction-line:not(.cdk-drag-placeholder) {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);

package/lib/style/transaction-globals.scss

@@ -1,9 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap');
 
 @import "./variables";
-@import "../component/transaction-line/transaction-line-toolbar/style/material";
-@import "../component/transaction-sales-person-input/style/material";
-@import "../component/transaction-header-handled-by/style/material";
 
 .co-transaction-hidden {
   display: none !important; // todo find other way to hide components, eg remove from dom

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "300.1.33",
+  "version": "300.1.34",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -19,7 +19,7 @@
     "@colijnit/relationapi": ">=300.1.1",
     "@colijnit/sharedapi": ">=1.0.20",
     "@colijnit/sharedcomponents": ">=300.1.13",
-    "@colijnit/transactionapi": ">=300.1.15"
+    "@colijnit/transactionapi": ">=300.1.16"
   },
   "dependencies": {
     "tslib": "^2.8.1"