@colijnit/transaction 262.1.65 → 262.1.66

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 +524 -526
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +9 -6
  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.66";
366
+ publishDate = "29-10-2026, 19:20:13";
365
367
  }
366
368
 
367
369
  class CheckoutModuleService extends BaseModuleService {
@@ -6491,6 +6493,16 @@ class TransactionConnectorAdapterService {
6491
6493
  return [];
6492
6494
  }
6493
6495
  }
6496
+ async selectNotesByTableKey(key, table) {
6497
+ const response = await this.mainConnector.selectNotesByTableKey(key, table);
6498
+ if (response && response.validationResult && response.validationResult.success) {
6499
+ return this._boFactory.makeBOArrayFromRawBackendDataArray(CoNotition, response.resultObjects);
6500
+ }
6501
+ else {
6502
+ this._handleExceptionFromResponse(response);
6503
+ return [];
6504
+ }
6505
+ }
6494
6506
  async getInternalParameterValue(param) {
6495
6507
  const response = await this.mainConnector?.getInternalParameterValue(param);
6496
6508
  if (!response) {
@@ -9218,6 +9230,9 @@ class TransactionConnectorService {
9218
9230
  async getRefTransactions(transId) {
9219
9231
  return this._adapterService.functionCall(this._adapterService.getRefTransactions, [transId]);
9220
9232
  }
9233
+ async selectNotesByTableKey(key, table) {
9234
+ return this._adapterService.functionCall(this._adapterService.selectNotesByTableKey, [key, table]);
9235
+ }
9221
9236
  async getInternalParameterValue(param) {
9222
9237
  return this._selectSingleParameterizedCacheService.requestCache(InternalParam, (param) => {
9223
9238
  return this._adapterService.functionCall(this._adapterService.getInternalParameterValue, [param]);
@@ -10513,6 +10528,18 @@ class TransactionBaseService extends BaseModuleService {
10513
10528
  }
10514
10529
  return refTransactions;
10515
10530
  }
10531
+ async showArticleNotificationsIfNecessary(goodId) {
10532
+ if (!isNaN(goodId) && goodId !== null) {
10533
+ let notes = await this.connector.selectNotesByTableKey(goodId.toString(), TableName.Goods);
10534
+ if (notes && notes.length > 0) {
10535
+ const notesToDisplay = notes.filter(note => note.display === NoteDisplayType.AlwaysDisplay
10536
+ || note.display === NoteDisplayType.OneOffMessage);
10537
+ notesToDisplay.forEach(note => {
10538
+ this.dialogService.showInformation(note.description, false);
10539
+ });
10540
+ }
10541
+ }
10542
+ }
10516
10543
  updateHeaderTransactionDepositAmount(uuid, amount, saveTransaction) {
10517
10544
  return Promise.resolve(true);
10518
10545
  }
@@ -16222,6 +16249,7 @@ class TransactionLineComponent {
16222
16249
  _transactionHeaderService;
16223
16250
  _transactionLineService;
16224
16251
  _transactionEventService;
16252
+ _transactionService;
16225
16253
  _changeDetector;
16226
16254
  _mappingService;
16227
16255
  _appRef;
@@ -16301,10 +16329,11 @@ class TransactionLineComponent {
16301
16329
  _componentRef;
16302
16330
  _subs = [];
16303
16331
  _shouldCreate = false;
16304
- constructor(_transactionHeaderService, _transactionLineService, _transactionEventService, _changeDetector, _mappingService, _appRef) {
16332
+ constructor(_transactionHeaderService, _transactionLineService, _transactionEventService, _transactionService, _changeDetector, _mappingService, _appRef) {
16305
16333
  this._transactionHeaderService = _transactionHeaderService;
16306
16334
  this._transactionLineService = _transactionLineService;
16307
16335
  this._transactionEventService = _transactionEventService;
16336
+ this._transactionService = _transactionService;
16308
16337
  this._changeDetector = _changeDetector;
16309
16338
  this._mappingService = _mappingService;
16310
16339
  this._appRef = _appRef;
@@ -16324,6 +16353,9 @@ class TransactionLineComponent {
16324
16353
  this._subs.push(this._transactionEventService.transactionLineAdded.subscribe((lineNr) => {
16325
16354
  if (lineNr !== undefined && this.transactionLine && this.transactionLine.lineNr === lineNr) {
16326
16355
  this.newLine = true;
16356
+ if (this.transactionLine.isArticle) {
16357
+ this._transactionService.showArticleNotificationsIfNecessary(this.transactionLine.goodId);
16358
+ }
16327
16359
  }
16328
16360
  }));
16329
16361
  }
@@ -16385,7 +16417,7 @@ class TransactionLineComponent {
16385
16417
  this._changeDetector.detectChanges();
16386
16418
  }
16387
16419
  }
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 });
16420
+ 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
16421
  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
16422
  TransactionMappingService,
16391
16423
  TransactionLineService
@@ -16447,7 +16479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
16447
16479
  ],
16448
16480
  standalone: false
16449
16481
  }]
16450
- }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: i0.ChangeDetectorRef }, { type: TransactionMappingService }, { type: i0.ApplicationRef }], propDecorators: { lineIndex: [{
16482
+ }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionMappingService }, { type: i0.ApplicationRef }], propDecorators: { lineIndex: [{
16451
16483
  type: Input
16452
16484
  }], container: [{
16453
16485
  type: ViewChild,
@@ -30128,82 +30160,82 @@ class TransactionTotalsComponent extends TransactionHeaderBaseComponent {
30128
30160
  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
30161
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
30130
30162
  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
- }
30163
+ }], usesInheritance: true, ngImport: i0, template: `
30164
+ <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30165
+ <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30166
+ <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30167
+ @if (transactionTotal?.totalDiscountAmount) {
30168
+ <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30169
+ <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30170
+ }
30171
+ @if (transactionInfo?.transactionDiscountPercentage) {
30172
+ <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30173
+ <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30174
+ }
30175
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30176
+ <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30177
+ <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30178
+ }
30179
+ @if (transactionTotal?.assemblyCosts) {
30180
+ <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30181
+ <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30182
+ }
30183
+ @if (transactionTotal?.totalSurchargeAmount) {
30184
+ <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30185
+ <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30186
+ }
30187
+ <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30188
+ <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30189
+ @if (showDiscount) {
30190
+ <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30191
+ }
30192
+ </div>
30193
+ @if (showDiscountDialog) {
30194
+ <co-dialog-transaction-header-discount class="discount-dialog"
30195
+ (close)="showDiscountDialog = false">
30196
+ </co-dialog-transaction-header-discount>
30197
+ }
30166
30198
  `, 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
30199
  }
