@colijnit/transaction 262.1.0 → 262.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/fesm2022/colijnit-transaction.mjs +690 -603
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +17 -2
  4. package/lib/component/returns/return-wizard/return-lines-wizard/style/_layout.scss +5 -1
  5. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  6. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  7. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  8. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  9. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  10. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  11. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  12. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  13. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  14. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  15. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  16. package/package.json +2 -2
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -129,6 +129,7 @@ import { ContainerInfo } from '@colijnit/mainapi/build/model/container-info.bo';
129
129
  import { ContainerType } from '@colijnit/mainapi/build/model/container-type.bo';
130
130
  import { ContactMoment } from '@colijnit/transactionapi/build/model/contact-moment.bo';
131
131
  import { DiscountCode } from '@colijnit/transactionapi/build/model/discount-code.bo';
132
+ import { SuggestedReceiptLocation } from '@colijnit/transactionapi/build/model/suggested-receipt-location';
132
133
  import { ObjectUtils } from '@colijnit/ioneconnector/build/utils/object-utils';
133
134
  import * as i1 from '@angular/platform-browser';
134
135
  import { trigger, state, transition, style, animate } from '@angular/animations';
@@ -354,8 +355,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
354
355
  class Version {
355
356
  name = "@colijnit/transaction";
356
357
  description = "Colijn IT transaction package";
357
- symVer = "262.1.0";
358
- publishDate = "4/14/2026, 10:48:33 AM";
358
+ symVer = "262.1.1";
359
+ publishDate = "14-4-2026, 17:54:15";
359
360
  }
360
361
 
361
362
  class CheckoutModuleService extends BaseModuleService {
@@ -4720,6 +4721,16 @@ class TransactionConnectorAdapterService {
4720
4721
  return null;
4721
4722
  }
4722
4723
  }
