@colijnit/transaction 255.1.51 → 255.1.52

package/fesm2015/colijnit-transaction.js

@@ -277,8 +277,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "255.1.51";
-        this.publishDate = "17/10/2024, 11:06:14";
+        this.symVer = "255.1.52";
+        this.publishDate = "22/10/2024, 19:45:30";
     }
 }
 
@@ -16521,6 +16521,8 @@ class TransactionSearchService {
             [TransactionKind.CashDesk, "SEARCH_NUMBER_OR_CUSTOMER"]
         ]);
         this.transactionsPerPage = 20;
+        this.resultSubject = new BehaviorSubject(false);
+        this.resultsUpdated = this.resultSubject.asObservable();
         this._currentPage = 1;
         this._transactionType = TransactionKind.SalesOrder;
         this._subs = [];
@@ -16576,6 +16578,7 @@ class TransactionSearchService {
                 var _a, _b;
                 this.transactions = (_a = result.transactions) !== null && _a !== void 0 ? _a : [];
                 this.resultCount = (_b = result.count) !== null && _b !== void 0 ? _b : undefined;
+                this.resultSubject.next(true);
             });
             this.setPreviousSearchRequest();
         });
@@ -16973,6 +16976,7 @@ class TransactionSearchTileBaseComponent {
         this.cfgNames = TransactionCfgName;
         this.icons = Icon;
         this.transactionClick = new EventEmitter();
+        this.selectedClick = new EventEmitter();
     }
     showClass() {
         return true;
@@ -16980,6 +16984,9 @@ class TransactionSearchTileBaseComponent {
     onTransactionClick(transaction) {
         this.transactionClick.emit(transaction);
     }
+    onSelectedClick(transaction) {
+        this.selectedClick.emit(transaction);
+    }
 }
 TransactionSearchTileBaseComponent.decorators = [
     { type: Directive }
@@ -16991,6 +16998,7 @@ TransactionSearchTileBaseComponent.propDecorators = {
     showCheckbox: [{ type: Input }],
     transaction: [{ type: Input }],
     transactionClick: [{ type: Output }],
+    selectedClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-search-tile-content",] }]
 };
 
@@ -17098,7 +17106,7 @@ TransactionSearchSalesOrderTileComponent.decorators = [
       <div class="tile">
         <div class="tile-header">
           <div class="tile-upper-left" *ngIf="showAvatar">
-            <div class="transaction-tile-avatar" >
+            <div class="transaction-tile-avatar">
               <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
             </div>
           </div>
@@ -17110,20 +17118,23 @@ TransactionSearchSalesOrderTileComponent.decorators = [
             <div class="text"><span [textContent]="transaction.brancheName"></span></div>
           </div>
           <div class="tile-upper-right">
-            <div class="status-bar-wrapper"  (click)="$event.stopPropagation()">
+            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
               <co-transaction-statusbar
-                  [screenConfigurationObject]="cfgNames.StatusBar"
-                  [configNames]="statusBarConfigNames"
-                  [transaction]="transaction"></co-transaction-statusbar>
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transaction]="transaction"></co-transaction-statusbar>
             </div>
-            <div class="header total-price-vat"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
+            <div class="header total-price-vat"><span
+              [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
         </div>
         <div class="tile-body">
           <div class="tile-middle-left">
-            <co-input-checkbox *ngIf="showCheckbox"
-                [(model)]="transaction.selected"
-            ></co-input-checkbox>
+            <co-input-checkbox
+              *ngIf="showCheckbox"
+              [(model)]="transaction.selected"
+              (modelChange)="onSelectedClick(transaction)">
+            </co-input-checkbox>
           </div>
           <div class="tile-middle-middle">
             <div class="text"><span [textContent]="transaction.relationName"></span></div>
@@ -17133,27 +17144,27 @@ TransactionSearchSalesOrderTileComponent.decorators = [
         </div>
         <div class="tile-footer">
           <div class="tile-bottom-left order-info-section">
-              <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
-              <div class="value">
-                <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
+            <div class="label"><span [textContent]="'ORDER_DATE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="transaction.getTransDate() | date:'dd MMM yyyy'"></span></div>
           </div>
           <div class="tile-bottom-middle order-info-section">
-              <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
-              <div class="value">
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
-                <div *ngIf="transaction.getDeliveryDate()">
-                  <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-                           [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                  <ng-template #indefinite>
-                    <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                  </ng-template>
-                </div>
+            <div class="label"><span [textContent]="'DELIVERY_DATE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="transaction.getDeliveryDate() | date:'dd MMM yyyy'"></span>
+              <div *ngIf="transaction.getDeliveryDate()">
+                <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+                         [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                <ng-template #indefinite>
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                </ng-template>
               </div>
+            </div>
           </div>
           <div class="tile-bottom-right order-info-section">
-              <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
-              <div class="value">
-                <span [textContent]="'68/00'"></span></div>
+            <div class="label"><span [textContent]="'ORDER_RULE' | localize"></span></div>
+            <div class="value">
+              <span [textContent]="'68/00'"></span></div>
           </div>
         </div>
       </div>
@@ -47495,6 +47506,7 @@ class TransactionSearchTileComponent {
         this._changeDetector = _changeDetector;
         this.searchService = searchService;
         this.transactionClick = new EventEmitter();
+        this.selectedClick = new EventEmitter();
     }
     set container(content) {
         if (content) {
@@ -47546,6 +47558,9 @@ class TransactionSearchTileComponent {
         this._componentRef.instance.transactionClick.subscribe(transaction => {
             this.transactionClick.emit(transaction);
         });
+        this._componentRef.instance.selectedClick.subscribe(transaction => {
+            this.selectedClick.emit(transaction);
+        });
         const domElem = this._componentRef.hostView
             .rootNodes[0];
         this._transactionSearchTileContainer.nativeElement.appendChild(domElem);
@@ -47577,6 +47592,7 @@ TransactionSearchTileComponent.propDecorators = {
     showCheckbox: [{ type: Input }],
     transaction: [{ type: Input }],
     transactionClick: [{ type: Output }],
+    selectedClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-search-tile",] }]
 };
 
@@ -47611,6 +47627,7 @@ class TransactionSearchResultComponent {
         this.batchDeliveryButtonLoader = true;
         this.selectAllOrders = false;
         this.showProcessOrdersLoader = false;
+        this.selectedTransactions = [];
         this._subs = [];
     }
     set activeContentViewMode(value) {
@@ -47647,6 +47664,10 @@ class TransactionSearchResultComponent {
             if (config && config.length > 0) {
                 this.screenConfigLoaded = true;
             }
+        }), this.searchService.resultsUpdated.subscribe(() => {
+            if (this.salesOrdersPageActive && this.batchCategory === 'levering') {
+                this.markSelectedTransactions();
+            }
         }));
     }
     ngOnDestroy() {
@@ -47656,6 +47677,18 @@ class TransactionSearchResultComponent {
         this.selectedTransaction = transaction;
         this.transactionClick.emit(transaction);
     }
+    onSelectedClick(transaction) {
+        if (transaction.selected) {
+            this.selectedTransactions.push(transaction);
+        }
+        else {
+            const transId = transaction.transId;
+            const index = this.selectedTransactions.findIndex(transaction => transaction.transId === transId);
+            if (index !== -1) {
+                this.selectedTransactions.splice(index, 1);
+            }
+        }
+    }
     onPreviousClick() {
         this.searchService.currentPage -= 1;
     }
@@ -47665,6 +47698,16 @@ class TransactionSearchResultComponent {
     onPageClick(pageNr) {
         this.searchService.currentPage = pageNr;
     }
+    markSelectedTransactions() {
+        if (this.searchService.resultsUpdated) {
+            this.searchService.transactions.forEach(transaction => {
+                const matchingObject = this.selectedTransactions.find(selectedTransaction => selectedTransaction.transId === transaction.transId);
+                if (matchingObject) {
+                    transaction.selected = true;
+                }
+            });
+        }
+    }
     dragStarted(ev, transaction) {
         this._deliveryPlanningService.dragging = true;
         this._deliveryPlanningService.currentTransId = transaction.transId;
@@ -47710,8 +47753,12 @@ class TransactionSearchResultComponent {
             });
         });
     }
-    onSelectAllOrders() {
-        this.searchService.transactions.forEach(item => item.selected = !item.selected);
+    onSelectAllOrders(allSelected) {
+        this.searchService.transactions.forEach(item => item.selected = !allSelected);
+        this.selectedTransactions = [];
+        if (!allSelected) {
+            this.selectedTransactions.push(...this.searchService.transactions);
+        }
     }
     _createRequestLines(selectedLines) {
         return selectedLines.map((line) => {
@@ -47732,8 +47779,8 @@ TransactionSearchResultComponent.decorators = [
         *ngIf="searchService.transactions?.length > 0 && salesOrdersPageActive && batchCategory === 'levering'">
         <co-input-checkbox
           [model]="checkIfAllSelected()"
-          label="Select All Orders"
-          (modelChange)="onSelectAllOrders()">
+          [label]="'SELECT_ALL_ORDERS' | localize"
+          (modelChange)="onSelectAllOrders(checkIfAllSelected())">
         </co-input-checkbox>
         <co-quick-send-button
           *ngIf="checkIfSelected()"
@@ -47753,7 +47800,8 @@ TransactionSearchResultComponent.decorators = [
             [transaction]="transaction"
             [showCheckbox]="salesOrdersPageActive && batchCategory === 'levering'"
             [class]="transaction === selectedTransaction ? 'selected' : ''"
-            (transactionClick)="onTransactionClick($event)">
+            (transactionClick)="onTransactionClick($event)"
+            (selectedClick)="onSelectedClick($event)">
           </co-transaction-search-tile>
         </div>
       </div>