@colijnit/transaction 262.1.65 → 262.1.67

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 (4) hide show
  1. package/fesm2022/colijnit-transaction.mjs +528 -527
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +6 -3
  4. package/package.json +3 -3
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -29,6 +29,8 @@ import { PlanOrder } from '@colijnit/transactionapi/build/model/plan-order.bo';
29
29
  import { BranchFullObject } from '@colijnit/relationapi/build/model/branch-full-object.bo';
30
30
  import { InternalDefault } from '@colijnit/mainapi/build/enum/internal-default.enum';
31
31
  import { RefTransactionType } from '@colijnit/transactionapi/build/enum/ref-transaction-type.enum';
32
+ import { TableName } from '@colijnit/mainapi/build/enum/table-name.enum';
33
+ import { NoteDisplayType } from '@colijnit/mainapi/build/enum/note-display-type.enum';
32
34
  import { Options } from '@colijnit/ioneconnector/build/model/options';
33
35
  import { LanguageCode } from '@colijnit/ioneconnector/build/enum/language-code.enum';
34
36
  import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
@@ -96,7 +98,6 @@ import { ProjectCode } from '@colijnit/transactionapi/build/model/project-code.b
96
98
  import { CashType } from '@colijnit/transactionapi/build/model/cash-type.bo';
97
99
  import { PosGroup } from '@colijnit/transactionapi/build/model/pos-group.bo';
98
100
  import { CauseCode } from '@colijnit/transactionapi/build/model/cause-code.bo';
99
- import { TableName } from '@colijnit/mainapi/build/enum/table-name.enum';
100
101
  import { PdfTransactionSearchOverviewResponse } from '@colijnit/transactionapi/build/model/pdf-transaction-search-overview-response';
101
102
  import { Activity } from '@colijnit/mainapi/build/model/activity.bo';
102
103
  import { PlanningTransportWeek } from '@colijnit/transactionapi/build/model/planning-transport-week.bo';
@@ -131,6 +132,7 @@ import { ContactMoment } from '@colijnit/transactionapi/build/model/contact-mome
131
132
  import { DiscountCode } from '@colijnit/transactionapi/build/model/discount-code.bo';
132
133
  import { SuggestedReceiptLocation } from '@colijnit/transactionapi/build/model/suggested-receipt-location';
133
134
  import { AvailableWarehouseStockPerBatch } from '@colijnit/transactionapi/build/model/available-warehouse-stock-per-batch.bo';
135
+ import { CoNotition } from '@colijnit/mainapi/build/model/co-notition.bo';
134
136
  import { ObjectUtils } from '@colijnit/ioneconnector/build/utils/object-utils';
135
137
  import * as i1 from '@angular/platform-browser';
136
138
  import { trigger, state, transition, style, animate } from '@angular/animations';
@@ -360,8 +362,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
360
362
  class Version {
361
363
  name = "@colijnit/transaction";
362
364
  description = "Colijn IT transaction package";
363
- symVer = "262.1.65";
364
- publishDate = "27-10-2026, 14:33:43";
365
+ symVer = "262.1.67";
366
+ publishDate = "3-11-2026, 17:51:19";
365
367
  }
366
368
 