4724
+ async getSuggestedReceiptLocationsByTransId(transId) {
4725
+ const response = await this.connector.getSuggestedReceiptLocationsByTransId(transId);
4726
+ if (response && response.validationResult && response.validationResult.success) {
4727
+ return this._boFactory.makeBOArrayFromRawBackendDataArray(SuggestedReceiptLocation, response.resultObject);
4728
+ }
4729
+ else {
4730
+ this._handleExceptionFromResponse(response);
4731
+ return null;
4732
+ }
4733
+ }
4723
4734
  async printPackageSticker(printRequest) {
4724
4735
  const response = await this.connector.printPackageSticker(printRequest);
4725
4736
  if (response.validationResult && response.validationResult.success) {
@@ -8572,6 +8583,9 @@ class TransactionConnectorService {
8572
8583
  async receiveGoodsForInterBranchOrder(request) {
8573
8584
  return this._adapterService.functionCall(this._adapterService.receiveGoodsForInterbranchOrder, [request]);
8574
8585
  }
8586
+ async getSuggestedReceiptLocationsByTransId(transId) {
8587
+ return this._adapterService.functionCall(this._adapterService.getSuggestedReceiptLocationsByTransId, [transId]);
8588
+ }
8575
8589
  async printPackageSticker(printRequest) {
8576
8590
  return this._adapterService.functionCall(this._adapterService.printPackageSticker, [printRequest]);
8577
8591
  }
@@ -9893,6 +9907,10 @@ class TransactionBaseService extends BaseModuleService {
9893
9907
  const response = await this.connector.getInternalParameterValue(param);
9894
9908
  return response && response === 'J';
9895
9909
  }
9910
+ async getCashLimitValue(param) {
9911
+ const response = await this.connector.getInternalParameterValue(param);
9912
+ return response ? parseInt(response) : undefined;
9913
+ }
9896
9914
  async getInternalDefault(param) {
9897
9915
  return await this.connector.getInternalDefaultValue(param);
9898
9916
  }
@@ -11347,9 +11365,15 @@ class TransactionService extends PendingReasonService {
11347
11365
  }
11348
11366
  }
11349
11367
  async addSalesReturnLine(request) {
11350
- const response = await this.connector.addSalesReturnLine(request);
11351
- if (response) {
11352
- return await this.handleLineOperationStatuses(response);
11368
+ const lockSuccess = await this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version);
11369
+ if (lockSuccess) {
11370
+ const response = await this.connector.addSalesReturnLine(request);
11371
+ if (response) {
11372
+ return await this.handleLineOperationStatuses(response);
11373
+ }
11374
+ else {
11375
+ return false;
11376
+ }
11353
11377
  }
11354
11378
  else {
11355
11379
  return false;
@@ -11751,6 +11775,9 @@ class TransactionService extends PendingReasonService {
11751
11775
  return success;
11752
11776
  }
11753
11777
  }
11778
+ async getSuggestedReceiptLocationsByTransId(transId) {
11779
+ return await this.connector.getSuggestedReceiptLocationsByTransId(transId);
11780
+ }
11754
11781
  async printPackageSticker(printRequest) {
11755
11782
  return await this.connector.printPackageSticker(printRequest);
11756
11783
  }
@@ -14971,6 +14998,8 @@ class TransactionLineService {
14971
14998
  this.lineQuantityPurchaseConfirmed = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityPurchaseConfirmed') ? this._transactionLine.articleLineStatus.quantityPurchaseConfirmed : 0;
14972
14999
  this.lineQuantityTransportNotification = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityTransportNotification') ? this._transactionLine.articleLineStatus.quantityTransportNotification : 0;
14973
15000
  this.lineQuantityInvoiceControl = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityInvoiceControl') ? this._transactionLine.articleLineStatus.quantityInvoiceControl : 0;
15001
+ this.lineQuantitySignedOff = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantitySignedOff') ? this._transactionLine.articleLineStatus.quantitySignedOff : 0;
15002
+ this.lineQuantityReturnRequested = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasOwnProperty('quantityReturnRequested') ? this._transactionLine.articleLineStatus.quantityReturnRequested : 0;
14974
15003
  this.transactionLine.quantityToAllocate = this.lineQuantityToAllocate;
14975
15004
  this.transactionLine.quantityForTransportNotification = this.transactionLine.amount - this.lineQuantityTransportNotification;
14976
15005
  this.transactionLine.visible = this.lineVisible;
@@ -15016,6 +15045,8 @@ class TransactionLineService {
15016
15045
  lineQuantityPurchaseConfirmed = 0;
15017
15046
  lineQuantityTransportNotification = 0;
15018
15047
  lineQuantityInvoiceControl = 0;
15048
+ lineQuantitySignedOff = 0;
15049
+ lineQuantityReturnRequested = 0;
15019
15050
  decimals = 0;
15020
15051
  isText = false;
15021
15052
  isArticle = true;
@@ -34637,19 +34668,14 @@ class TransactionPaymentService {
34637
34668
  // });
34638
34669
  // }
34639
34670
  async _handleCashLimitCheck() {
34640
- let cashValueLimit = await this._transactionService.getCashPaymentValueByTransId(this.transId);
34641
- let doesNotHaveLimit = await this._transactionService.getInternalParameter(InternalParam.ThresholdCashPaymentMessage);
34642
- if (doesNotHaveLimit) {
34671
+ let payedAmount = await this._transactionService.getCashPaymentValueByTransId(this.transId);
34672
+ const limit = await this._transactionService.getCashLimitValue(InternalParam.ThresholdCashPaymentMessage);
34673
+ if (limit === undefined) {
34643
34674
  return true;
34644
34675
  }
34645
- else {
34646
- if (cashValueLimit === undefined) {
34647
- return true;
34648
- }
34649
- else if (cashValueLimit < this.amountToPay || (cashValueLimit === 0 && this.amountToPay > 0)) {
34650
- const response = await this._dialogService.showYesNo('CASH_THRESHOLD', 'CASH_THRESHOLD_MESSAGE');
34651
- return response.button === AppPopupButtonType.Yes;
34652
- }
34676
+ else if (limit < (payedAmount + this.amountToPay)) {
34677
+ const response = await this._dialogService.showYesNo('CASH_THRESHOLD', 'CASH_THRESHOLD_MESSAGE');
34678
+ return response.button === AppPopupButtonType.Yes;
34653
34679
  }
34654
34680
  return true;
34655
34681
  }
@@ -45079,6 +45105,10 @@ class QuestionAnswerComponent {
45079
45105
  this.allQuestionsAnswered = wizardFinished;
45080
45106
  this.wizardFinished.emit(wizardFinished);
45081
45107
  }
45108
+ resetResult() {
45109
+ this.qaResult = [];
45110
+ this.questionAnswered = false;
45111
+ }
45082
45112
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QuestionAnswerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
45083
45113
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: QuestionAnswerComponent, isStandalone: false, selector: "co-question-answer-item", inputs: { question: "question", answers: "answers" }, outputs: { qaResultChange: "qaResultChange", wizardFinished: "wizardFinished" }, host: { properties: { "class.co-question-answer-item": "this.showClass" } }, ngImport: i0, template: `
45084
45114
  <section class="question-item">
@@ -45183,6 +45213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
45183
45213
 
45184
45214
  class ServiceWizardQaComponent {
45185
45215
  transactionService;
45216
+ qaComponent;
45186
45217
  wizardFinished = new EventEmitter();
45187
45218
  skipWizard = new EventEmitter();
45188
45219
  serviceWizardQuestion = new ServiceWizardQuestion();
@@ -45191,14 +45222,7 @@ class ServiceWizardQaComponent {
45191
45222
  this.transactionService = transactionService;
45192
45223
  }
45193
45224
  async ngOnInit() {
45194
- await this.transactionService.getServiceWizard().then(response => {
45195
- if (response.serviceWizardQuestion) {
45196
- this.serviceWizardQuestion = response.serviceWizardQuestion;
45197
- }
45198
- else {
45199
- this.skipWizard.emit();
45200
- }
45201
- });
45225
+ await this.getServiceWizard();
45202
45226
  }
45203
45227
  onQaResultChange(newVResult) {
45204
45228
  if (!this.qaResult.some(item => item.id === newVResult.id)) {
@@ -45208,6 +45232,20 @@ class ServiceWizardQaComponent {
45208
45232
  onWizardFinished(wizardFinished) {
45209
45233
  this.wizardFinished.emit(this.buildQAString());
45210
45234
  }
45235
+ resetWizard() {
45236
+ this.qaComponent.resetResult();
45237
+ this.getServiceWizard();
45238
+ }
45239
+ async getServiceWizard() {
45240
+ await this.transactionService.getServiceWizard().then(response => {
45241
+ if (response.serviceWizardQuestion) {
45242
+ this.serviceWizardQuestion = response.serviceWizardQuestion;
45243
+ }
45244
+ else {
45245
+ this.skipWizard.emit();
45246
+ }
45247
+ });
45248
+ }
45211
45249
  buildQAString() {
45212
45250
  let qaText = "";
45213
45251
  if (this.qaResult && this.qaResult.length > 0) {
@@ -45219,8 +45257,9 @@ class ServiceWizardQaComponent {
45219
45257
  return qaText;
45220
45258
  }
45221
45259
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardQaComponent, deps: [{ token: TransactionService }], target: i0.ɵɵFactoryTarget.Component });
45222
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ServiceWizardQaComponent, isStandalone: false, selector: "co-service-wizard-qa", outputs: { wizardFinished: "wizardFinished", skipWizard: "skipWizard" }, ngImport: i0, template: `
45260
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ServiceWizardQaComponent, isStandalone: false, selector: "co-service-wizard-qa", outputs: { wizardFinished: "wizardFinished", skipWizard: "skipWizard" }, viewQueries: [{ propertyName: "qaComponent", first: true, predicate: ["qaComponent"], descendants: true }], ngImport: i0, template: `
45223
45261
  <co-question-answer-item
45262
+ #qaComponent
45224
45263
  [question]="serviceWizardQuestion?.question"
45225
45264
  [answers]="serviceWizardQuestion?.serviceWizardAnswerDTOList"
45226
45265
  (wizardFinished)="onWizardFinished($event)"
@@ -45234,6 +45273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
45234
45273
  selector: 'co-service-wizard-qa',
45235
45274
  template: `
45236
45275
  <co-question-answer-item
45276
+ #qaComponent
45237
45277
  [question]="serviceWizardQuestion?.question"
45238
45278
  [answers]="serviceWizardQuestion?.serviceWizardAnswerDTOList"
45239
45279
  (wizardFinished)="onWizardFinished($event)"
@@ -45243,7 +45283,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
45243
45283
  encapsulation: ViewEncapsulation.None,
45244
45284
  standalone: false
45245
45285
  }]
45246
- }], ctorParameters: () => [{ type: TransactionService }], propDecorators: { wizardFinished: [{
45286
+ }], ctorParameters: () => [{ type: TransactionService }], propDecorators: { qaComponent: [{
45287
+ type: ViewChild,
45288
+ args: ["qaComponent"]
45289
+ }], wizardFinished: [{
45247
45290
  type: Output
45248
45291
  }], skipWizard: [{
45249
45292
  type: Output
@@ -45656,250 +45699,250 @@ class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
45656
45699
  return `Week ${weekNumber}`;
45657
45700
  }
45658
45701
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
45659
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45660
-
45661
- <div class="transaction-order-lines-wrapper">
45662
- <div class="transaction-order-info">
45663
- @if (transaction.transType === 'R') {
45664
- <div class="order-detail-section">
45665
- <span [textContent]="'CREATED_ON' | localize"></span>
45666
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45667
- </div>
45668
- <div class="order-detail-section">
45669
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45670
- <span [textContent]="transaction.transNr"></span>
45671
- </div>
45672
- }
45673
- @if (transaction.transType !== 'R') {
45674
- <div class="order-number-info">
45675
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45676
- <span [textContent]="transaction.transNr"></span>
45677
- </div>
45678
- <div class="order-details-info">
45679
- <div class="order-detail-section">
45680
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45681
- <div class="value">
45682
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45683
- </div>
45684
- </div>
45685
- @if (transaction.getDeliveryDate()) {
45686
- <div class="order-detail-section">
45687
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45688
- @if (!transaction.deliveryDateDefinitive) {
45689
- <div class="value">
45690
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45691
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45692
- </div>
45693
- }
45694
- @if (transaction.deliveryDateDefinitive) {
45695
- <div class="value">
45696
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45697
- </div>
45698
- }
45699
- </div>
45700
- }
45701
- <div class="order-detail-section">
45702
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45703
- <div class="value"><span
45704
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45705
- </div>
45706
- </div>
45707
- </div>
45708
- }
45709
- </div>
45710
- </div>
45711
-
45712
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45713
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45714
- <div class="tile">
45715
- <div class="tile-header">
45716
- <div class="tile-upper-left">
45717
- <div class="transaction-tile-avatar">
45718
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45719
- <span [textContent]="transaction.transNr"></span>
45720
- </div>
45721
- </div>
45722
- <div class="tile-upper-middle">
45723
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45724
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45725
- </div>
45726
-
45727
- <div class="tile-upper-right">
45728
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45729
- <co-transaction-statusbar
45730
- [screenConfigurationObject]="cfgNames.StatusBar"
45731
- [configNames]="statusBarConfigNames"
45732
- [transaction]="transaction">
45733
- </co-transaction-statusbar>
45734
- </div>
45735
- </div>
45736
- </div>
45737
- <div class="tile-body">
45738
- <div class="tile-middle-left">
45739
- <co-input-checkbox
45740
- *ngIf="showCheckbox"
45741
- [(model)]="transaction.selected"
45742
- (modelChange)="onSelectedClick(transaction)"
45743
- ></co-input-checkbox>
45744
- </div>
45745
- <div class="tile-middle-middle">
45746
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45747
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45748
- </div>
45749
- <div class="tile-middle-right"></div>
45750
- </div>
45751
- <div class="tile-footer">
45752
- <div class="tile-bottom-left order-info-section">
45753
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45754
- <div class="value">
45755
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45756
- </div>
45757
- </div>
45758
- <div class="tile-bottom-middle order-info-section">
45759
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45760
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45761
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45762
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45763
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45764
- <ng-template #indefinite>
45765
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45766
- </ng-template>
45767
- </div>
45768
- </div>
45769
- <div class="tile-bottom-right order-info-section">
45770
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45771
- <div class="value"><span
45772
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45773
- </div>
45774
- </div>
45775
- </div>
45776
- </div>
45777
- </div-->
45702
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45703
+
45704
+ <div class="transaction-order-lines-wrapper">
45705
+ <div class="transaction-order-info">
45706
+ @if (transaction.transType === 'R') {
45707
+ <div class="order-detail-section">
45708
+ <span [textContent]="'CREATED_ON' | localize"></span>
45709
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45710
+ </div>
45711
+ <div class="order-detail-section">
45712
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45713
+ <span [textContent]="transaction.transNr"></span>
45714
+ </div>
45715
+ }
45716
+ @if (transaction.transType !== 'R') {
45717
+ <div class="order-number-info">
45718
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45719
+ <span [textContent]="transaction.transNr"></span>
45720
+ </div>
45721
+ <div class="order-details-info">
45722
+ <div class="order-detail-section">
45723
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45724
+ <div class="value">
45725
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45726
+ </div>
45727
+ </div>
45728
+ @if (transaction.getDeliveryDate()) {
45729
+ <div class="order-detail-section">
45730
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45731
+ @if (!transaction.deliveryDateDefinitive) {
45732
+ <div class="value">
45733
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45734
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45735
+ </div>
45736
+ }
45737
+ @if (transaction.deliveryDateDefinitive) {
45738
+ <div class="value">
45739
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45740
+ </div>
45741
+ }
45742
+ </div>
45743
+ }
45744
+ <div class="order-detail-section">
45745
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45746
+ <div class="value"><span
45747
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45748
+ </div>
45749
+ </div>
45750
+ </div>
45751
+ }
45752
+ </div>
45753
+ </div>
45754
+
45755
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45756
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45757
+ <div class="tile">
45758
+ <div class="tile-header">
45759
+ <div class="tile-upper-left">
45760
+ <div class="transaction-tile-avatar">
45761
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45762
+ <span [textContent]="transaction.transNr"></span>
45763
+ </div>
45764
+ </div>
45765
+ <div class="tile-upper-middle">
45766
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45767
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45768
+ </div>
45769
+
45770
+ <div class="tile-upper-right">
45771
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45772
+ <co-transaction-statusbar
45773
+ [screenConfigurationObject]="cfgNames.StatusBar"
45774
+ [configNames]="statusBarConfigNames"
45775
+ [transaction]="transaction">
45776
+ </co-transaction-statusbar>
45777
+ </div>
45778
+ </div>
45779
+ </div>
45780
+ <div class="tile-body">
45781
+ <div class="tile-middle-left">
45782
+ <co-input-checkbox
45783
+ *ngIf="showCheckbox"
45784
+ [(model)]="transaction.selected"
45785
+ (modelChange)="onSelectedClick(transaction)"
45786
+ ></co-input-checkbox>
45787
+ </div>
45788
+ <div class="tile-middle-middle">
45789
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45790
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45791
+ </div>
45792
+ <div class="tile-middle-right"></div>
45793
+ </div>
45794
+ <div class="tile-footer">
45795
+ <div class="tile-bottom-left order-info-section">
45796
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45797
+ <div class="value">
45798
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45799
+ </div>
45800
+ </div>
45801
+ <div class="tile-bottom-middle order-info-section">
45802
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45803
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45804
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45805
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45806
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45807
+ <ng-template #indefinite>
45808
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45809
+ </ng-template>
45810
+ </div>
45811
+ </div>
45812
+ <div class="tile-bottom-right order-info-section">
45813
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45814
+ <div class="value"><span
45815
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45816
+ </div>
45817
+ </div>
45818
+ </div>
45819
+ </div>
45820
+ </div-->
45778
45821
  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
45779
45822
  }
45780
45823
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, decorators: [{
45781
45824
  type: Component,
45782
45825
  args: [{
45783
45826
  selector: "co-transaction-order-tile",
45784
- template: `
45785
-
45786
- <div class="transaction-order-lines-wrapper">
45787
- <div class="transaction-order-info">
45788
- @if (transaction.transType === 'R') {
45789
- <div class="order-detail-section">
45790
- <span [textContent]="'CREATED_ON' | localize"></span>
45791
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45792
- </div>
45793
- <div class="order-detail-section">
45794
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45795
- <span [textContent]="transaction.transNr"></span>
45796
- </div>
45797
- }
45798
- @if (transaction.transType !== 'R') {
45799
- <div class="order-number-info">
45800
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45801
- <span [textContent]="transaction.transNr"></span>
45802
- </div>
45803
- <div class="order-details-info">
45804
- <div class="order-detail-section">
45805
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45806
- <div class="value">
45807
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45808
- </div>
45809
- </div>
45810
- @if (transaction.getDeliveryDate()) {
45811
- <div class="order-detail-section">
45812
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45813
- @if (!transaction.deliveryDateDefinitive) {
45814
- <div class="value">
45815
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45816
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45817
- </div>
45818
- }
45819
- @if (transaction.deliveryDateDefinitive) {
45820
- <div class="value">
45821
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45822
- </div>
45823
- }
45824
- </div>
45825
- }
45826
- <div class="order-detail-section">
45827
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45828
- <div class="value"><span
45829
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45830
- </div>
45831
- </div>
45832
- </div>
45833
- }
45834
- </div>
45835
- </div>
45836
-
45837
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45838
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45839
- <div class="tile">
45840
- <div class="tile-header">
45841
- <div class="tile-upper-left">
45842
- <div class="transaction-tile-avatar">
45843
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45844
- <span [textContent]="transaction.transNr"></span>
45845
- </div>
45846
- </div>
45847
- <div class="tile-upper-middle">
45848
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45849
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45850
- </div>
45851
-
45852
- <div class="tile-upper-right">
45853
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45854
- <co-transaction-statusbar
45855
- [screenConfigurationObject]="cfgNames.StatusBar"
45856
- [configNames]="statusBarConfigNames"
45857
- [transaction]="transaction">
45858
- </co-transaction-statusbar>
45859
- </div>
45860
- </div>
45861
- </div>
45862
- <div class="tile-body">
45863
- <div class="tile-middle-left">
45864
- <co-input-checkbox
45865
- *ngIf="showCheckbox"
45866
- [(model)]="transaction.selected"
45867
- (modelChange)="onSelectedClick(transaction)"
45868
- ></co-input-checkbox>
45869
- </div>
45870
- <div class="tile-middle-middle">
45871
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45872
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45873
- </div>
45874
- <div class="tile-middle-right"></div>
45875
- </div>
45876
- <div class="tile-footer">
45877
- <div class="tile-bottom-left order-info-section">
45878
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45879
- <div class="value">
45880
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45881
- </div>
45882
- </div>
45883
- <div class="tile-bottom-middle order-info-section">
45884
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45885
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45886
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45887
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45888
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45889
- <ng-template #indefinite>
45890
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45891
- </ng-template>
45892
- </div>
45893
- </div>
45894
- <div class="tile-bottom-right order-info-section">
45895
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45896
- <div class="value"><span
45897
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45898
- </div>
45899
- </div>
45900
- </div>
45901
- </div>
45902
- </div-->
45827
+ template: `
45828
+
45829
+ <div class="transaction-order-lines-wrapper">
45830
+ <div class="transaction-order-info">
45831
+ @if (transaction.transType === 'R') {
45832
+ <div class="order-detail-section">
45833
+ <span [textContent]="'CREATED_ON' | localize"></span>
45834
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45835
+ </div>
45836
+ <div class="order-detail-section">
45837
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45838
+ <span [textContent]="transaction.transNr"></span>
45839
+ </div>
45840
+ }
45841
+ @if (transaction.transType !== 'R') {
45842
+ <div class="order-number-info">
45843
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45844
+ <span [textContent]="transaction.transNr"></span>
45845
+ </div>
45846
+ <div class="order-details-info">
45847
+ <div class="order-detail-section">
45848
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45849
+ <div class="value">
45850
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45851
+ </div>
45852
+ </div>
45853
+ @if (transaction.getDeliveryDate()) {
45854
+ <div class="order-detail-section">
45855
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45856
+ @if (!transaction.deliveryDateDefinitive) {
45857
+ <div class="value">
45858
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45859
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45860
+ </div>
45861
+ }
45862
+ @if (transaction.deliveryDateDefinitive) {
45863
+ <div class="value">
45864
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45865
+ </div>
45866
+ }
45867
+ </div>
45868
+ }
45869
+ <div class="order-detail-section">
45870
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45871
+ <div class="value"><span
45872
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45873
+ </div>
45874
+ </div>
45875
+ </div>
45876
+ }
45877
+ </div>
45878
+ </div>
45879
+
45880
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45881
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45882
+ <div class="tile">
45883
+ <div class="tile-header">
45884
+ <div class="tile-upper-left">
45885
+ <div class="transaction-tile-avatar">
45886
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45887
+ <span [textContent]="transaction.transNr"></span>
45888
+ </div>
45889
+ </div>
45890
+ <div class="tile-upper-middle">
45891
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45892
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45893
+ </div>
45894
+
45895
+ <div class="tile-upper-right">
45896
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45897
+ <co-transaction-statusbar
45898
+ [screenConfigurationObject]="cfgNames.StatusBar"
45899
+ [configNames]="statusBarConfigNames"
45900
+ [transaction]="transaction">
45901
+ </co-transaction-statusbar>
45902
+ </div>
45903
+ </div>
45904
+ </div>
45905
+ <div class="tile-body">
45906
+ <div class="tile-middle-left">
45907
+ <co-input-checkbox
45908
+ *ngIf="showCheckbox"
45909
+ [(model)]="transaction.selected"
45910
+ (modelChange)="onSelectedClick(transaction)"
45911
+ ></co-input-checkbox>
45912
+ </div>
45913
+ <div class="tile-middle-middle">
45914
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45915
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45916
+ </div>
45917
+ <div class="tile-middle-right"></div>
45918
+ </div>
45919
+ <div class="tile-footer">
45920
+ <div class="tile-bottom-left order-info-section">
45921
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45922
+ <div class="value">
45923
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45924
+ </div>
45925
+ </div>
45926
+ <div class="tile-bottom-middle order-info-section">
45927
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45928
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45929
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45930
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45931
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45932
+ <ng-template #indefinite>
45933
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45934
+ </ng-template>
45935
+ </div>
45936
+ </div>
45937
+ <div class="tile-bottom-right order-info-section">
45938
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45939
+ <div class="value"><span
45940
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45941
+ </div>
45942
+ </div>
45943
+ </div>
45944
+ </div>
45945
+ </div-->
45903
45946
  `,
45904
45947
  changeDetection: ChangeDetectionStrategy.OnPush,
45905
45948
  encapsulation: ViewEncapsulation.None,
@@ -45969,178 +46012,178 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
45969
46012
  }
45970
46013
  }
45971
46014
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
45972
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
45973
- @if (!extendedTransactionSearch) {
45974
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45975
- (visibilityChange)="handleVisibilityChange($event)">
45976
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45977
- </co-transaction-order-tile>
45978
- <div class="order-lines-container co-small-scrollbar">
45979
- <div class="order-lines">
45980
- @for (line of lines; track line) {
45981
- <div class="inner-lines">
45982
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
45983
- </div>
45984
- }
45985
- </div>
45986
- </div>
45987
- </div>
45988
- }
45989
- @if (extendedTransactionSearch) {
45990
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45991
- (visibilityChange)="handleVisibilityChange($event)">
45992
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45993
- </co-transaction-order-tile>
45994
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
45995
- @if(returnWizardLayout) {
45996
- <div class="order-lines-wizard">
45997
- @for (line of lines; track line) {
45998
- <div class="inner-lines">
45999
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46000
- </div>
46001
- }
46002
- </div>
46003
- }
46004
-
46005
- @if(!returnWizardLayout) {
46006
- @if (transaction.transactionKind !== 'S') {
46007
- <div class="order-lines">
46008
- @for (line of lines; track line) {
46009
- <div class="inner-lines">
46010
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46011
- </div>
46012
- }
46013
- </div>
46014
- }
46015
- @if (transaction.transactionKind === 'S') {
46016
- <div class="service-lines">
46017
- <div class="service-line">
46018
- <div class="service-status">
46019
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46020
- <span [textContent]="transaction.workflowStatusDescription"></span>
46021
- </div>
46022
- <div class="service-message">
46023
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46024
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46025
- </div>
46026
- </div>
46027
- <div class="service-right-side">
46028
- <div class="service-priority">
46029
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46030
- <span
46031
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46032
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46033
- </div>
46034
- <div class="service-modified">
46035
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46036
- <span [textContent]="transaction.dateModified"></span>
46037
- </div>
46038
- <div class="service-created">
46039
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46040
- <span [textContent]="transaction.relationName"></span>
46041
- </div>
46042
- </div>
46043
- </div>
46044
- }
46045
- }
46046
- <div class="show-order-wrapper">
46047
- <div class="show-order">
46048
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46049
- <span [textContent]="showOrderLabel() | localize"></span>
46050
- </div>
46051
- </div>
46052
- </div>
46053
- </div>
46054
- }
46015
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
46016
+ @if (!extendedTransactionSearch) {
46017
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46018
+ (visibilityChange)="handleVisibilityChange($event)">
46019
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46020
+ </co-transaction-order-tile>
46021
+ <div class="order-lines-container co-small-scrollbar">
46022
+ <div class="order-lines">
46023
+ @for (line of lines; track line) {
46024
+ <div class="inner-lines">
46025
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46026
+ </div>
46027
+ }
46028
+ </div>
46029
+ </div>
46030
+ </div>
46031
+ }
46032
+ @if (extendedTransactionSearch) {
46033
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46034
+ (visibilityChange)="handleVisibilityChange($event)">
46035
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46036
+ </co-transaction-order-tile>
46037
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46038
+ @if(returnWizardLayout) {
46039
+ <div class="order-lines-wizard">
46040
+ @for (line of lines; track line) {
46041
+ <div class="inner-lines">
46042
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46043
+ </div>
46044
+ }
46045
+ </div>
46046
+ }
46047
+
46048
+ @if(!returnWizardLayout) {
46049
+ @if (transaction.transactionKind !== 'S') {
46050
+ <div class="order-lines">
46051
+ @for (line of lines; track line) {
46052
+ <div class="inner-lines">
46053
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46054
+ </div>
46055
+ }
46056
+ </div>
46057
+ }
46058
+ @if (transaction.transactionKind === 'S') {
46059
+ <div class="service-lines">
46060
+ <div class="service-line">
46061
+ <div class="service-status">
46062
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46063
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46064
+ </div>
46065
+ <div class="service-message">
46066
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46067
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46068
+ </div>
46069
+ </div>
46070
+ <div class="service-right-side">
46071
+ <div class="service-priority">
46072
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46073
+ <span
46074
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46075
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46076
+ </div>
46077
+ <div class="service-modified">
46078
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46079
+ <span [textContent]="transaction.dateModified"></span>
46080
+ </div>
46081
+ <div class="service-created">
46082
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46083
+ <span [textContent]="transaction.relationName"></span>
46084
+ </div>
46085
+ </div>
46086
+ </div>
46087
+ }
46088
+ }
46089
+ <div class="show-order-wrapper">
46090
+ <div class="show-order">
46091
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46092
+ <span [textContent]="showOrderLabel() | localize"></span>
46093
+ </div>
46094
+ </div>
46095
+ </div>
46096
+ </div>
46097
+ }
46055
46098
  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionLineTileComponent, selector: "co-transaction-line-tile", inputs: ["line", "showPriceAmount"] }, { kind: "component", type: TransactionOrderTileComponent, selector: "co-transaction-order-tile", inputs: ["showAvatar"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
46056
46099
  }
46057
46100
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, decorators: [{
46058
46101
  type: Component,
46059
46102
  args: [{
46060
46103
  selector: 'co-transaction-search-sales-line-select-tile',
46061
- template: `
46062
- @if (!extendedTransactionSearch) {
46063
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46064
- (visibilityChange)="handleVisibilityChange($event)">
46065
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46066
- </co-transaction-order-tile>
46067
- <div class="order-lines-container co-small-scrollbar">
46068
- <div class="order-lines">
46069
- @for (line of lines; track line) {
46070
- <div class="inner-lines">
46071
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46072
- </div>
46073
- }
46074
- </div>
46075
- </div>
46076
- </div>
46077
- }
46078
- @if (extendedTransactionSearch) {
46079
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46080
- (visibilityChange)="handleVisibilityChange($event)">
46081
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46082
- </co-transaction-order-tile>
46083
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46084
- @if(returnWizardLayout) {
46085
- <div class="order-lines-wizard">
46086
- @for (line of lines; track line) {
46087
- <div class="inner-lines">
46088
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46089
- </div>
46090
- }
46091
- </div>
46092
- }
46093
-
46094
- @if(!returnWizardLayout) {
46095
- @if (transaction.transactionKind !== 'S') {
46096
- <div class="order-lines">
46097
- @for (line of lines; track line) {
46098
- <div class="inner-lines">
46099
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46100
- </div>
46101
- }
46102
- </div>
46103
- }
46104
- @if (transaction.transactionKind === 'S') {
46105
- <div class="service-lines">
46106
- <div class="service-line">
46107
- <div class="service-status">
46108
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46109
- <span [textContent]="transaction.workflowStatusDescription"></span>
46110
- </div>
46111
- <div class="service-message">
46112
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46113
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46114
- </div>
46115
- </div>
46116
- <div class="service-right-side">
46117
- <div class="service-priority">
46118
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46119
- <span
46120
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46121
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46122
- </div>
46123
- <div class="service-modified">
46124
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46125
- <span [textContent]="transaction.dateModified"></span>
46126
- </div>
46127
- <div class="service-created">
46128
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46129
- <span [textContent]="transaction.relationName"></span>
46130
- </div>
46131
- </div>
46132
- </div>
46133
- }
46134
- }
46135
- <div class="show-order-wrapper">
46136
- <div class="show-order">
46137
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46138
- <span [textContent]="showOrderLabel() | localize"></span>
46139
- </div>
46140
- </div>
46141
- </div>
46142
- </div>
46143
- }
46104
+ template: `
46105
+ @if (!extendedTransactionSearch) {
46106
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46107
+ (visibilityChange)="handleVisibilityChange($event)">
46108
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46109
+ </co-transaction-order-tile>
46110
+ <div class="order-lines-container co-small-scrollbar">
46111
+ <div class="order-lines">
46112
+ @for (line of lines; track line) {
46113
+ <div class="inner-lines">
46114
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46115
+ </div>
46116
+ }
46117
+ </div>
46118
+ </div>
46119
+ </div>
46120
+ }
46121
+ @if (extendedTransactionSearch) {
46122
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46123
+ (visibilityChange)="handleVisibilityChange($event)">
46124
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46125
+ </co-transaction-order-tile>
46126
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46127
+ @if(returnWizardLayout) {
46128
+ <div class="order-lines-wizard">
46129
+ @for (line of lines; track line) {
46130
+ <div class="inner-lines">
46131
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46132
+ </div>
46133
+ }
46134
+ </div>
46135
+ }
46136
+
46137
+ @if(!returnWizardLayout) {
46138
+ @if (transaction.transactionKind !== 'S') {
46139
+ <div class="order-lines">
46140
+ @for (line of lines; track line) {
46141
+ <div class="inner-lines">
46142
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46143
+ </div>
46144
+ }
46145
+ </div>
46146
+ }
46147
+ @if (transaction.transactionKind === 'S') {
46148
+ <div class="service-lines">
46149
+ <div class="service-line">
46150
+ <div class="service-status">
46151
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46152
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46153
+ </div>
46154
+ <div class="service-message">
46155
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46156
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46157
+ </div>
46158
+ </div>
46159
+ <div class="service-right-side">
46160
+ <div class="service-priority">
46161
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46162
+ <span
46163
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46164
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46165
+ </div>
46166
+ <div class="service-modified">
46167
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46168
+ <span [textContent]="transaction.dateModified"></span>
46169
+ </div>
46170
+ <div class="service-created">
46171
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46172
+ <span [textContent]="transaction.relationName"></span>
46173
+ </div>
46174
+ </div>
46175
+ </div>
46176
+ }
46177
+ }
46178
+ <div class="show-order-wrapper">
46179
+ <div class="show-order">
46180
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46181
+ <span [textContent]="showOrderLabel() | localize"></span>
46182
+ </div>
46183
+ </div>
46184
+ </div>
46185
+ </div>
46186
+ }
46144
46187
  `,
46145
46188
  encapsulation: ViewEncapsulation.None,
46146
46189
  standalone: false
@@ -69251,166 +69294,166 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
69251
69294
  }
69252
69295
  }
69253
69296
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
69254
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69255
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69256
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69257
- <div class="tile">
69258
- <div class="tile-header">
69259
- <div class="tile-upper-left">
69260
- <div class="transaction-tile-avatar">
69261
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69262
- <span [textContent]="transaction.transNr"></span>
69263
- </div>
69264
- </div>
69265
- <div class="tile-upper-middle">
69266
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69267
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69268
- </div>
69269
-
69270
- <div class="tile-upper-right">
69271
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69272
- <co-transaction-statusbar
69273
- [screenConfigurationObject]="cfgNames.StatusBar"
69274
- [configNames]="statusBarConfigNames"
69275
- [transaction]="transaction">
69276
- </co-transaction-statusbar>
69277
- </div>
69278
- </div>
69279
- </div>
69280
- <div class="tile-body">
69281
- <div class="tile-middle-left">
69282
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69283
- <co-input-checkbox
69284
- [(model)]="transaction.selected"
69285
- (modelChange)="onSelectedClick(transaction)">
69286
- </co-input-checkbox>
69287
- }
69288
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69289
- <co-icon
69290
- class="batch-info-icon"
69291
- [title]="'PART_OF_BATCH' | localize"
69292
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69293
- </co-icon>
69294
- }
69295
- </div>
69296
- <div class="tile-middle-middle">
69297
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69298
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69299
- </div>
69300
- <div class="tile-middle-right"></div>
69301
- </div>
69302
- <div class="tile-footer">
69303
- <div class="tile-bottom-left order-info-section">
69304
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69305
- <div class="value">
69306
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69307
- </div>
69308
- </div>
69309
- <div class="tile-bottom-middle order-info-section">
69310
- @if (transaction.getDeliveryDate()) {
69311
- <div class="value">
69312
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69313
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69314
- @if (transaction.deliveryDateDefinitive) {
69315
- <co-icon
69316
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69317
- } @else {
69318
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69319
- }
69320
- </div>
69321
- }
69322
- </div>
69323
- <div class="tile-bottom-right order-info-section">
69324
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69325
- <div class="value"><span
69326
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69327
- </div>
69328
- </div>
69329
- </div>
69330
- </div>
69297
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69298
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69299
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69300
+ <div class="tile">
69301
+ <div class="tile-header">
69302
+ <div class="tile-upper-left">
69303
+ <div class="transaction-tile-avatar">
69304
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69305
+ <span [textContent]="transaction.transNr"></span>
69306
+ </div>
69307
+ </div>
69308
+ <div class="tile-upper-middle">
69309
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69310
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69311
+ </div>
69312
+
69313
+ <div class="tile-upper-right">
69314
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69315
+ <co-transaction-statusbar
69316
+ [screenConfigurationObject]="cfgNames.StatusBar"
69317
+ [configNames]="statusBarConfigNames"
69318
+ [transaction]="transaction">
69319
+ </co-transaction-statusbar>
69320
+ </div>
69321
+ </div>
69322
+ </div>
69323
+ <div class="tile-body">
69324
+ <div class="tile-middle-left">
69325
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69326
+ <co-input-checkbox
69327
+ [(model)]="transaction.selected"
69328
+ (modelChange)="onSelectedClick(transaction)">
69329
+ </co-input-checkbox>
69330
+ }
69331
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69332
+ <co-icon
69333
+ class="batch-info-icon"
69334
+ [title]="'PART_OF_BATCH' | localize"
69335
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69336
+ </co-icon>
69337
+ }
69338
+ </div>
69339
+ <div class="tile-middle-middle">
69340
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69341
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69342
+ </div>
69343
+ <div class="tile-middle-right"></div>
69344
+ </div>
69345
+ <div class="tile-footer">
69346
+ <div class="tile-bottom-left order-info-section">
69347
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69348
+ <div class="value">
69349
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69350
+ </div>
69351
+ </div>
69352
+ <div class="tile-bottom-middle order-info-section">
69353
+ @if (transaction.getDeliveryDate()) {
69354
+ <div class="value">
69355
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69356
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69357
+ @if (transaction.deliveryDateDefinitive) {
69358
+ <co-icon
69359
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69360
+ } @else {
69361
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69362
+ }
69363
+ </div>
69364
+ }
69365
+ </div>
69366
+ <div class="tile-bottom-right order-info-section">
69367
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69368
+ <div class="value"><span
69369
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69370
+ </div>
69371
+ </div>
69372
+ </div>
69373
+ </div>
69331
69374
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
69332
69375
  }
69333
69376
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, decorators: [{
69334
69377
  type: Component,
69335
69378
  args: [{
69336
69379
  selector: "co-transaction-search-purchase-order-tile",
69337
- template: `
69338
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69339
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69340
- <div class="tile">
69341
- <div class="tile-header">
69342
- <div class="tile-upper-left">
69343
- <div class="transaction-tile-avatar">
69344
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69345
- <span [textContent]="transaction.transNr"></span>
69346
- </div>
69347
- </div>
69348
- <div class="tile-upper-middle">
69349
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69350
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69351
- </div>
69352
-
69353
- <div class="tile-upper-right">
69354
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69355
- <co-transaction-statusbar
69356
- [screenConfigurationObject]="cfgNames.StatusBar"
69357
- [configNames]="statusBarConfigNames"
69358
- [transaction]="transaction">
69359
- </co-transaction-statusbar>
69360
- </div>
69361
- </div>
69362
- </div>
69363
- <div class="tile-body">
69364
- <div class="tile-middle-left">
69365
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69366
- <co-input-checkbox
69367
- [(model)]="transaction.selected"
69368
- (modelChange)="onSelectedClick(transaction)">
69369
- </co-input-checkbox>
69370
- }
69371
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69372
- <co-icon
69373
- class="batch-info-icon"
69374
- [title]="'PART_OF_BATCH' | localize"
69375
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69376
- </co-icon>
69377
- }
69378
- </div>
69379
- <div class="tile-middle-middle">
69380
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69381
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69382
- </div>
69383
- <div class="tile-middle-right"></div>
69384
- </div>
69385
- <div class="tile-footer">
69386
- <div class="tile-bottom-left order-info-section">
69387
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69388
- <div class="value">
69389
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69390
- </div>
69391
- </div>
69392
- <div class="tile-bottom-middle order-info-section">
69393
- @if (transaction.getDeliveryDate()) {
69394
- <div class="value">
69395
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69396
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69397
- @if (transaction.deliveryDateDefinitive) {
69398
- <co-icon
69399
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69400
- } @else {
69401
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69402
- }
69403
- </div>
69404
- }
69405
- </div>
69406
- <div class="tile-bottom-right order-info-section">
69407
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69408
- <div class="value"><span
69409
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69410
- </div>
69411
- </div>
69412
- </div>
69413
- </div>
69380
+ template: `
69381
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69382
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69383
+ <div class="tile">
69384
+ <div class="tile-header">
69385
+ <div class="tile-upper-left">
69386
+ <div class="transaction-tile-avatar">
69387
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69388
+ <span [textContent]="transaction.transNr"></span>
69389
+ </div>
69390
+ </div>
69391
+ <div class="tile-upper-middle">
69392
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69393
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69394
+ </div>
69395
+
69396
+ <div class="tile-upper-right">
69397
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69398
+ <co-transaction-statusbar
69399
+ [screenConfigurationObject]="cfgNames.StatusBar"
69400
+ [configNames]="statusBarConfigNames"
69401
+ [transaction]="transaction">
69402
+ </co-transaction-statusbar>
69403
+ </div>
69404
+ </div>
69405
+ </div>
69406
+ <div class="tile-body">
69407
+ <div class="tile-middle-left">
69408
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69409
+ <co-input-checkbox
69410
+ [(model)]="transaction.selected"
69411
+ (modelChange)="onSelectedClick(transaction)">
69412
+ </co-input-checkbox>
69413
+ }
69414
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69415
+ <co-icon
69416
+ class="batch-info-icon"
69417
+ [title]="'PART_OF_BATCH' | localize"
69418
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69419
+ </co-icon>
69420
+ }
69421
+ </div>
69422
+ <div class="tile-middle-middle">
69423
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69424
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69425
+ </div>
69426
+ <div class="tile-middle-right"></div>
69427
+ </div>
69428
+ <div class="tile-footer">
69429
+ <div class="tile-bottom-left order-info-section">
69430
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69431
+ <div class="value">
69432
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69433
+ </div>
69434
+ </div>
69435
+ <div class="tile-bottom-middle order-info-section">
69436
+ @if (transaction.getDeliveryDate()) {
69437
+ <div class="value">
69438
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69439
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69440
+ @if (transaction.deliveryDateDefinitive) {
69441
+ <co-icon
69442
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69443
+ } @else {
69444
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69445
+ }
69446
+ </div>
69447
+ }
69448
+ </div>
69449
+ <div class="tile-bottom-right order-info-section">
69450
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69451
+ <div class="value"><span
69452
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69453
+ </div>
69454
+ </div>
69455
+ </div>
69456
+ </div>
69414
69457
  `,
69415
69458
  encapsulation: ViewEncapsulation.None,
69416
69459
  standalone: false
@@ -83320,6 +83363,7 @@ class TransactionHeaderPaymentComponent extends TransactionHeaderBaseComponent {
83320
83363
  toPay = 0;
83321
83364
  remainingToPay = 0;
83322
83365
  showRemainingPayment = false;
83366
+ needRefreshTransaction = false;
83323
83367
  _subs = [];
83324
83368
  constructor(transactionHeaderService, transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _paymentConnectorService) {
83325
83369
  super(transactionHeaderService, transactionEventService, iconCacheService, transactionScreenConfigurationService, imageService, dictionaryService, service, changeDetector);
@@ -83335,7 +83379,10 @@ class TransactionHeaderPaymentComponent extends TransactionHeaderBaseComponent {
83335
83379
  }
83336
83380
  ngOnInit() {
83337
83381
  super.ngOnInit();
83338
- this._subs.push(this.transactionEventService.transactionPaymentDone.subscribe(() => this._getDepositPaymentInfo()), this.transactionEventService.activeRubricChange.subscribe((rubric) => {
83382
+ this._subs.push(this.transactionEventService.transactionPaymentDone.subscribe(() => {
83383
+ this._getDepositPaymentInfo();
83384
+ this.needRefreshTransaction = true;
83385
+ }), this.transactionEventService.activeRubricChange.subscribe((rubric) => {
83339
83386
  this.showRemainingPayment = rubric.category === TransactionTypeCategory.SalesOrderDeliveryNote || rubric.category === TransactionTypeCategory.SalesOrderInvoice;
83340
83387
  }));
83341
83388
  }
@@ -83367,6 +83414,10 @@ class TransactionHeaderPaymentComponent extends TransactionHeaderBaseComponent {
83367
83414
  handleCloseDialog() {
83368
83415
  this.showPaymentDialog = false;
83369
83416
  this.transactionService.rollback();
83417
+ if (this.needRefreshTransaction) {
83418
+ this.needRefreshTransaction = false;
83419
+ this.transactionService.refreshCurrentTransaction();
83420
+ }
83370
83421
  }
83371
83422
  _getDepositPaymentInfo() {
83372
83423
  this.depositPayments.length = 0;
@@ -86002,6 +86053,7 @@ class TransactionLineActivitiesContactMomentsBlockComponent {
86002
86053
  dialogService;
86003
86054
  icons = Icon;
86004
86055
  contactMoment;
86056
+ editEvent = new EventEmitter();
86005
86057
  showClass() {
86006
86058
  return true;
86007
86059
  }
@@ -86011,8 +86063,11 @@ class TransactionLineActivitiesContactMomentsBlockComponent {
86011
86063
  this.dynamicComponentService = dynamicComponentService;
86012
86064
  this.dialogService = dialogService;
86013
86065
  }
86066
+ handleEdit() {
86067
+ this.editEvent.emit(this.contactMoment);
86068
+ }
86014
86069
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineActivitiesContactMomentsBlockComponent, deps: [{ token: IconCacheService }, { token: TransactionEventService }, { token: DynamicComponentService }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
86015
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionLineActivitiesContactMomentsBlockComponent, isStandalone: true, selector: "co-transaction-line-activities-contact-moments-block", inputs: { contactMoment: "contactMoment" }, host: { properties: { "class.co-transaction-line-activities-contact-moments-block": "this.showClass" } }, ngImport: i0, template: `
86070
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionLineActivitiesContactMomentsBlockComponent, isStandalone: true, selector: "co-transaction-line-activities-contact-moments-block", inputs: { contactMoment: "contactMoment" }, outputs: { editEvent: "editEvent" }, host: { properties: { "class.co-transaction-line-activities-contact-moments-block": "this.showClass" } }, ngImport: i0, template: `
86016
86071
  <div class="contact-moments-block-wrapper">
86017
86072
  <div class="contact-moments-block-header">
86018
86073
  <span class="contact-moments-block-title" [textContent]="contactMoment.subject"></span>
@@ -86026,6 +86081,7 @@ class TransactionLineActivitiesContactMomentsBlockComponent {
86026
86081
  <div class="contact-moments-block-footer">
86027
86082
  <span class="contact-moments-block-footer-text" [textContent]="('FOLLOW_UP_DATE' | localize) + ': '"></span>
86028
86083
  <span class="contact-moments-block-footer-text" [textContent]="contactMoment.followUpDate | date"></span>
86084
+ <co-icon (click)="handleEdit()" [iconData]="iconCacheService.getIcon(icons.EditPencil)"></co-icon>
86029
86085
  </div>
86030
86086
  </div>
86031
86087
  `, isInline: true, dependencies: [{ kind: "ngmodule", type: PipeModule }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
@@ -86048,6 +86104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86048
86104
  <div class="contact-moments-block-footer">
86049
86105
  <span class="contact-moments-block-footer-text" [textContent]="('FOLLOW_UP_DATE' | localize) + ': '"></span>
86050
86106
  <span class="contact-moments-block-footer-text" [textContent]="contactMoment.followUpDate | date"></span>
86107
+ <co-icon (click)="handleEdit()" [iconData]="iconCacheService.getIcon(icons.EditPencil)"></co-icon>
86051
86108
  </div>
86052
86109
  </div>
86053
86110
  `,
@@ -86060,6 +86117,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86060
86117
  }]
86061
86118
  }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionEventService }, { type: DynamicComponentService }, { type: DialogService }], propDecorators: { contactMoment: [{
86062
86119
  type: Input
86120
+ }], editEvent: [{
86121
+ type: Output
86063
86122
  }], showClass: [{
86064
86123
  type: HostBinding,
86065
86124
  args: ['class.co-transaction-line-activities-contact-moments-block']
@@ -86245,6 +86304,12 @@ class TransactionLineActivitiesContactMomentsAddMomentDialogComponent {
86245
86304
  relationContactLinks = [];
86246
86305
  employee;
86247
86306
  assignedEmployee;
86307
+ set setContactMoment(contactMoment) {
86308
+ this.contactMoment = contactMoment;
86309
+ this.getListData().then(listData => {
86310
+ this.setExistingMomentData(contactMoment);
86311
+ });
86312
+ }
86248
86313
  closeClick = new EventEmitter();
86249
86314
  saveClick = new EventEmitter();
86250
86315
  showClass() {
@@ -86258,13 +86323,9 @@ class TransactionLineActivitiesContactMomentsAddMomentDialogComponent {
86258
86323
  this.transactionService = transactionService;
86259
86324
  }
86260
86325
  ngOnInit() {
86261
- this.transactionService.getContactTypes("NL").then((contactTypes) => {
86262
- this.communicationTypes = contactTypes;
86263
- });
86264
- this.transactionService.getSalesPersons().then((salesPersons) => {
86265
- this.employees = salesPersons;
86266
- });
86267
- this.relationContactLinks = this.transactionService.currentTransaction.transactionInfo.contacts;
86326
+ if (!this.contactMoment.contactMomentDate) {
86327
+ this.getListData();
86328
+ }
86268
86329
  }
86269
86330
  handleCloseDialog(Event) {
86270
86331
  this.closeClick.emit();
@@ -86284,8 +86345,22 @@ class TransactionLineActivitiesContactMomentsAddMomentDialogComponent {
86284
86345
  this.assignedEmployee = assignedEmployee;
86285
86346
  this.contactMoment.assignToId = assignedEmployee.relationId;
86286
86347
  }
86348
+ async getListData() {
86349
+ this.transactionService.getContactTypes("NL").then((contactTypes) => {
86350
+ this.communicationTypes = contactTypes;
86351
+ });
86352
+ this.transactionService.getSalesPersons().then((salesPersons) => {
86353
+ this.employees = salesPersons;
86354
+ });
86355
+ this.relationContactLinks = this.transactionService.currentTransaction.transactionInfo.contacts;
86356
+ }
86357
+ setExistingMomentData(contactMoment) {
86358
+ this.selectedCommunicationType = contactMoment.contactType ? this.communicationTypes.find(communicationType => parseInt(communicationType.code) === contactMoment.contactType) : new CoDomainValue();
86359
+ this.employee = contactMoment.employeeId ? this.employees.find(employee => employee.relationId === contactMoment.employeeId) : new SalesPerson();
86360
+ this.assignedEmployee = contactMoment.assignToId ? this.employees.find(employee => employee.relationId === contactMoment.assignToId) : new SalesPerson();
86361
+ }
86287
86362
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineActivitiesContactMomentsAddMomentDialogComponent, deps: [{ token: IconCacheService }, { token: TransactionService }], target: i0.ɵɵFactoryTarget.Component });
86288
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionLineActivitiesContactMomentsAddMomentDialogComponent, isStandalone: true, selector: "co-transaction-line-activities-contact-moments-add-moment-dialog", outputs: { closeClick: "closeClick", saveClick: "saveClick" }, host: { properties: { "class.co-transaction-line-activities-contact-moments-add-moment-dialog": "this.showClass" } }, ngImport: i0, template: `
86363
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionLineActivitiesContactMomentsAddMomentDialogComponent, isStandalone: true, selector: "co-transaction-line-activities-contact-moments-add-moment-dialog", inputs: { setContactMoment: "setContactMoment" }, outputs: { closeClick: "closeClick", saveClick: "saveClick" }, host: { properties: { "class.co-transaction-line-activities-contact-moments-add-moment-dialog": "this.showClass" } }, ngImport: i0, template: `
86289
86364
  <co-dialog
86290
86365
  [headerTemplate]="headerTemplate"
86291
86366
  [footerTemplate]="footerTemplate"
@@ -86402,7 +86477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86402
86477
  ],
86403
86478
  encapsulation: ViewEncapsulation.None
86404
86479
  }]
86405
- }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }], propDecorators: { closeClick: [{
86480
+ }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }], propDecorators: { setContactMoment: [{
86481
+ type: Input
86482
+ }], closeClick: [{
86406
86483
  type: Output
86407
86484
  }], saveClick: [{
86408
86485
  type: Output
@@ -86414,17 +86491,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86414
86491
  class TransactionLineActivitiesContactMomentsComponent {
86415
86492
  transactionService;
86416
86493
  transactionEventService;
86494
+ _changeDetector;
86417
86495
  contactMoments = [];
86418
86496
  addingContactMoment = false;
86419
86497
  subs = [];
86498
+ contactMoment = new ContactMoment();
86420
86499
  table;
86421
86500
  key;
86422
86501
  showClass() {
86423
86502
  return true;
86424
86503
  }
86425
- constructor(transactionService, transactionEventService) {
86504
+ constructor(transactionService, transactionEventService, _changeDetector) {
86426
86505
  this.transactionService = transactionService;
86427
86506
  this.transactionEventService = transactionEventService;
86507
+ this._changeDetector = _changeDetector;
86428
86508
  }
86429
86509
  ngOnInit() {
86430
86510
  this.transactionService.getContactMoments(this.table, this.key).then((contactMoments) => {
@@ -86460,18 +86540,24 @@ class TransactionLineActivitiesContactMomentsComponent {
86460
86540
  request.tableNameString = this.table;
86461
86541
  return request;
86462
86542
  }
86463
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineActivitiesContactMomentsComponent, deps: [{ token: TransactionService }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
86543
+ handleEditContactMoment(contactMoment) {
86544
+ this.contactMoment = contactMoment;
86545
+ this.addingContactMoment = true;
86546
+ this._changeDetector.detectChanges();
86547
+ }
86548
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineActivitiesContactMomentsComponent, deps: [{ token: TransactionService }, { token: TransactionEventService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
86464
86549
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineActivitiesContactMomentsComponent, isStandalone: true, selector: "co-transaction-line-activities-contact-moments", inputs: { table: "table", key: "key" }, host: { properties: { "class.co-transaction-line-activities-contact-moments": "this.showClass" } }, ngImport: i0, template: `
86465
86550
  @if (addingContactMoment) {
86466
- <co-transaction-line-activities-contact-moments-add-moment-dialog (closeClick)="handleDialogClose($event)" (saveClick)="handleSaveContactMoment($event)" ></co-transaction-line-activities-contact-moments-add-moment-dialog>
86551
+ <co-transaction-line-activities-contact-moments-add-moment-dialog [setContactMoment]="contactMoment" (closeClick)="handleDialogClose($event)" (saveClick)="handleSaveContactMoment($event)" ></co-transaction-line-activities-contact-moments-add-moment-dialog>
86467
86552
  }
86468
86553
  @for (contactMoment of contactMoments; track contactMoment.id) {
86469
86554
  <co-transaction-line-activities-contact-moments-block
86470
- [contactMoment]="contactMoment"
86555
+ (editEvent)="handleEditContactMoment($event)"
86556
+ [contactMoment]="contactMoment"
86471
86557
  ></co-transaction-line-activities-contact-moments-block>
86472
86558
  }
86473
86559
 
86474
- `, isInline: true, dependencies: [{ kind: "component", type: TransactionLineActivitiesContactMomentsBlockComponent, selector: "co-transaction-line-activities-contact-moments-block", inputs: ["contactMoment"] }, { kind: "component", type: TransactionLineActivitiesContactMomentsAddMomentDialogComponent, selector: "co-transaction-line-activities-contact-moments-add-moment-dialog", outputs: ["closeClick", "saveClick"] }], encapsulation: i0.ViewEncapsulation.None });
86560
+ `, isInline: true, dependencies: [{ kind: "component", type: TransactionLineActivitiesContactMomentsBlockComponent, selector: "co-transaction-line-activities-contact-moments-block", inputs: ["contactMoment"], outputs: ["editEvent"] }, { kind: "component", type: TransactionLineActivitiesContactMomentsAddMomentDialogComponent, selector: "co-transaction-line-activities-contact-moments-add-moment-dialog", inputs: ["setContactMoment"], outputs: ["closeClick", "saveClick"] }], encapsulation: i0.ViewEncapsulation.None });
86475
86561
  }
86476
86562
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineActivitiesContactMomentsComponent, decorators: [{
86477
86563
  type: Component,
@@ -86479,11 +86565,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86479
86565
  selector: 'co-transaction-line-activities-contact-moments',
86480
86566
  template: `
86481
86567
  @if (addingContactMoment) {
86482
- <co-transaction-line-activities-contact-moments-add-moment-dialog (closeClick)="handleDialogClose($event)" (saveClick)="handleSaveContactMoment($event)" ></co-transaction-line-activities-contact-moments-add-moment-dialog>
86568
+ <co-transaction-line-activities-contact-moments-add-moment-dialog [setContactMoment]="contactMoment" (closeClick)="handleDialogClose($event)" (saveClick)="handleSaveContactMoment($event)" ></co-transaction-line-activities-contact-moments-add-moment-dialog>
86483
86569
  }
86484
86570
  @for (contactMoment of contactMoments; track contactMoment.id) {
86485
86571
  <co-transaction-line-activities-contact-moments-block
86486
- [contactMoment]="contactMoment"
86572
+ (editEvent)="handleEditContactMoment($event)"
86573
+ [contactMoment]="contactMoment"
86487
86574
  ></co-transaction-line-activities-contact-moments-block>
86488
86575
  }
86489
86576
 
@@ -86494,7 +86581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
86494
86581
  ],
86495
86582
  encapsulation: ViewEncapsulation.None
86496
86583
  }]
86497
- }], ctorParameters: () => [{ type: TransactionService }, { type: TransactionEventService }], propDecorators: { table: [{
86584
+ }], ctorParameters: () => [{ type: TransactionService }, { type: TransactionEventService }, { type: i0.ChangeDetectorRef }], propDecorators: { table: [{
86498
86585
  type: Input
86499
86586
  }], key: [{
86500
86587
  type: Input