@colijnit/transaction 262.1.60 → 262.1.62

package/index.d.ts

@@ -954,6 +954,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>;
@@ -2204,6 +2205,7 @@ declare enum Icon {
     RegularWarehouseClock = "regular_warehouse_clock",
     Remark = "remark",
     Resize = "resize",
+    SaveDisk = "save_disk",
     ScrewdriverWrenchLight = "screwdriver_wrench_light",
     ScrewdriverWrenchRegular = "screwdriver_wrench_regular",
     ServiceCartRegular = "service_cart_regular",
@@ -2294,6 +2296,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     currentBranch: string;
     autoSave: boolean;
     manualSaveParam: boolean;
+    manualSaveOverride: boolean | undefined;
     applicationUser: boolean;
     invoiceAddressSameAsDelivery: boolean;
     afterSalesSystemParam: boolean;
@@ -2303,6 +2306,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;
@@ -2385,6 +2389,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>;
@@ -2414,6 +2419,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): Promise<void>;
     checkRefTransaction(): Promise<void>;
     refreshCurrentTransaction(): Promise<void>;
@@ -2518,7 +2525,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>;
@@ -10047,7 +10054,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -10073,7 +10080,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
     constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
     ngOnDestroy(): void;
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
     private handleDocumentClick;
@@ -10125,7 +10132,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -14188,6 +14195,7 @@ declare class TransactionSalesReservationPopupComponent implements OnInit {
 
 declare class TransactionHeaderComponent {
     iconCacheService: IconCacheService;
+    transactionService: TransactionService;
     readonly cfgNames: typeof TransactionCfgName;
     readonly icons: typeof Icon;
     toggleHeader: boolean;
@@ -14200,8 +14208,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>;
 }
@@ -14368,7 +14377,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>;
 }
 
@@ -16663,7 +16672,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/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": "262.1.60",
+  "version": "262.1.62",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",