@colijnit/transaction 261.20.29 → 261.20.30

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 (17) hide show
  1. package/fesm2022/colijnit-transaction.mjs +587 -574
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +3 -3
  4. package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss +78 -78
  5. package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss +2 -2
  6. package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss +4 -4
  7. package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss +4 -4
  8. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss +27 -27
  9. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss +1 -1
  10. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss +4 -4
  11. package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/material.scss +4 -4
  12. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss +73 -73
  13. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss +6 -6
  14. package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/material.scss +4 -4
  15. package/package.json +1 -1
  16. package/colijnit-transaction-261.20.28.tgz +0 -0
  17. package/colijnit-transaction-261.20.29.tgz +0 -0
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -354,8 +354,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
354
354
  class Version {
355
355
  name = "@colijnit/transaction";
356
356
  description = "Colijn IT transaction package";
357
- symVer = "261.20.29";
358
- publishDate = "7-4-2026, 17:16:54";
357
+ symVer = "261.20.30";
358
+ publishDate = "8-4-2026, 17:51:37";
359
359
  }
360
360
 
361
361
  class CheckoutModuleService extends BaseModuleService {
@@ -11431,7 +11431,7 @@ class TransactionService extends PendingReasonService {
11431
11431
  return true;
11432
11432
  }
11433
11433
  async addRelationToTransaction(relationId) {
11434
- const created = await this._checkAndCreateTransaction();
11434
+ const created = await this._checkAndCreateTransaction(false);
11435
11435
  if (!created) {
11436
11436
  return false;
11437
11437
  }
@@ -13057,16 +13057,20 @@ class TransactionService extends PendingReasonService {
13057
13057
  return this.saveRelation();
13058
13058
  }
13059
13059
  }
13060
- async _checkAndCreateTransaction() {
13060
+ async _checkAndCreateTransaction(rememberTransaction = true) {
13061
13061
  if (!this.currentTransaction || !this.currentTransaction.transactionInfo || !this.currentTransaction.transactionInfo.transactionNr) {
13062
13062
  const createMethod = this._createTransactionMethods.get(this.transactionKind || TransactionKind.SalesOrder);
13063
13063
  if (createMethod) {
13064
+ const rememberRelation = this.getRelationOnRememberCurrentTransaction;
13065
+ this.getRelationOnRememberCurrentTransaction = false;
13064
13066
  const request = new CreateTransactionRequest();
13065
13067
  return await createMethod(request)
13066
13068
  .then(() => {
13069
+ this.getRelationOnRememberCurrentTransaction = rememberRelation;
13067
13070
  return true;
13068
13071
  })
13069
13072
  .catch(() => {
13073
+ this.getRelationOnRememberCurrentTransaction = rememberRelation;
13070
13074
  return false;
13071
13075
  });
13072
13076
  }
@@ -31586,12 +31590,6 @@ class CheckoutOverviewRelationEditComponent {
31586
31590
  this.vatCode = this._relation.vatCode;
31587
31591
  }
31588
31592
  this.address = this._getFirstActiveAddressOrCreateNew(this._relation);
31589
- if (this.address) {
31590
- this.deliveryAddressNawNr = this.address.nawNr;
31591
- this.deliveryAddressChange.emit(this.deliveryAddressNawNr);
31592
- this.invoiceAddressNawNr = this.address.nawNr;
31593
- this.invoiceAddressChange.emit(this.invoiceAddressNawNr);
31594
- }
31595
31593
  }
31596
31594
  }
31597
31595
  get relation() {
@@ -31683,8 +31681,17 @@ class CheckoutOverviewRelationEditComponent {
31683
31681
  }
31684
31682
  }
31685
31683
  }), this._suggestionsService.suggestedRelationClick.subscribe((relation) => this.onRelationSuggestionClick(relation)));