367
369
  class CheckoutModuleService extends BaseModuleService {
@@ -1817,6 +1819,9 @@ class ErrorService {
1817
1819
  if (response.message) {
1818
1820
  messages.push(this._messageAsValidationError(response.message));
1819
1821
  }
1822
+ else if (response.exception && response.exception.message) {
1823
+ messages.push(this._messageAsValidationError(response.exception.message));
1824
+ }
1820
1825
  else if (response.validationResult && !response.validationResult.success) {
1821
1826
  if (response.validationResult.messages && response.validationResult.messages.length > 0) {
1822
1827
  response.validationResult.messages.forEach(m => {
@@ -6491,6 +6496,16 @@ class TransactionConnectorAdapterService {
6491
6496
  return [];
6492
6497
  }
6493
6498
  }
6499
+ async selectNotesByTableKey(key, table) {
6500
+ const response = await this.mainConnector.selectNotesByTableKey(key, table);
6501
+ if (response && response.validationResult && response.validationResult.success) {
6502
+ return this._boFactory.makeBOArrayFromRawBackendDataArray(CoNotition, response.resultObjects);
6503
+ }
6504
+ else {
6505
+ this._handleExceptionFromResponse(response);
6506
+ return [];
6507
+ }
6508
+ }
6494
6509
  async getInternalParameterValue(param) {
6495
6510
  const response = await this.mainConnector?.getInternalParameterValue(param);
6496
6511
  if (!response) {
@@ -9218,6 +9233,9 @@ class TransactionConnectorService {
9218
9233
  async getRefTransactions(transId) {
9219
9234
  return this._adapterService.functionCall(this._adapterService.getRefTransactions, [transId]);
9220
9235
  }
9236
+ async selectNotesByTableKey(key, table) {
9237
+ return this._adapterService.functionCall(this._adapterService.selectNotesByTableKey, [key, table]);
9238
+ }
9221
9239
  async getInternalParameterValue(param) {
9222
9240
  return this._selectSingleParameterizedCacheService.requestCache(InternalParam, (param) => {
9223
9241
  return this._adapterService.functionCall(this._adapterService.getInternalParameterValue, [param]);
@@ -10513,6 +10531,18 @@ class TransactionBaseService extends BaseModuleService {
10513
10531
  }
10514
10532
  return refTransactions;
10515
10533
  }
10534
+ async showArticleNotificationsIfNecessary(goodId) {
10535
+ if (!isNaN(goodId) && goodId !== null) {
10536
+ let notes = await this.connector.selectNotesByTableKey(goodId.toString(), TableName.Goods);
10537
+ if (notes && notes.length > 0) {
10538
+ const notesToDisplay = notes.filter(note => note.display === NoteDisplayType.AlwaysDisplay
10539
+ || note.display === NoteDisplayType.OneOffMessage);
10540
+ notesToDisplay.forEach(note => {
10541
+ this.dialogService.showInformation(note.description, false);
10542
+ });
10543
+ }
10544
+ }
10545
+ }
10516
10546
  updateHeaderTransactionDepositAmount(uuid, amount, saveTransaction) {
10517
10547
  return Promise.resolve(true);
10518
10548
  }
@@ -10954,7 +10984,7 @@ class TransactionService extends PendingReasonService {
10954
10984
  if (shouldDelete) {
10955
10985
  const response = await this.connector.deleteTransactionByUuId(this.currentTransaction.transactionInfo.uuid);
10956
10986
  let success = true;
10957
- if (!response.isSuccess) {
10987
+ if (!response || !response.isSuccess) {
10958
10988
  success = await this.handleHeaderOperationStatuses(response, false, false, false);
10959
10989
  }
10960
10990
  if (success) {
@@ -16222,6 +16252,7 @@ class TransactionLineComponent {
16222
16252
  _transactionHeaderService;
16223
16253
  _transactionLineService;
16224
16254
  _transactionEventService;
16255
+ _transactionService;
16225
16256
  _changeDetector;
16226
16257
  _mappingService;
16227
16258
  _appRef;
@@ -16301,10 +16332,11 @@ class TransactionLineComponent {
16301
16332
  _componentRef;
16302
16333
  _subs = [];
16303
16334
  _shouldCreate = false;
16304
- constructor(_transactionHeaderService, _transactionLineService, _transactionEventService, _changeDetector, _mappingService, _appRef) {
16335
+ constructor(_transactionHeaderService, _transactionLineService, _transactionEventService, _transactionService, _changeDetector, _mappingService, _appRef) {
16305
16336
  this._transactionHeaderService = _transactionHeaderService;
16306
16337
  this._transactionLineService = _transactionLineService;
16307
16338
  this._transactionEventService = _transactionEventService;
16339
+ this._transactionService = _transactionService;
16308
16340
  this._changeDetector = _changeDetector;
16309
16341
  this._mappingService = _mappingService;
16310
16342
  this._appRef = _appRef;
@@ -16324,6 +16356,9 @@ class TransactionLineComponent {
16324
16356
  this._subs.push(this._transactionEventService.transactionLineAdded.subscribe((lineNr) => {
16325
16357
  if (lineNr !== undefined && this.transactionLine && this.transactionLine.lineNr === lineNr) {
16326
16358
  this.newLine = true;
16359
+ if (this.transactionLine.isArticle) {
16360
+ this._transactionService.showArticleNotificationsIfNecessary(this.transactionLine.goodId);
16361
+ }
16327
16362
  }
16328
16363
  }));
16329
16364
  }
@@ -16385,7 +16420,7 @@ class TransactionLineComponent {
16385
16420
  this._changeDetector.detectChanges();
16386
16421
  }
16387
16422
  }
16388
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: i0.ChangeDetectorRef }, { token: TransactionMappingService }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
16423
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionMappingService }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
16389
16424
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineComponent, isStandalone: false, selector: "co-transaction-line", inputs: { lineIndex: "lineIndex", activeCategory: "activeCategory", transactionLine: "transactionLine", preview: "preview", selected: "selected", isFirst: "isFirst", readonly: "readonly", customerPortal: "customerPortal", planningLines: "planningLines", draggedOver: "draggedOver" }, outputs: { waitingForUserAction: "waitingForUserAction", descriptionDblClick: "descriptionDblClick" }, host: { listeners: { "mouseenter": "showToolbar = true", "mouseleave": "showToolbar = false" }, properties: { "class.drag-over": "this.draggedOver", "class.co-transaction-line": "this.showClass", "class.new-line": "this.newLine" } }, providers: [
16390
16425
  TransactionMappingService,
16391
16426
  TransactionLineService
@@ -16447,7 +16482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
16447
16482
  ],
16448
16483
  standalone: false
16449
16484
  }]
16450
- }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: i0.ChangeDetectorRef }, { type: TransactionMappingService }, { type: i0.ApplicationRef }], propDecorators: { lineIndex: [{
16485
+ }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionMappingService }, { type: i0.ApplicationRef }], propDecorators: { lineIndex: [{
16451
16486
  type: Input
16452
16487
  }], container: [{
16453
16488
  type: ViewChild,
@@ -30128,82 +30163,82 @@ class TransactionTotalsComponent extends TransactionHeaderBaseComponent {
30128
30163
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionTotalsComponent, isStandalone: false, selector: "co-transaction-totals", inputs: { showDiscount: "showDiscount" }, outputs: { discountClick: "discountClick" }, host: { properties: { "class.co-transaction-totals": "this.showClass" } }, providers: [{
30129
30164
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
30130
30165
  useExisting: forwardRef(() => TransactionTotalsComponent)
30131
- }], usesInheritance: true, ngImport: i0, template: `
30132
- <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30133
- <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30134
- <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30135
- @if (transactionTotal?.totalDiscountAmount) {
30136
- <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30137
- <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30138
- }
30139
- @if (transactionInfo?.transactionDiscountPercentage) {
30140
- <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30141
- <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30142
- }
30143
- @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30144
- <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30145
- <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30146
- }
30147
- @if (transactionTotal?.assemblyCosts) {
30148
- <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30149
- <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30150
- }
30151
- @if (transactionTotal?.totalSurchargeAmount) {
30152
- <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30153
- <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30154
- }
30155
- <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30156
- <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30157
- @if (showDiscount) {
30158
- <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30159
- }
30160
- </div>
30161
- @if (showDiscountDialog) {
30162
- <co-dialog-transaction-header-discount class="discount-dialog"
30163
- (close)="showDiscountDialog = false">
30164
- </co-dialog-transaction-header-discount>
30165
- }
30166
+ }], usesInheritance: true, ngImport: i0, template: `
30167
+ <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30168
+ <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30169
+ <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30170
+ @if (transactionTotal?.totalDiscountAmount) {
30171
+ <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30172
+ <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30173
+ }
30174
+ @if (transactionInfo?.transactionDiscountPercentage) {
30175
+ <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30176
+ <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30177
+ }
30178
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30179
+ <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30180
+ <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30181
+ }
30182
+ @if (transactionTotal?.assemblyCosts) {
30183
+ <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30184
+ <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30185
+ }
30186
+ @if (transactionTotal?.totalSurchargeAmount) {
30187
+ <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30188
+ <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30189
+ }
30190
+ <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30191
+ <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30192
+ @if (showDiscount) {
30193
+ <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30194
+ }
30195
+ </div>
30196
+ @if (showDiscountDialog) {
30197
+ <co-dialog-transaction-header-discount class="discount-dialog"
30198
+ (close)="showDiscountDialog = false">
30199
+ </co-dialog-transaction-header-discount>
30200
+ }
30166
30201
  `, isInline: true, dependencies: [{ kind: "component", type: DialogTransactionHeaderDiscountComponent, selector: "co-dialog-transaction-header-discount" }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }, { kind: "pipe", type: AppendPipe, name: "append" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
30167
30202
  }
30168
30203
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionTotalsComponent, decorators: [{
30169
30204
  type: Component,
30170
30205
  args: [{
30171
30206
  selector: "co-transaction-totals",
30172
- template: `
30173
- <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30174
- <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30175
- <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30176
- @if (transactionTotal?.totalDiscountAmount) {
30177
- <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30178
- <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30179
- }
30180
- @if (transactionInfo?.transactionDiscountPercentage) {
30181
- <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30182
- <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30183
- }
30184
- @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30185
- <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30186
- <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30187
- }
30188
- @if (transactionTotal?.assemblyCosts) {
30189
- <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30190
- <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30191
- }
30192
- @if (transactionTotal?.totalSurchargeAmount) {
30193
- <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30194
- <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30195
- }
30196
- <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30197
- <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30198
- @if (showDiscount) {
30199
- <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30200
- }
30201
- </div>
30202
- @if (showDiscountDialog) {
30203
- <co-dialog-transaction-header-discount class="discount-dialog"
30204
- (close)="showDiscountDialog = false">
30205
- </co-dialog-transaction-header-discount>
30206
- }
30207
+ template: `
30208
+ <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30209
+ <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30210
+ <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30211
+ @if (transactionTotal?.totalDiscountAmount) {
30212
+ <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30213
+ <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30214
+ }
30215
+ @if (transactionInfo?.transactionDiscountPercentage) {
30216
+ <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30217
+ <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30218
+ }
30219
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30220
+ <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30221
+ <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30222
+ }
30223
+ @if (transactionTotal?.assemblyCosts) {
30224
+ <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30225
+ <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30226
+ }
30227
+ @if (transactionTotal?.totalSurchargeAmount) {
30228
+ <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30229
+ <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30230
+ }
30231
+ <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30232
+ <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30233
+ @if (showDiscount) {
30234
+ <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30235
+ }
30236
+ </div>
30237
+ @if (showDiscountDialog) {
30238
+ <co-dialog-transaction-header-discount class="discount-dialog"
30239
+ (close)="showDiscountDialog = false">
30240
+ </co-dialog-transaction-header-discount>
30241
+ }
30207
30242
  `,
30208
30243
  providers: [{
30209
30244
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -32448,7 +32483,7 @@ class RelationContactDetailsComponent extends RelationBaseComponent {
32448
32483
  }
32449
32484
  </div>
32450
32485
  }
32451
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i9.RelationContactOptionsComponent, selector: "co-relation-contact-options", inputs: ["showAddContact", "emailScreenConfigurationObject", "phoneScreenConfigurationObject"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
32486
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i9.RelationContactOptionsComponent, selector: "co-relation-contact-options", inputs: ["showAddContact", "emailScreenConfigurationObject", "phoneScreenConfigurationObject", "readonly"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
32452
32487
  }
32453
32488
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RelationContactDetailsComponent, decorators: [{
32454
32489
  type: Component,
@@ -36913,9 +36948,7 @@ class CheckoutComponent {
36913
36948
  }
36914
36949
  async handleRelationValidation() {
36915
36950
  if (this.checkoutRelation && this.stepRelation) {
36916
- const relationHasEmailOrNotRequired = this.emailMandatory ? await this.checkForEmailContactOption() : true;
36917
- const relationHasPhoneOrNotRequired = this.phoneMandatory ? await this.checkForPhoneContactOption() : true;
36918
- const valid = this.checkoutRelation.submit() && relationHasEmailOrNotRequired && relationHasPhoneOrNotRequired;
36951
+ const valid = this.checkoutRelation.submit();
36919
36952
  if (valid) {
36920
36953
  this.checkAndClearSingleEmptyAddress();
36921
36954
  this.checkForAndSetSearchAddress();
@@ -36925,36 +36958,6 @@ class CheckoutComponent {
36925
36958
  return valid;
36926
36959
  }
36927
36960
  }
36928
- // Workaround for timing issue with blur event from contact option inputs.
36929
- async checkForEmailContactOption() {
36930
- return new Promise((resolve) => {
36931
- const emailInterval = setInterval(() => {
36932
- if (this.service.relation.getEmailContactOption()) {
36933
- clearInterval(emailInterval);
36934
- resolve(true);
36935
- }
36936
- }, 100);
36937
- setTimeout(() => {
36938
- clearInterval(emailInterval);
36939
- resolve(false);
36940
- }, 1500);
36941
- });
36942
- }
36943
- // Workaround for timing issue with blur event from contact option inputs.
36944
- async checkForPhoneContactOption() {
36945
- return new Promise((resolve) => {
36946
- const emailInterval = setInterval(() => {
36947
- if (this.service.relation.getPhoneContactOption()) {
36948
- clearInterval(emailInterval);
36949
- resolve(true);
36950
- }
36951
- }, 100);
36952
- setTimeout(() => {
36953
- clearInterval(emailInterval);
36954
- resolve(false);
36955
- }, 1500);
36956
- });
36957
- }
36958
36961
  //If a relation has no search address set the first active address to be such.
36959
36962
  checkForAndSetSearchAddress() {
36960
36963
  if (this.service.relation.activeAddresses.length > 0) {
@@ -48373,166 +48376,166 @@ class TransactionSearchSalesOrderTileComponent extends TransactionSearchTileBase
48373
48376
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesOrderTileComponent, isStandalone: false, selector: "co-transaction-search-sales-order-tile", inputs: { showAvatar: "showAvatar" }, providers: [{
48374
48377
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
48375
48378
  useExisting: forwardRef(() => TransactionSearchSalesOrderTileComponent)
48376
- }], usesInheritance: true, ngImport: i0, template: `
48377
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
48378
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
48379
- <div class="tile">
48380
- <div class="tile-header">
48381
- <div class="tile-upper-left">
48382
- <div class="transaction-tile-avatar">
48383
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
48384
- <span [textContent]="transaction.transNr"></span>
48385
- </div>
48386
- </div>
48387
- <div class="tile-upper-middle">
48388
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
48389
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
48390
- </div>
48391
-
48392
- <div class="tile-upper-right">
48393
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
48394
- <co-transaction-statusbar
48395
- [screenConfigurationObject]="cfgNames.StatusBar"
48396
- [configNames]="statusBarConfigNames"
48397
- [transaction]="transaction">
48398
- </co-transaction-statusbar>
48399
- </div>
48400
- </div>
48401
- </div>
48402
- <div class="tile-body">
48403
- <div class="tile-middle-left">
48404
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
48405
- <co-input-checkbox
48406
- [(model)]="transaction.selected"
48407
- (modelChange)="onSelectedClick(transaction)">
48408
- </co-input-checkbox>
48409
- }
48410
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
48411
- <co-icon
48412
- class="batch-info-icon"
48413
- [title]="'PART_OF_BATCH' | localize"
48414
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
48415
- </co-icon>
48416
- }
48417
- </div>
48418
- <div class="tile-middle-middle">
48419
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
48420
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
48421
- </div>
48422
- <div class="tile-middle-right"></div>
48423
- </div>
48424
- <div class="tile-footer">
48425
- <div class="tile-bottom-left order-info-section">
48426
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
48427
- <div class="value">
48428
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
48429
- </div>
48430
- </div>
48431
- <div class="tile-bottom-middle order-info-section">
48432
- @if (transaction.getDeliveryDate()) {
48433
- <div class="value">
48434
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
48435
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
48436
- @if (transaction.deliveryDateDefinitive) {
48437
- <co-icon
48438
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
48439
- } @else {
48440
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
48441
- }
48442
- </div>
48443
- }
48444
- </div>
48445
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
48446
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
48447
- <div class="value"><span
48448
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
48449
- </div>
48450
- </div>
48451
- </div>
48452
- </div>
48379
+ }], usesInheritance: true, ngImport: i0, template: `
48380
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
48381
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
48382
+ <div class="tile">
48383
+ <div class="tile-header">
48384
+ <div class="tile-upper-left">
48385
+ <div class="transaction-tile-avatar">
48386
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
48387
+ <span [textContent]="transaction.transNr"></span>
48388
+ </div>
48389
+ </div>
48390
+ <div class="tile-upper-middle">
48391
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
48392
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
48393
+ </div>
48394
+
48395
+ <div class="tile-upper-right">
48396
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
48397
+ <co-transaction-statusbar
48398
+ [screenConfigurationObject]="cfgNames.StatusBar"
48399
+ [configNames]="statusBarConfigNames"
48400
+ [transaction]="transaction">
48401
+ </co-transaction-statusbar>
48402
+ </div>
48403
+ </div>
48404
+ </div>
48405
+ <div class="tile-body">
48406
+ <div class="tile-middle-left">
48407
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
48408
+ <co-input-checkbox
48409
+ [(model)]="transaction.selected"
48410
+ (modelChange)="onSelectedClick(transaction)">
48411
+ </co-input-checkbox>
48412
+ }
48413
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
48414
+ <co-icon
48415
+ class="batch-info-icon"
48416
+ [title]="'PART_OF_BATCH' | localize"
48417
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
48418
+ </co-icon>
48419
+ }
48420
+ </div>
48421
+ <div class="tile-middle-middle">
48422
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
48423
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
48424
+ </div>
48425
+ <div class="tile-middle-right"></div>
48426
+ </div>
48427
+ <div class="tile-footer">
48428
+ <div class="tile-bottom-left order-info-section">
48429
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
48430
+ <div class="value">
48431
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
48432
+ </div>
48433
+ </div>
48434
+ <div class="tile-bottom-middle order-info-section">
48435
+ @if (transaction.getDeliveryDate()) {
48436
+ <div class="value">
48437
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
48438
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
48439
+ @if (transaction.deliveryDateDefinitive) {
48440
+ <co-icon
48441
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
48442
+ } @else {
48443
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
48444
+ }
48445
+ </div>
48446
+ }
48447
+ </div>
48448
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
48449
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
48450
+ <div class="value"><span
48451
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
48452
+ </div>
48453
+ </div>
48454
+ </div>
48455
+ </div>
48453
48456
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "tooltipTitle", "relation", "showRelationNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { 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 });
48454
48457
  }
48455
48458
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesOrderTileComponent, decorators: [{
48456
48459
  type: Component,
48457
48460
  args: [{
48458
48461
  selector: "co-transaction-search-sales-order-tile",
48459
- template: `
48460
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
48461
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
48462
- <div class="tile">
48463
- <div class="tile-header">
48464
- <div class="tile-upper-left">
48465
- <div class="transaction-tile-avatar">
48466
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
48467
- <span [textContent]="transaction.transNr"></span>
48468
- </div>
48469
- </div>
48470
- <div class="tile-upper-middle">
48471
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
48472
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
48473
- </div>
48474
-
48475
- <div class="tile-upper-right">
48476
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
48477
- <co-transaction-statusbar
48478
- [screenConfigurationObject]="cfgNames.StatusBar"
48479
- [configNames]="statusBarConfigNames"
48480
- [transaction]="transaction">
48481
- </co-transaction-statusbar>
48482
- </div>
48483
- </div>
48484
- </div>
48485
- <div class="tile-body">
48486
- <div class="tile-middle-left">
48487
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
48488
- <co-input-checkbox
48489
- [(model)]="transaction.selected"
48490
- (modelChange)="onSelectedClick(transaction)">
48491
- </co-input-checkbox>
48492
- }
48493
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
48494
- <co-icon
48495
- class="batch-info-icon"
48496
- [title]="'PART_OF_BATCH' | localize"
48497
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
48498
- </co-icon>
48499
- }
48500
- </div>
48501
- <div class="tile-middle-middle">
48502
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
48503
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
48504
- </div>
48505
- <div class="tile-middle-right"></div>
48506
- </div>
48507
- <div class="tile-footer">
48508
- <div class="tile-bottom-left order-info-section">
48509
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
48510
- <div class="value">
48511
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
48512
- </div>
48513
- </div>
48514
- <div class="tile-bottom-middle order-info-section">
48515
- @if (transaction.getDeliveryDate()) {
48516
- <div class="value">
48517
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
48518
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
48519
- @if (transaction.deliveryDateDefinitive) {
48520
- <co-icon
48521
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
48522
- } @else {
48523
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
48524
- }
48525
- </div>
48526
- }
48527
- </div>
48528
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
48529
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
48530
- <div class="value"><span
48531
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
48532
- </div>
48533
- </div>
48534
- </div>
48535
- </div>
48462
+ template: `
48463
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
48464
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
48465
+ <div class="tile">
48466
+ <div class="tile-header">
48467
+ <div class="tile-upper-left">
48468
+ <div class="transaction-tile-avatar">
48469
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
48470
+ <span [textContent]="transaction.transNr"></span>
48471
+ </div>
48472
+ </div>
48473
+ <div class="tile-upper-middle">
48474
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
48475
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
48476
+ </div>
48477
+
48478
+ <div class="tile-upper-right">
48479
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
48480
+ <co-transaction-statusbar
48481
+ [screenConfigurationObject]="cfgNames.StatusBar"
48482
+ [configNames]="statusBarConfigNames"
48483
+ [transaction]="transaction">
48484
+ </co-transaction-statusbar>
48485
+ </div>
48486
+ </div>
48487
+ </div>
48488
+ <div class="tile-body">
48489
+ <div class="tile-middle-left">
48490
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
48491
+ <co-input-checkbox
48492
+ [(model)]="transaction.selected"
48493
+ (modelChange)="onSelectedClick(transaction)">
48494
+ </co-input-checkbox>
48495
+ }
48496
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
48497
+ <co-icon
48498
+ class="batch-info-icon"
48499
+ [title]="'PART_OF_BATCH' | localize"
48500
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
48501
+ </co-icon>
48502
+ }
48503
+ </div>
48504
+ <div class="tile-middle-middle">
48505
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
48506
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
48507
+ </div>
48508
+ <div class="tile-middle-right"></div>
48509
+ </div>
48510
+ <div class="tile-footer">
48511
+ <div class="tile-bottom-left order-info-section">
48512
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
48513
+ <div class="value">
48514
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
48515
+ </div>
48516
+ </div>
48517
+ <div class="tile-bottom-middle order-info-section">
48518
+ @if (transaction.getDeliveryDate()) {
48519
+ <div class="value">
48520
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
48521
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
48522
+ @if (transaction.deliveryDateDefinitive) {
48523
+ <co-icon
48524
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
48525
+ } @else {
48526
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
48527
+ }
48528
+ </div>
48529
+ }
48530
+ </div>
48531
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
48532
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
48533
+ <div class="value"><span
48534
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
48535
+ </div>
48536
+ </div>
48537
+ </div>
48538
+ </div>
48536
48539
  `,
48537
48540
  providers: [{
48538
48541
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -73640,132 +73643,132 @@ class TransactionSearchSalesQuotationTileComponent extends TransactionSearchTile
73640
73643
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesQuotationTileComponent, isStandalone: false, selector: "co-transaction-search-sales-quotation-tile", host: { properties: { "class.co-transaction-search-sales-quotation-tile": "this.showClass" } }, providers: [{
73641
73644
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
73642
73645
  useExisting: forwardRef(() => TransactionSearchSalesQuotationTileComponent)
73643
- }], usesInheritance: true, ngImport: i0, template: `
73644
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73645
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73646
- <div class="tile">
73647
- <div class="tile-header">
73648
- <div class="tile-upper-left">
73649
- <div class="transaction-tile-avatar">
73650
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73651
- <span [textContent]="transaction.transNr"></span>
73652
- </div>
73653
- </div>
73654
- <div class="tile-upper-middle">
73655
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73656
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73657
- </div>
73658
- </div>
73659
- <div class="tile-body">
73660
- <div class="tile-middle-left">
73661
- @if (showCheckbox) {
73662
- <co-input-checkbox
73663
- [(model)]="transaction.selected"
73664
- (modelChange)="onSelectedClick(transaction)"
73665
- ></co-input-checkbox>
73666
- }
73667
- </div>
73668
- <div class="tile-middle-middle">
73669
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
73670
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73671
- </div>
73672
- <div class="tile-middle-right"></div>
73673
- </div>
73674
- <div class="tile-footer">
73675
- <div class="tile-bottom-left order-info-section">
73676
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)" class="store-icon"></co-icon>
73677
- <div class="value">
73678
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73679
- </div>
73680
- </div>
73681
- <div class="tile-bottom-middle order-info-section">
73682
- @if (transaction.getDeliveryDate()) {
73683
- <div class="value">
73684
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73685
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73686
- @if (transaction.deliveryDateDefinitive) {
73687
- <co-icon
73688
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73689
- } @else {
73690
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73691
- }
73692
- </div>
73693
- }
73694
- </div>
73695
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73696
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73697
- <div class="value"><span
73698
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73699
- </div>
73700
- </div>
73701
- </div>
73702
- </div>
73646
+ }], usesInheritance: true, ngImport: i0, template: `
73647
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73648
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73649
+ <div class="tile">
73650
+ <div class="tile-header">
73651
+ <div class="tile-upper-left">
73652
+ <div class="transaction-tile-avatar">
73653
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73654
+ <span [textContent]="transaction.transNr"></span>
73655
+ </div>
73656
+ </div>
73657
+ <div class="tile-upper-middle">
73658
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73659
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73660
+ </div>
73661
+ </div>
73662
+ <div class="tile-body">
73663
+ <div class="tile-middle-left">
73664
+ @if (showCheckbox) {
73665
+ <co-input-checkbox
73666
+ [(model)]="transaction.selected"
73667
+ (modelChange)="onSelectedClick(transaction)"
73668
+ ></co-input-checkbox>
73669
+ }
73670
+ </div>
73671
+ <div class="tile-middle-middle">
73672
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
73673
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73674
+ </div>
73675
+ <div class="tile-middle-right"></div>
73676
+ </div>
73677
+ <div class="tile-footer">
73678
+ <div class="tile-bottom-left order-info-section">
73679
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)" class="store-icon"></co-icon>
73680
+ <div class="value">
73681
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73682
+ </div>
73683
+ </div>
73684
+ <div class="tile-bottom-middle order-info-section">
73685
+ @if (transaction.getDeliveryDate()) {
73686
+ <div class="value">
73687
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73688
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73689
+ @if (transaction.deliveryDateDefinitive) {
73690
+ <co-icon
73691
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73692
+ } @else {
73693
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73694
+ }
73695
+ </div>
73696
+ }
73697
+ </div>
73698
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73699
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73700
+ <div class="value"><span
73701
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73702
+ </div>
73703
+ </div>
73704
+ </div>
73705
+ </div>
73703
73706
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "tooltipTitle", "relation", "showRelationNr"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
73704
73707
  }
73705
73708
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesQuotationTileComponent, decorators: [{
73706
73709
  type: Component,
73707
73710
  args: [{
73708
73711
  selector: "co-transaction-search-sales-quotation-tile",
73709
- template: `
73710
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73711
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73712
- <div class="tile">
73713
- <div class="tile-header">
73714
- <div class="tile-upper-left">
73715
- <div class="transaction-tile-avatar">
73716
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73717
- <span [textContent]="transaction.transNr"></span>
73718
- </div>
73719
- </div>
73720
- <div class="tile-upper-middle">
73721
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73722
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73723
- </div>
73724
- </div>
73725
- <div class="tile-body">
73726
- <div class="tile-middle-left">
73727
- @if (showCheckbox) {
73728
- <co-input-checkbox
73729
- [(model)]="transaction.selected"
73730
- (modelChange)="onSelectedClick(transaction)"
73731
- ></co-input-checkbox>
73732
- }
73733
- </div>
73734
- <div class="tile-middle-middle">
73735
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
73736
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73737
- </div>
73738
- <div class="tile-middle-right"></div>
73739
- </div>
73740
- <div class="tile-footer">
73741
- <div class="tile-bottom-left order-info-section">
73742
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)" class="store-icon"></co-icon>
73743
- <div class="value">
73744
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73745
- </div>
73746
- </div>
73747
- <div class="tile-bottom-middle order-info-section">
73748
- @if (transaction.getDeliveryDate()) {
73749
- <div class="value">
73750
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73751
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73752
- @if (transaction.deliveryDateDefinitive) {
73753
- <co-icon
73754
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73755
- } @else {
73756
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73757
- }
73758
- </div>
73759
- }
73760
- </div>
73761
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73762
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73763
- <div class="value"><span
73764
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73765
- </div>
73766
- </div>
73767
- </div>
73768
- </div>
73712
+ template: `
73713
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73714
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73715
+ <div class="tile">
73716
+ <div class="tile-header">
73717
+ <div class="tile-upper-left">
73718
+ <div class="transaction-tile-avatar">
73719
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73720
+ <span [textContent]="transaction.transNr"></span>
73721
+ </div>
73722
+ </div>
73723
+ <div class="tile-upper-middle">
73724
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73725
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73726
+ </div>
73727
+ </div>
73728
+ <div class="tile-body">
73729
+ <div class="tile-middle-left">
73730
+ @if (showCheckbox) {
73731
+ <co-input-checkbox
73732
+ [(model)]="transaction.selected"
73733
+ (modelChange)="onSelectedClick(transaction)"
73734
+ ></co-input-checkbox>
73735
+ }
73736
+ </div>
73737
+ <div class="tile-middle-middle">
73738
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
73739
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73740
+ </div>
73741
+ <div class="tile-middle-right"></div>
73742
+ </div>
73743
+ <div class="tile-footer">
73744
+ <div class="tile-bottom-left order-info-section">
73745
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularWarehouseClock)" class="store-icon"></co-icon>
73746
+ <div class="value">
73747
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73748
+ </div>
73749
+ </div>
73750
+ <div class="tile-bottom-middle order-info-section">
73751
+ @if (transaction.getDeliveryDate()) {
73752
+ <div class="value">
73753
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73754
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73755
+ @if (transaction.deliveryDateDefinitive) {
73756
+ <co-icon
73757
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73758
+ } @else {
73759
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73760
+ }
73761
+ </div>
73762
+ }
73763
+ </div>
73764
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73765
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73766
+ <div class="value"><span
73767
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73768
+ </div>
73769
+ </div>
73770
+ </div>
73771
+ </div>
73769
73772
  `,
73770
73773
  providers: [{
73771
73774
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -73837,152 +73840,152 @@ class TransactionSearchPosOrderTileComponent extends TransactionSearchTileBaseCo
73837
73840
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPosOrderTileComponent, isStandalone: false, selector: "co-transaction-search-pos-order-tile", host: { properties: { "class.co-transaction-search-pos-order-tile": "this.showClass" } }, providers: [{
73838
73841
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
73839
73842
  useExisting: forwardRef(() => TransactionSearchPosOrderTileComponent)
73840
- }], usesInheritance: true, ngImport: i0, template: `
73841
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73842
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73843
- <div class="tile">
73844
- <div class="tile-header">
73845
- <div class="tile-upper-left">
73846
- <div class="transaction-tile-avatar">
73847
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73848
- <span [textContent]="transaction.transNr"></span>
73849
- </div>
73850
- </div>
73851
- <div class="tile-upper-middle">
73852
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73853
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73854
- </div>
73855
-
73856
- <div class="tile-upper-right">
73857
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
73858
- <co-transaction-statusbar
73859
- [screenConfigurationObject]="cfgNames.StatusBar"
73860
- [configNames]="statusBarConfigNames"
73861
- [transaction]="transaction">
73862
- </co-transaction-statusbar>
73863
- </div>
73864
- </div>
73865
- </div>
73866
- <div class="tile-body">
73867
- <div class="tile-middle-left">
73868
- @if (showCheckbox) {
73869
- <co-input-checkbox
73870
- [(model)]="transaction.selected"
73871
- (modelChange)="onSelectedClick(transaction)"
73872
- ></co-input-checkbox>
73873
- }
73874
- </div>
73875
- <div class="tile-middle-middle">
73876
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
73877
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73878
- </div>
73879
- <div class="tile-middle-right"></div>
73880
- </div>
73881
- <div class="tile-footer">
73882
- <div class="tile-bottom-left order-info-section">
73883
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
73884
- <div class="value">
73885
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73886
- </div>
73887
- </div>
73888
- <div class="tile-bottom-middle order-info-section">
73889
- @if (transaction.getDeliveryDate()) {
73890
- <div class="value">
73891
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73892
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73893
- @if (transaction.deliveryDateDefinitive) {
73894
- <co-icon
73895
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73896
- } @else {
73897
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73898
- }
73899
- </div>
73900
- }
73901
- </div>
73902
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73903
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73904
- <div class="value"><span
73905
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73906
- </div>
73907
- </div>
73908
- </div>
73909
- </div>
73843
+ }], usesInheritance: true, ngImport: i0, template: `
73844
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73845
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73846
+ <div class="tile">
73847
+ <div class="tile-header">
73848
+ <div class="tile-upper-left">
73849
+ <div class="transaction-tile-avatar">
73850
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73851
+ <span [textContent]="transaction.transNr"></span>
73852
+ </div>
73853
+ </div>
73854
+ <div class="tile-upper-middle">
73855
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73856
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73857
+ </div>
73858
+
73859
+ <div class="tile-upper-right">
73860
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
73861
+ <co-transaction-statusbar
73862
+ [screenConfigurationObject]="cfgNames.StatusBar"
73863
+ [configNames]="statusBarConfigNames"
73864
+ [transaction]="transaction">
73865
+ </co-transaction-statusbar>
73866
+ </div>
73867
+ </div>
73868
+ </div>
73869
+ <div class="tile-body">
73870
+ <div class="tile-middle-left">
73871
+ @if (showCheckbox) {
73872
+ <co-input-checkbox
73873
+ [(model)]="transaction.selected"
73874
+ (modelChange)="onSelectedClick(transaction)"
73875
+ ></co-input-checkbox>
73876
+ }
73877
+ </div>
73878
+ <div class="tile-middle-middle">
73879
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
73880
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73881
+ </div>
73882
+ <div class="tile-middle-right"></div>
73883
+ </div>
73884
+ <div class="tile-footer">
73885
+ <div class="tile-bottom-left order-info-section">
73886
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
73887
+ <div class="value">
73888
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73889
+ </div>
73890
+ </div>
73891
+ <div class="tile-bottom-middle order-info-section">
73892
+ @if (transaction.getDeliveryDate()) {
73893
+ <div class="value">
73894
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73895
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73896
+ @if (transaction.deliveryDateDefinitive) {
73897
+ <co-icon
73898
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73899
+ } @else {
73900
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73901
+ }
73902
+ </div>
73903
+ }
73904
+ </div>
73905
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73906
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73907
+ <div class="value"><span
73908
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73909
+ </div>
73910
+ </div>
73911
+ </div>
73912
+ </div>
73910
73913
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "tooltipTitle", "relation", "showRelationNr"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
73911
73914
  }
73912
73915
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPosOrderTileComponent, decorators: [{
73913
73916
  type: Component,
73914
73917
  args: [{
73915
73918
  selector: 'co-transaction-search-pos-order-tile',
73916
- template: `
73917
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73918
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73919
- <div class="tile">
73920
- <div class="tile-header">
73921
- <div class="tile-upper-left">
73922
- <div class="transaction-tile-avatar">
73923
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73924
- <span [textContent]="transaction.transNr"></span>
73925
- </div>
73926
- </div>
73927
- <div class="tile-upper-middle">
73928
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73929
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73930
- </div>
73931
-
73932
- <div class="tile-upper-right">
73933
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
73934
- <co-transaction-statusbar
73935
- [screenConfigurationObject]="cfgNames.StatusBar"
73936
- [configNames]="statusBarConfigNames"
73937
- [transaction]="transaction">
73938
- </co-transaction-statusbar>
73939
- </div>
73940
- </div>
73941
- </div>
73942
- <div class="tile-body">
73943
- <div class="tile-middle-left">
73944
- @if (showCheckbox) {
73945
- <co-input-checkbox
73946
- [(model)]="transaction.selected"
73947
- (modelChange)="onSelectedClick(transaction)"
73948
- ></co-input-checkbox>
73949
- }
73950
- </div>
73951
- <div class="tile-middle-middle">
73952
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
73953
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73954
- </div>
73955
- <div class="tile-middle-right"></div>
73956
- </div>
73957
- <div class="tile-footer">
73958
- <div class="tile-bottom-left order-info-section">
73959
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
73960
- <div class="value">
73961
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73962
- </div>
73963
- </div>
73964
- <div class="tile-bottom-middle order-info-section">
73965
- @if (transaction.getDeliveryDate()) {
73966
- <div class="value">
73967
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73968
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73969
- @if (transaction.deliveryDateDefinitive) {
73970
- <co-icon
73971
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73972
- } @else {
73973
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73974
- }
73975
- </div>
73976
- }
73977
- </div>
73978
- <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73979
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73980
- <div class="value"><span
73981
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73982
- </div>
73983
- </div>
73984
- </div>
73985
- </div>
73919
+ template: `
73920
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
73921
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
73922
+ <div class="tile">
73923
+ <div class="tile-header">
73924
+ <div class="tile-upper-left">
73925
+ <div class="transaction-tile-avatar">
73926
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
73927
+ <span [textContent]="transaction.transNr"></span>
73928
+ </div>
73929
+ </div>
73930
+ <div class="tile-upper-middle">
73931
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
73932
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
73933
+ </div>
73934
+
73935
+ <div class="tile-upper-right">
73936
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
73937
+ <co-transaction-statusbar
73938
+ [screenConfigurationObject]="cfgNames.StatusBar"
73939
+ [configNames]="statusBarConfigNames"
73940
+ [transaction]="transaction">
73941
+ </co-transaction-statusbar>
73942
+ </div>
73943
+ </div>
73944
+ </div>
73945
+ <div class="tile-body">
73946
+ <div class="tile-middle-left">
73947
+ @if (showCheckbox) {
73948
+ <co-input-checkbox
73949
+ [(model)]="transaction.selected"
73950
+ (modelChange)="onSelectedClick(transaction)"
73951
+ ></co-input-checkbox>
73952
+ }
73953
+ </div>
73954
+ <div class="tile-middle-middle">
73955
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
73956
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
73957
+ </div>
73958
+ <div class="tile-middle-right"></div>
73959
+ </div>
73960
+ <div class="tile-footer">
73961
+ <div class="tile-bottom-left order-info-section">
73962
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
73963
+ <div class="value">
73964
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
73965
+ </div>
73966
+ </div>
73967
+ <div class="tile-bottom-middle order-info-section">
73968
+ @if (transaction.getDeliveryDate()) {
73969
+ <div class="value">
73970
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
73971
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
73972
+ @if (transaction.deliveryDateDefinitive) {
73973
+ <co-icon
73974
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
73975
+ } @else {
73976
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
73977
+ }
73978
+ </div>
73979
+ }
73980
+ </div>
73981
+ <div class="tile-bottom-right order-info-section" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
73982
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
73983
+ <div class="value"><span
73984
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
73985
+ </div>
73986
+ </div>
73987
+ </div>
73988
+ </div>
73986
73989
  `,
73987
73990
  providers: [{
73988
73991
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -111897,7 +111900,6 @@ class TransactionCreateWizardComponent {
111897
111900
  [existingTransactionLine]="existingTransactionLine"
111898
111901
  [buttonsVisible]="buttonsVisible"
111899
111902
  [afterSalesSystem]="createService.afterSalesSystemParam"
111900
- [customerPortal]="customerPortal"
111901
111903
  (resetServiceWizard)="resetService()"
111902
111904
  (portalLineSelected)="onPortalButtonChange($event)"
111903
111905
  (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
@@ -111949,7 +111951,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
111949
111951
  [existingTransactionLine]="existingTransactionLine"
111950
111952
  [buttonsVisible]="buttonsVisible"
111951
111953
  [afterSalesSystem]="createService.afterSalesSystemParam"
111952
- [customerPortal]="customerPortal"
111953
111954
  (resetServiceWizard)="resetService()"
111954
111955
  (portalLineSelected)="onPortalButtonChange($event)"
111955
111956
  (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>