30168
30200
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionTotalsComponent, decorators: [{
30169
30201
  type: Component,
30170
30202
  args: [{
30171
30203
  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
- }
30204
+ template: `
30205
+ <div class="transaction-totals-wrapper" [screenConfigNativeElement]="true" [screenConfigurationObject]="cfgNames.HeaderOrderOrderTotalHeader">
30206
+ <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
30207
+ <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
30208
+ @if (transactionTotal?.totalDiscountAmount) {
30209
+ <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
30210
+ <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.totalDiscountAmount < 0" [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
30211
+ }
30212
+ @if (transactionInfo?.transactionDiscountPercentage) {
30213
+ <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
30214
+ <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionInfo?.transactionDiscountPercentage < 0" [textContent]="transactionInfo?.transactionDiscountPercentage.toString() | append:' %'"></span>
30215
+ }
30216
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount) {
30217
+ <span class="totals-delivery-costs label" [textContent]="'DELIVERY_COSTS' | localize"></span>
30218
+ <span class="totals-delivery-costs value" [class.transaction-negative-value]="transactionTotal?.orderTotalDeliveryCostsAmount < 0" [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency"></span>
30219
+ }
30220
+ @if (transactionTotal?.assemblyCosts) {
30221
+ <span class="totals-assembly-costs label" [textContent]="'ASSEMBLY_COSTS' | localize"></span>
30222
+ <span class="totals-assembly-costs value" [class.transaction-negative-value]="transactionTotal?.assemblyCosts < 0" [textContent]="transactionTotal?.assemblyCosts | coCurrency"></span>
30223
+ }
30224
+ @if (transactionTotal?.totalSurchargeAmount) {
30225
+ <span class="totals-surcharge-amount label" [textContent]="'SURCHARGE_AMOUNT' | localize"></span>
30226
+ <span class="totals-surcharge-amount value" [class.transaction-negative-value]="transactionTotal?.totalSurchargeAmount < 0" [textContent]="transactionTotal?.totalSurchargeAmount | coCurrency"></span>
30227
+ }
30228
+ <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
30229
+ <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
30230
+ @if (showDiscount) {
30231
+ <a class="add-discount label" (click)="handleShowDiscountDialog($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
30232
+ }
30233
+ </div>
30234
+ @if (showDiscountDialog) {
30235
+ <co-dialog-transaction-header-discount class="discount-dialog"
30236
+ (close)="showDiscountDialog = false">
30237
+ </co-dialog-transaction-header-discount>
30238
+ }
30207
30239
  `,
30208
30240
  providers: [{
30209
30241
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -32448,7 +32480,7 @@ class RelationContactDetailsComponent extends RelationBaseComponent {
32448
32480
  }
32449
32481
  </div>
32450
32482
  }
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 });
32483
+ `, 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
32484
  }
32453
32485
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RelationContactDetailsComponent, decorators: [{
32454
32486
  type: Component,
@@ -36913,9 +36945,7 @@ class CheckoutComponent {
36913
36945
  }
36914
36946
  async handleRelationValidation() {
36915
36947
  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;
36948
+ const valid = this.checkoutRelation.submit();
36919
36949
  if (valid) {
36920
36950
  this.checkAndClearSingleEmptyAddress();
36921
36951
  this.checkForAndSetSearchAddress();
@@ -36925,36 +36955,6 @@ class CheckoutComponent {
36925
36955
  return valid;
36926
36956
  }
36927
36957
  }
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
36958
  //If a relation has no search address set the first active address to be such.
36959
36959
  checkForAndSetSearchAddress() {
36960
36960
  if (this.service.relation.activeAddresses.length > 0) {
@@ -48373,166 +48373,166 @@ class TransactionSearchSalesOrderTileComponent extends TransactionSearchTileBase
48373
48373
  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
48374
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
48375
48375
  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>
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>
48453
48453
  `, 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
48454
  }
48455
48455
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesOrderTileComponent, decorators: [{
48456
48456
  type: Component,
48457
48457
  args: [{
48458
48458
  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>
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>
48536
48536
  `,
48537
48537
  providers: [{
48538
48538
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -73640,132 +73640,132 @@ class TransactionSearchSalesQuotationTileComponent extends TransactionSearchTile
73640
73640
  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
73641
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
73642
73642
  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>
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>
73703
73703
  `, 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
73704
  }
73705
73705
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesQuotationTileComponent, decorators: [{
73706
73706
  type: Component,
73707
73707
  args: [{
73708
73708
  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>
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>
73769
73769
  `,
73770
73770
  providers: [{
73771
73771
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -73837,152 +73837,152 @@ class TransactionSearchPosOrderTileComponent extends TransactionSearchTileBaseCo
73837
73837
  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
73838
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
73839
73839
  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>
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>
73910
73910
  `, 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
73911
  }
73912
73912
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPosOrderTileComponent, decorators: [{
73913
73913
  type: Component,
73914
73914
  args: [{
73915
73915
  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>
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>
73986
73986
  `,
73987
73987
  providers: [{
73988
73988
  provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -111897,7 +111897,6 @@ class TransactionCreateWizardComponent {
111897
111897
  [existingTransactionLine]="existingTransactionLine"
111898
111898
  [buttonsVisible]="buttonsVisible"
111899
111899
  [afterSalesSystem]="createService.afterSalesSystemParam"
111900
- [customerPortal]="customerPortal"
111901
111900
  (resetServiceWizard)="resetService()"
111902
111901
  (portalLineSelected)="onPortalButtonChange($event)"
111903
111902
  (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
@@ -111949,7 +111948,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
111949
111948
  [existingTransactionLine]="existingTransactionLine"
111950
111949
  [buttonsVisible]="buttonsVisible"
111951
111950
  [afterSalesSystem]="createService.afterSalesSystemParam"
111952
- [customerPortal]="customerPortal"
111953
111951
  (resetServiceWizard)="resetService()"
111954
111952
  (portalLineSelected)="onPortalButtonChange($event)"
111955
111953
  (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>