31686
- if (this._relation) {
31687
- this.address = this._relation.getFirstAddressOrCreateNew();
31684
+ if (this._relation && this._relation.relationId) {
31685
+ if (this.address) {
31686
+ if (this.deliveryAddressNawNr === undefined || this.deliveryAddressNawNr === null) {
31687
+ this.deliveryAddressNawNr = this.address.nawNr;
31688
+ this.deliveryAddressChange.emit(this.deliveryAddressNawNr);
31689
+ }
31690
+ if (this.invoiceAddressNawNr === undefined || this.invoiceAddressNawNr === null) {
31691
+ this.invoiceAddressNawNr = this.address.nawNr;
31692
+ this.invoiceAddressChange.emit(this.invoiceAddressNawNr);
31693
+ }
31694
+ }
31688
31695
  if (this._relationKind !== RelationKind$1.Supplier && this._screenConfigService.getDefaultValue(this.cfgNames.RelationType)) {
31689
31696
  let enumKey = Object.keys(RelationNameKind)[Object.values(RelationNameKind).indexOf(this._screenConfigService.getDefaultValue(this.cfgNames.RelationType))];
31690
31697
  if (enumKey) {
@@ -35878,15 +35885,21 @@ class CheckoutComponent {
35878
35885
  async saveRelation() {
35879
35886
  const success = await this.service.saveRelation();
35880
35887
  if (success) {
35881
- if (this.deliveryAddressNawNr === null || this.deliveryAddressNawNr === undefined || this.deliveryAddressNawNr === 0 && this.service.relation.addresses && this.service.relation.addresses.length === 1) {
35882
- this.deliveryAddressNawNr = this.service.relation.addresses[0].nawNr;
35888
+ if ((this.deliveryAddressNawNr === null || this.deliveryAddressNawNr === undefined || this.deliveryAddressNawNr === 0)
35889
+ && this.service.relation.addresses && this.service.relation.addresses.length === 1) {
35890
+ const activeAddresses = this.service.relation.addresses.filter(a => a.isActive);
35891
+ if (activeAddresses.length > 0) {
35892
+ this.deliveryAddressNawNr = activeAddresses[0].nawNr;
35893
+ }
35883
35894
  }
35884
35895
  if (this.deliveryAddressNawNr && this.service.currentTransaction.transactionInfo.transactionAddress !== this.deliveryAddressNawNr) {
35885
35896
  await this.service.updateHeaderDeliveryAddress(this.service.currentTransaction.transactionInfo.uuid, this.deliveryAddressNawNr);
35886
35897
  }
35887
35898
  const invoiceAddressNawNr = this.invoiceAddressNawNr ? this.invoiceAddressNawNr : this.deliveryAddressNawNr;
35888
- if (this.service.currentTransaction.transactionInfo.invoiceAddress !== invoiceAddressNawNr) {
35889
- await this.service.updateHeaderInvoiceAddress(this.service.currentTransaction.transactionInfo.uuid, invoiceAddressNawNr);
35899
+ if (invoiceAddressNawNr) {
35900
+ if (this.service.currentTransaction.transactionInfo.invoiceAddress !== invoiceAddressNawNr) {
35901
+ await this.service.updateHeaderInvoiceAddress(this.service.currentTransaction.transactionInfo.uuid, invoiceAddressNawNr);
35902
+ }
35890
35903
  }
35891
35904
  }
35892
35905
  return success;
@@ -45613,250 +45626,250 @@ class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
45613
45626
  return `Week ${weekNumber}`;
45614
45627
  }
45615
45628
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
45616
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45617
-
45618
- <div class="transaction-order-lines-wrapper">
45619
- <div class="transaction-order-info">
45620
- @if (transaction.transType === 'R') {
45621
- <div class="order-detail-section">
45622
- <span [textContent]="'CREATED_ON' | localize"></span>
45623
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45624
- </div>
45625
- <div class="order-detail-section">
45626
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45627
- <span [textContent]="transaction.transNr"></span>
45628
- </div>
45629
- }
45630
- @if (transaction.transType !== 'R') {
45631
- <div class="order-number-info">
45632
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45633
- <span [textContent]="transaction.transNr"></span>
45634
- </div>
45635
- <div class="order-details-info">
45636
- <div class="order-detail-section">
45637
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45638
- <div class="value">
45639
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45640
- </div>
45641
- </div>
45642
- @if (transaction.getDeliveryDate()) {
45643
- <div class="order-detail-section">
45644
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45645
- @if (!transaction.deliveryDateDefinitive) {
45646
- <div class="value">
45647
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45648
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45649
- </div>
45650
- }
45651
- @if (transaction.deliveryDateDefinitive) {
45652
- <div class="value">
45653
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45654
- </div>
45655
- }
45656
- </div>
45657
- }
45658
- <div class="order-detail-section">
45659
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45660
- <div class="value"><span
45661
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45662
- </div>
45663
- </div>
45664
- </div>
45665
- }
45666
- </div>
45667
- </div>
45668
-
45669
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45670
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45671
- <div class="tile">
45672
- <div class="tile-header">
45673
- <div class="tile-upper-left">
45674
- <div class="transaction-tile-avatar">
45675
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45676
- <span [textContent]="transaction.transNr"></span>
45677
- </div>
45678
- </div>
45679
- <div class="tile-upper-middle">
45680
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45681
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45682
- </div>
45683
-
45684
- <div class="tile-upper-right">
45685
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45686
- <co-transaction-statusbar
45687
- [screenConfigurationObject]="cfgNames.StatusBar"
45688
- [configNames]="statusBarConfigNames"
45689
- [transaction]="transaction">
45690
- </co-transaction-statusbar>
45691
- </div>
45692
- </div>
45693
- </div>
45694
- <div class="tile-body">
45695
- <div class="tile-middle-left">
45696
- <co-input-checkbox
45697
- *ngIf="showCheckbox"
45698
- [(model)]="transaction.selected"
45699
- (modelChange)="onSelectedClick(transaction)"
45700
- ></co-input-checkbox>
45701
- </div>
45702
- <div class="tile-middle-middle">
45703
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45704
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45705
- </div>
45706
- <div class="tile-middle-right"></div>
45707
- </div>
45708
- <div class="tile-footer">
45709
- <div class="tile-bottom-left order-info-section">
45710
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45711
- <div class="value">
45712
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45713
- </div>
45714
- </div>
45715
- <div class="tile-bottom-middle order-info-section">
45716
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45717
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45718
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45719
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45720
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45721
- <ng-template #indefinite>
45722
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45723
- </ng-template>
45724
- </div>
45725
- </div>
45726
- <div class="tile-bottom-right order-info-section">
45727
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45728
- <div class="value"><span
45729
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45730
- </div>
45731
- </div>
45732
- </div>
45733
- </div>
45734
- </div-->
45629
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
45630
+
45631
+ <div class="transaction-order-lines-wrapper">
45632
+ <div class="transaction-order-info">
45633
+ @if (transaction.transType === 'R') {
45634
+ <div class="order-detail-section">
45635
+ <span [textContent]="'CREATED_ON' | localize"></span>
45636
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45637
+ </div>
45638
+ <div class="order-detail-section">
45639
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45640
+ <span [textContent]="transaction.transNr"></span>
45641
+ </div>
45642
+ }
45643
+ @if (transaction.transType !== 'R') {
45644
+ <div class="order-number-info">
45645
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45646
+ <span [textContent]="transaction.transNr"></span>
45647
+ </div>
45648
+ <div class="order-details-info">
45649
+ <div class="order-detail-section">
45650
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45651
+ <div class="value">
45652
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45653
+ </div>
45654
+ </div>
45655
+ @if (transaction.getDeliveryDate()) {
45656
+ <div class="order-detail-section">
45657
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45658
+ @if (!transaction.deliveryDateDefinitive) {
45659
+ <div class="value">
45660
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45661
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45662
+ </div>
45663
+ }
45664
+ @if (transaction.deliveryDateDefinitive) {
45665
+ <div class="value">
45666
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45667
+ </div>
45668
+ }
45669
+ </div>
45670
+ }
45671
+ <div class="order-detail-section">
45672
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45673
+ <div class="value"><span
45674
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45675
+ </div>
45676
+ </div>
45677
+ </div>
45678
+ }
45679
+ </div>
45680
+ </div>
45681
+
45682
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45683
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45684
+ <div class="tile">
45685
+ <div class="tile-header">
45686
+ <div class="tile-upper-left">
45687
+ <div class="transaction-tile-avatar">
45688
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45689
+ <span [textContent]="transaction.transNr"></span>
45690
+ </div>
45691
+ </div>
45692
+ <div class="tile-upper-middle">
45693
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45694
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45695
+ </div>
45696
+
45697
+ <div class="tile-upper-right">
45698
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45699
+ <co-transaction-statusbar
45700
+ [screenConfigurationObject]="cfgNames.StatusBar"
45701
+ [configNames]="statusBarConfigNames"
45702
+ [transaction]="transaction">
45703
+ </co-transaction-statusbar>
45704
+ </div>
45705
+ </div>
45706
+ </div>
45707
+ <div class="tile-body">
45708
+ <div class="tile-middle-left">
45709
+ <co-input-checkbox
45710
+ *ngIf="showCheckbox"
45711
+ [(model)]="transaction.selected"
45712
+ (modelChange)="onSelectedClick(transaction)"
45713
+ ></co-input-checkbox>
45714
+ </div>
45715
+ <div class="tile-middle-middle">
45716
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45717
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45718
+ </div>
45719
+ <div class="tile-middle-right"></div>
45720
+ </div>
45721
+ <div class="tile-footer">
45722
+ <div class="tile-bottom-left order-info-section">
45723
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45724
+ <div class="value">
45725
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45726
+ </div>
45727
+ </div>
45728
+ <div class="tile-bottom-middle order-info-section">
45729
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45730
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45731
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45732
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45733
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45734
+ <ng-template #indefinite>
45735
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45736
+ </ng-template>
45737
+ </div>
45738
+ </div>
45739
+ <div class="tile-bottom-right order-info-section">
45740
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45741
+ <div class="value"><span
45742
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45743
+ </div>
45744
+ </div>
45745
+ </div>
45746
+ </div>
45747
+ </div-->
45735
45748
  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
45736
45749
  }
45737
45750
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, decorators: [{
45738
45751
  type: Component,
45739
45752
  args: [{
45740
45753
  selector: "co-transaction-order-tile",
45741
- template: `
45742
-
45743
- <div class="transaction-order-lines-wrapper">
45744
- <div class="transaction-order-info">
45745
- @if (transaction.transType === 'R') {
45746
- <div class="order-detail-section">
45747
- <span [textContent]="'CREATED_ON' | localize"></span>
45748
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45749
- </div>
45750
- <div class="order-detail-section">
45751
- <span [textContent]="'RETURN_NUMBER' | localize"></span>
45752
- <span [textContent]="transaction.transNr"></span>
45753
- </div>
45754
- }
45755
- @if (transaction.transType !== 'R') {
45756
- <div class="order-number-info">
45757
- <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45758
- <span [textContent]="transaction.transNr"></span>
45759
- </div>
45760
- <div class="order-details-info">
45761
- <div class="order-detail-section">
45762
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45763
- <div class="value">
45764
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45765
- </div>
45766
- </div>
45767
- @if (transaction.getDeliveryDate()) {
45768
- <div class="order-detail-section">
45769
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45770
- @if (!transaction.deliveryDateDefinitive) {
45771
- <div class="value">
45772
- <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45773
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45774
- </div>
45775
- }
45776
- @if (transaction.deliveryDateDefinitive) {
45777
- <div class="value">
45778
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45779
- </div>
45780
- }
45781
- </div>
45782
- }
45783
- <div class="order-detail-section">
45784
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45785
- <div class="value"><span
45786
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45787
- </div>
45788
- </div>
45789
- </div>
45790
- }
45791
- </div>
45792
- </div>
45793
-
45794
- <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45795
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45796
- <div class="tile">
45797
- <div class="tile-header">
45798
- <div class="tile-upper-left">
45799
- <div class="transaction-tile-avatar">
45800
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45801
- <span [textContent]="transaction.transNr"></span>
45802
- </div>
45803
- </div>
45804
- <div class="tile-upper-middle">
45805
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45806
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45807
- </div>
45808
-
45809
- <div class="tile-upper-right">
45810
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45811
- <co-transaction-statusbar
45812
- [screenConfigurationObject]="cfgNames.StatusBar"
45813
- [configNames]="statusBarConfigNames"
45814
- [transaction]="transaction">
45815
- </co-transaction-statusbar>
45816
- </div>
45817
- </div>
45818
- </div>
45819
- <div class="tile-body">
45820
- <div class="tile-middle-left">
45821
- <co-input-checkbox
45822
- *ngIf="showCheckbox"
45823
- [(model)]="transaction.selected"
45824
- (modelChange)="onSelectedClick(transaction)"
45825
- ></co-input-checkbox>
45826
- </div>
45827
- <div class="tile-middle-middle">
45828
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
45829
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45830
- </div>
45831
- <div class="tile-middle-right"></div>
45832
- </div>
45833
- <div class="tile-footer">
45834
- <div class="tile-bottom-left order-info-section">
45835
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45836
- <div class="value">
45837
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45838
- </div>
45839
- </div>
45840
- <div class="tile-bottom-middle order-info-section">
45841
- <div class="value" *ngIf="transaction.getDeliveryDate()">
45842
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45843
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45844
- <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45845
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45846
- <ng-template #indefinite>
45847
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45848
- </ng-template>
45849
- </div>
45850
- </div>
45851
- <div class="tile-bottom-right order-info-section">
45852
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45853
- <div class="value"><span
45854
- [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45855
- </div>
45856
- </div>
45857
- </div>
45858
- </div>
45859
- </div-->
45754
+ template: `
45755
+
45756
+ <div class="transaction-order-lines-wrapper">
45757
+ <div class="transaction-order-info">
45758
+ @if (transaction.transType === 'R') {
45759
+ <div class="order-detail-section">
45760
+ <span [textContent]="'CREATED_ON' | localize"></span>
45761
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45762
+ </div>
45763
+ <div class="order-detail-section">
45764
+ <span [textContent]="'RETURN_NUMBER' | localize"></span>
45765
+ <span [textContent]="transaction.transNr"></span>
45766
+ </div>
45767
+ }
45768
+ @if (transaction.transType !== 'R') {
45769
+ <div class="order-number-info">
45770
+ <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
45771
+ <span [textContent]="transaction.transNr"></span>
45772
+ </div>
45773
+ <div class="order-details-info">
45774
+ <div class="order-detail-section">
45775
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45776
+ <div class="value">
45777
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
45778
+ </div>
45779
+ </div>
45780
+ @if (transaction.getDeliveryDate()) {
45781
+ <div class="order-detail-section">
45782
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45783
+ @if (!transaction.deliveryDateDefinitive) {
45784
+ <div class="value">
45785
+ <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
45786
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
45787
+ </div>
45788
+ }
45789
+ @if (transaction.deliveryDateDefinitive) {
45790
+ <div class="value">
45791
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
45792
+ </div>
45793
+ }
45794
+ </div>
45795
+ }
45796
+ <div class="order-detail-section">
45797
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45798
+ <div class="value"><span
45799
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45800
+ </div>
45801
+ </div>
45802
+ </div>
45803
+ }
45804
+ </div>
45805
+ </div>
45806
+
45807
+ <!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
45808
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
45809
+ <div class="tile">
45810
+ <div class="tile-header">
45811
+ <div class="tile-upper-left">
45812
+ <div class="transaction-tile-avatar">
45813
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
45814
+ <span [textContent]="transaction.transNr"></span>
45815
+ </div>
45816
+ </div>
45817
+ <div class="tile-upper-middle">
45818
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
45819
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
45820
+ </div>
45821
+
45822
+ <div class="tile-upper-right">
45823
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
45824
+ <co-transaction-statusbar
45825
+ [screenConfigurationObject]="cfgNames.StatusBar"
45826
+ [configNames]="statusBarConfigNames"
45827
+ [transaction]="transaction">
45828
+ </co-transaction-statusbar>
45829
+ </div>
45830
+ </div>
45831
+ </div>
45832
+ <div class="tile-body">
45833
+ <div class="tile-middle-left">
45834
+ <co-input-checkbox
45835
+ *ngIf="showCheckbox"
45836
+ [(model)]="transaction.selected"
45837
+ (modelChange)="onSelectedClick(transaction)"
45838
+ ></co-input-checkbox>
45839
+ </div>
45840
+ <div class="tile-middle-middle">
45841
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
45842
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
45843
+ </div>
45844
+ <div class="tile-middle-right"></div>
45845
+ </div>
45846
+ <div class="tile-footer">
45847
+ <div class="tile-bottom-left order-info-section">
45848
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
45849
+ <div class="value">
45850
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
45851
+ </div>
45852
+ </div>
45853
+ <div class="tile-bottom-middle order-info-section">
45854
+ <div class="value" *ngIf="transaction.getDeliveryDate()">
45855
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
45856
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
45857
+ <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
45858
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
45859
+ <ng-template #indefinite>
45860
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
45861
+ </ng-template>
45862
+ </div>
45863
+ </div>
45864
+ <div class="tile-bottom-right order-info-section">
45865
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
45866
+ <div class="value"><span
45867
+ [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
45868
+ </div>
45869
+ </div>
45870
+ </div>
45871
+ </div>
45872
+ </div-->
45860
45873
  `,
45861
45874
  changeDetection: ChangeDetectionStrategy.OnPush,
45862
45875
  encapsulation: ViewEncapsulation.None,
@@ -45926,178 +45939,178 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
45926
45939
  }
45927
45940
  }
45928
45941
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
45929
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
45930
- @if (!extendedTransactionSearch) {
45931
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45932
- (visibilityChange)="handleVisibilityChange($event)">
45933
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45934
- </co-transaction-order-tile>
45935
- <div class="order-lines-container co-small-scrollbar">
45936
- <div class="order-lines">
45937
- @for (line of lines; track line) {
45938
- <div class="inner-lines">
45939
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
45940
- </div>
45941
- }
45942
- </div>
45943
- </div>
45944
- </div>
45945
- }
45946
- @if (extendedTransactionSearch) {
45947
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45948
- (visibilityChange)="handleVisibilityChange($event)">
45949
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45950
- </co-transaction-order-tile>
45951
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
45952
- @if(returnWizardLayout) {
45953
- <div class="order-lines-wizard">
45954
- @for (line of lines; track line) {
45955
- <div class="inner-lines">
45956
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
45957
- </div>
45958
- }
45959
- </div>
45960
- }
45961
-
45962
- @if(!returnWizardLayout) {
45963
- @if (transaction.transactionKind !== 'S') {
45964
- <div class="order-lines">
45965
- @for (line of lines; track line) {
45966
- <div class="inner-lines">
45967
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
45968
- </div>
45969
- }
45970
- </div>
45971
- }
45972
- @if (transaction.transactionKind === 'S') {
45973
- <div class="service-lines">
45974
- <div class="service-line">
45975
- <div class="service-status">
45976
- <span class="service-label" [textContent]="'STATE' | localize"></span>
45977
- <span [textContent]="transaction.workflowStatusDescription"></span>
45978
- </div>
45979
- <div class="service-message">
45980
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
45981
- <span class="message" [textContent]="transaction.serviceMessage"></span>
45982
- </div>
45983
- </div>
45984
- <div class="service-right-side">
45985
- <div class="service-priority">
45986
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
45987
- <span
45988
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
45989
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
45990
- </div>
45991
- <div class="service-modified">
45992
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
45993
- <span [textContent]="transaction.dateModified"></span>
45994
- </div>
45995
- <div class="service-created">
45996
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
45997
- <span [textContent]="transaction.relationName"></span>
45998
- </div>
45999
- </div>
46000
- </div>
46001
- }
46002
- }
46003
- <div class="show-order-wrapper">
46004
- <div class="show-order">
46005
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46006
- <span [textContent]="showOrderLabel() | localize"></span>
46007
- </div>
46008
- </div>
46009
- </div>
46010
- </div>
46011
- }
45942
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
45943
+ @if (!extendedTransactionSearch) {
45944
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45945
+ (visibilityChange)="handleVisibilityChange($event)">
45946
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45947
+ </co-transaction-order-tile>
45948
+ <div class="order-lines-container co-small-scrollbar">
45949
+ <div class="order-lines">
45950
+ @for (line of lines; track line) {
45951
+ <div class="inner-lines">
45952
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
45953
+ </div>
45954
+ }
45955
+ </div>
45956
+ </div>
45957
+ </div>
45958
+ }
45959
+ @if (extendedTransactionSearch) {
45960
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
45961
+ (visibilityChange)="handleVisibilityChange($event)">
45962
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
45963
+ </co-transaction-order-tile>
45964
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
45965
+ @if(returnWizardLayout) {
45966
+ <div class="order-lines-wizard">
45967
+ @for (line of lines; track line) {
45968
+ <div class="inner-lines">
45969
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
45970
+ </div>
45971
+ }
45972
+ </div>
45973
+ }
45974
+
45975
+ @if(!returnWizardLayout) {
45976
+ @if (transaction.transactionKind !== 'S') {
45977
+ <div class="order-lines">
45978
+ @for (line of lines; track line) {
45979
+ <div class="inner-lines">
45980
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
45981
+ </div>
45982
+ }
45983
+ </div>
45984
+ }
45985
+ @if (transaction.transactionKind === 'S') {
45986
+ <div class="service-lines">
45987
+ <div class="service-line">
45988
+ <div class="service-status">
45989
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
45990
+ <span [textContent]="transaction.workflowStatusDescription"></span>
45991
+ </div>
45992
+ <div class="service-message">
45993
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
45994
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
45995
+ </div>
45996
+ </div>
45997
+ <div class="service-right-side">
45998
+ <div class="service-priority">
45999
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46000
+ <span
46001
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46002
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46003
+ </div>
46004
+ <div class="service-modified">
46005
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46006
+ <span [textContent]="transaction.dateModified"></span>
46007
+ </div>
46008
+ <div class="service-created">
46009
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46010
+ <span [textContent]="transaction.relationName"></span>
46011
+ </div>
46012
+ </div>
46013
+ </div>
46014
+ }
46015
+ }
46016
+ <div class="show-order-wrapper">
46017
+ <div class="show-order">
46018
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46019
+ <span [textContent]="showOrderLabel() | localize"></span>
46020
+ </div>
46021
+ </div>
46022
+ </div>
46023
+ </div>
46024
+ }
46012
46025
  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionLineTileComponent, selector: "co-transaction-line-tile", inputs: ["line", "showPriceAmount"] }, { kind: "component", type: TransactionOrderTileComponent, selector: "co-transaction-order-tile", inputs: ["showAvatar"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
46013
46026
  }
46014
46027
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, decorators: [{
46015
46028
  type: Component,
46016
46029
  args: [{
46017
46030
  selector: 'co-transaction-search-sales-line-select-tile',
46018
- template: `
46019
- @if (!extendedTransactionSearch) {
46020
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46021
- (visibilityChange)="handleVisibilityChange($event)">
46022
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46023
- </co-transaction-order-tile>
46024
- <div class="order-lines-container co-small-scrollbar">
46025
- <div class="order-lines">
46026
- @for (line of lines; track line) {
46027
- <div class="inner-lines">
46028
- <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46029
- </div>
46030
- }
46031
- </div>
46032
- </div>
46033
- </div>
46034
- }
46035
- @if (extendedTransactionSearch) {
46036
- <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46037
- (visibilityChange)="handleVisibilityChange($event)">
46038
- <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46039
- </co-transaction-order-tile>
46040
- <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46041
- @if(returnWizardLayout) {
46042
- <div class="order-lines-wizard">
46043
- @for (line of lines; track line) {
46044
- <div class="inner-lines">
46045
- <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46046
- </div>
46047
- }
46048
- </div>
46049
- }
46050
-
46051
- @if(!returnWizardLayout) {
46052
- @if (transaction.transactionKind !== 'S') {
46053
- <div class="order-lines">
46054
- @for (line of lines; track line) {
46055
- <div class="inner-lines">
46056
- <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46057
- </div>
46058
- }
46059
- </div>
46060
- }
46061
- @if (transaction.transactionKind === 'S') {
46062
- <div class="service-lines">
46063
- <div class="service-line">
46064
- <div class="service-status">
46065
- <span class="service-label" [textContent]="'STATE' | localize"></span>
46066
- <span [textContent]="transaction.workflowStatusDescription"></span>
46067
- </div>
46068
- <div class="service-message">
46069
- <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46070
- <span class="message" [textContent]="transaction.serviceMessage"></span>
46071
- </div>
46072
- </div>
46073
- <div class="service-right-side">
46074
- <div class="service-priority">
46075
- <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46076
- <span
46077
- [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46078
- [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46079
- </div>
46080
- <div class="service-modified">
46081
- <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46082
- <span [textContent]="transaction.dateModified"></span>
46083
- </div>
46084
- <div class="service-created">
46085
- <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46086
- <span [textContent]="transaction.relationName"></span>
46087
- </div>
46088
- </div>
46089
- </div>
46090
- }
46091
- }
46092
- <div class="show-order-wrapper">
46093
- <div class="show-order">
46094
- <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46095
- <span [textContent]="showOrderLabel() | localize"></span>
46096
- </div>
46097
- </div>
46098
- </div>
46099
- </div>
46100
- }
46031
+ template: `
46032
+ @if (!extendedTransactionSearch) {
46033
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46034
+ (visibilityChange)="handleVisibilityChange($event)">
46035
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46036
+ </co-transaction-order-tile>
46037
+ <div class="order-lines-container co-small-scrollbar">
46038
+ <div class="order-lines">
46039
+ @for (line of lines; track line) {
46040
+ <div class="inner-lines">
46041
+ <co-transaction-line-tile [line]="line" (click)="tileClicked(line)"></co-transaction-line-tile>
46042
+ </div>
46043
+ }
46044
+ </div>
46045
+ </div>
46046
+ </div>
46047
+ }
46048
+ @if (extendedTransactionSearch) {
46049
+ <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
46050
+ (visibilityChange)="handleVisibilityChange($event)">
46051
+ <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
46052
+ </co-transaction-order-tile>
46053
+ <div class="order-lines-container" (click)="onTransactionClick(transaction)">
46054
+ @if(returnWizardLayout) {
46055
+ <div class="order-lines-wizard">
46056
+ @for (line of lines; track line) {
46057
+ <div class="inner-lines">
46058
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="true" ></co-transaction-line-tile>
46059
+ </div>
46060
+ }
46061
+ </div>
46062
+ }
46063
+
46064
+ @if(!returnWizardLayout) {
46065
+ @if (transaction.transactionKind !== 'S') {
46066
+ <div class="order-lines">
46067
+ @for (line of lines; track line) {
46068
+ <div class="inner-lines">
46069
+ <co-transaction-line-tile [line]="line" [showPriceAmount]="transaction.transType === 'R'" ></co-transaction-line-tile>
46070
+ </div>
46071
+ }
46072
+ </div>
46073
+ }
46074
+ @if (transaction.transactionKind === 'S') {
46075
+ <div class="service-lines">
46076
+ <div class="service-line">
46077
+ <div class="service-status">
46078
+ <span class="service-label" [textContent]="'STATE' | localize"></span>
46079
+ <span [textContent]="transaction.workflowStatusDescription"></span>
46080
+ </div>
46081
+ <div class="service-message">
46082
+ <span class="service-label" [textContent]="'MESSAGE' | localize"></span>
46083
+ <span class="message" [textContent]="transaction.serviceMessage"></span>
46084
+ </div>
46085
+ </div>
46086
+ <div class="service-right-side">
46087
+ <div class="service-priority">
46088
+ <span class="service-label" [textContent]="'PRIORITY' | localize"></span>
46089
+ <span
46090
+ [ngClass]="getPriorityLabel(transaction.servicePriority).toLowerCase() | localize"
46091
+ [textContent]="getPriorityLabel(transaction.servicePriority).toUpperCase() | localize"></span>
46092
+ </div>
46093
+ <div class="service-modified">
46094
+ <span class="service-label" [textContent]="'MODIFIED' | localize"></span>
46095
+ <span [textContent]="transaction.dateModified"></span>
46096
+ </div>
46097
+ <div class="service-created">
46098
+ <span class="service-label" [textContent]="'CREATED_BY' | localize"></span>
46099
+ <span [textContent]="transaction.relationName"></span>
46100
+ </div>
46101
+ </div>
46102
+ </div>
46103
+ }
46104
+ }
46105
+ <div class="show-order-wrapper">
46106
+ <div class="show-order">
46107
+ <co-icon [iconData]="iconCacheService.getIcon(icons.ChevronRightRegular)"></co-icon>
46108
+ <span [textContent]="showOrderLabel() | localize"></span>
46109
+ </div>
46110
+ </div>
46111
+ </div>
46112
+ </div>
46113
+ }
46101
46114
  `,
46102
46115
  encapsulation: ViewEncapsulation.None,
46103
46116
  standalone: false
@@ -69202,166 +69215,166 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
69202
69215
  }
69203
69216
  }
69204
69217
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
69205
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69206
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69207
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69208
- <div class="tile">
69209
- <div class="tile-header">
69210
- <div class="tile-upper-left">
69211
- <div class="transaction-tile-avatar">
69212
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69213
- <span [textContent]="transaction.transNr"></span>
69214
- </div>
69215
- </div>
69216
- <div class="tile-upper-middle">
69217
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69218
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69219
- </div>
69220
-
69221
- <div class="tile-upper-right">
69222
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69223
- <co-transaction-statusbar
69224
- [screenConfigurationObject]="cfgNames.StatusBar"
69225
- [configNames]="statusBarConfigNames"
69226
- [transaction]="transaction">
69227
- </co-transaction-statusbar>
69228
- </div>
69229
- </div>
69230
- </div>
69231
- <div class="tile-body">
69232
- <div class="tile-middle-left">
69233
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69234
- <co-input-checkbox
69235
- [(model)]="transaction.selected"
69236
- (modelChange)="onSelectedClick(transaction)">
69237
- </co-input-checkbox>
69238
- }
69239
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69240
- <co-icon
69241
- class="batch-info-icon"
69242
- [title]="'PART_OF_BATCH' | localize"
69243
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69244
- </co-icon>
69245
- }
69246
- </div>
69247
- <div class="tile-middle-middle">
69248
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69249
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69250
- </div>
69251
- <div class="tile-middle-right"></div>
69252
- </div>
69253
- <div class="tile-footer">
69254
- <div class="tile-bottom-left order-info-section">
69255
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69256
- <div class="value">
69257
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69258
- </div>
69259
- </div>
69260
- <div class="tile-bottom-middle order-info-section">
69261
- @if (transaction.getDeliveryDate()) {
69262
- <div class="value">
69263
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69264
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69265
- @if (transaction.deliveryDateDefinitive) {
69266
- <co-icon
69267
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69268
- } @else {
69269
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69270
- }
69271
- </div>
69272
- }
69273
- </div>
69274
- <div class="tile-bottom-right order-info-section">
69275
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69276
- <div class="value"><span
69277
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69278
- </div>
69279
- </div>
69280
- </div>
69281
- </div>
69218
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
69219
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69220
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69221
+ <div class="tile">
69222
+ <div class="tile-header">
69223
+ <div class="tile-upper-left">
69224
+ <div class="transaction-tile-avatar">
69225
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69226
+ <span [textContent]="transaction.transNr"></span>
69227
+ </div>
69228
+ </div>
69229
+ <div class="tile-upper-middle">
69230
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69231
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69232
+ </div>
69233
+
69234
+ <div class="tile-upper-right">
69235
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69236
+ <co-transaction-statusbar
69237
+ [screenConfigurationObject]="cfgNames.StatusBar"
69238
+ [configNames]="statusBarConfigNames"
69239
+ [transaction]="transaction">
69240
+ </co-transaction-statusbar>
69241
+ </div>
69242
+ </div>
69243
+ </div>
69244
+ <div class="tile-body">
69245
+ <div class="tile-middle-left">
69246
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69247
+ <co-input-checkbox
69248
+ [(model)]="transaction.selected"
69249
+ (modelChange)="onSelectedClick(transaction)">
69250
+ </co-input-checkbox>
69251
+ }
69252
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69253
+ <co-icon
69254
+ class="batch-info-icon"
69255
+ [title]="'PART_OF_BATCH' | localize"
69256
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69257
+ </co-icon>
69258
+ }
69259
+ </div>
69260
+ <div class="tile-middle-middle">
69261
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69262
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69263
+ </div>
69264
+ <div class="tile-middle-right"></div>
69265
+ </div>
69266
+ <div class="tile-footer">
69267
+ <div class="tile-bottom-left order-info-section">
69268
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69269
+ <div class="value">
69270
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69271
+ </div>
69272
+ </div>
69273
+ <div class="tile-bottom-middle order-info-section">
69274
+ @if (transaction.getDeliveryDate()) {
69275
+ <div class="value">
69276
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69277
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69278
+ @if (transaction.deliveryDateDefinitive) {
69279
+ <co-icon
69280
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69281
+ } @else {
69282
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69283
+ }
69284
+ </div>
69285
+ }
69286
+ </div>
69287
+ <div class="tile-bottom-right order-info-section">
69288
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69289
+ <div class="value"><span
69290
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69291
+ </div>
69292
+ </div>
69293
+ </div>
69294
+ </div>
69282
69295
  `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
69283
69296
  }
69284
69297
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, decorators: [{
69285
69298
  type: Component,
69286
69299
  args: [{
69287
69300
  selector: "co-transaction-search-purchase-order-tile",
69288
- template: `
69289
- <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69290
- <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69291
- <div class="tile">
69292
- <div class="tile-header">
69293
- <div class="tile-upper-left">
69294
- <div class="transaction-tile-avatar">
69295
- <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69296
- <span [textContent]="transaction.transNr"></span>
69297
- </div>
69298
- </div>
69299
- <div class="tile-upper-middle">
69300
- <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69301
- <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69302
- </div>
69303
-
69304
- <div class="tile-upper-right">
69305
- <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69306
- <co-transaction-statusbar
69307
- [screenConfigurationObject]="cfgNames.StatusBar"
69308
- [configNames]="statusBarConfigNames"
69309
- [transaction]="transaction">
69310
- </co-transaction-statusbar>
69311
- </div>
69312
- </div>
69313
- </div>
69314
- <div class="tile-body">
69315
- <div class="tile-middle-left">
69316
- @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69317
- <co-input-checkbox
69318
- [(model)]="transaction.selected"
69319
- (modelChange)="onSelectedClick(transaction)">
69320
- </co-input-checkbox>
69321
- }
69322
- @if (showCheckbox && transaction.isInProgressForBatchJob) {
69323
- <co-icon
69324
- class="batch-info-icon"
69325
- [title]="'PART_OF_BATCH' | localize"
69326
- [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69327
- </co-icon>
69328
- }
69329
- </div>
69330
- <div class="tile-middle-middle">
69331
- <div class="text"><span [textContent]="transaction.relationName"></span></div>
69332
- <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69333
- </div>
69334
- <div class="tile-middle-right"></div>
69335
- </div>
69336
- <div class="tile-footer">
69337
- <div class="tile-bottom-left order-info-section">
69338
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69339
- <div class="value">
69340
- <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69341
- </div>
69342
- </div>
69343
- <div class="tile-bottom-middle order-info-section">
69344
- @if (transaction.getDeliveryDate()) {
69345
- <div class="value">
69346
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69347
- <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69348
- @if (transaction.deliveryDateDefinitive) {
69349
- <co-icon
69350
- [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69351
- } @else {
69352
- <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69353
- }
69354
- </div>
69355
- }
69356
- </div>
69357
- <div class="tile-bottom-right order-info-section">
69358
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69359
- <div class="value"><span
69360
- [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69361
- </div>
69362
- </div>
69363
- </div>
69364
- </div>
69301
+ template: `
69302
+ <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
69303
+ <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
69304
+ <div class="tile">
69305
+ <div class="tile-header">
69306
+ <div class="tile-upper-left">
69307
+ <div class="transaction-tile-avatar">
69308
+ <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
69309
+ <span [textContent]="transaction.transNr"></span>
69310
+ </div>
69311
+ </div>
69312
+ <div class="tile-upper-middle">
69313
+ <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
69314
+ <div class="text"><span [textContent]="transaction.branchNr"></span></div>
69315
+ </div>
69316
+
69317
+ <div class="tile-upper-right">
69318
+ <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
69319
+ <co-transaction-statusbar
69320
+ [screenConfigurationObject]="cfgNames.StatusBar"
69321
+ [configNames]="statusBarConfigNames"
69322
+ [transaction]="transaction">
69323
+ </co-transaction-statusbar>
69324
+ </div>
69325
+ </div>
69326
+ </div>
69327
+ <div class="tile-body">
69328
+ <div class="tile-middle-left">
69329
+ @if (showCheckbox && !transaction.isInProgressForBatchJob) {
69330
+ <co-input-checkbox
69331
+ [(model)]="transaction.selected"
69332
+ (modelChange)="onSelectedClick(transaction)">
69333
+ </co-input-checkbox>
69334
+ }
69335
+ @if (showCheckbox && transaction.isInProgressForBatchJob) {
69336
+ <co-icon
69337
+ class="batch-info-icon"
69338
+ [title]="'PART_OF_BATCH' | localize"
69339
+ [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
69340
+ </co-icon>
69341
+ }
69342
+ </div>
69343
+ <div class="tile-middle-middle">
69344
+ <div class="text"><span [textContent]="transaction.relationName"></span></div>
69345
+ <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
69346
+ </div>
69347
+ <div class="tile-middle-right"></div>
69348
+ </div>
69349
+ <div class="tile-footer">
69350
+ <div class="tile-bottom-left order-info-section">
69351
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
69352
+ <div class="value">
69353
+ <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
69354
+ </div>
69355
+ </div>
69356
+ <div class="tile-bottom-middle order-info-section">
69357
+ @if (transaction.getDeliveryDate()) {
69358
+ <div class="value">
69359
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
69360
+ <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
69361
+ @if (transaction.deliveryDateDefinitive) {
69362
+ <co-icon
69363
+ [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
69364
+ } @else {
69365
+ <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
69366
+ }
69367
+ </div>
69368
+ }
69369
+ </div>
69370
+ <div class="tile-bottom-right order-info-section">
69371
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
69372
+ <div class="value"><span
69373
+ [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
69374
+ </div>
69375
+ </div>
69376
+ </div>
69377
+ </div>
69365
69378
  `,
69366
69379
  encapsulation: ViewEncapsulation.None,
69367
69380
  standalone: false