@colijnit/transaction 261.20.38 → 261.20.39
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.
- package/fesm2022/colijnit-transaction.mjs +115 -166
- package/fesm2022/colijnit-transaction.mjs.map +1 -1
- package/index.d.ts +7 -4
- package/lib/component/transaction-create-wizard/style/_layout.scss +3 -1
- package/lib/component/transaction-service-overview/style/_layout.scss +136 -25
- package/package.json +1 -1
|
@@ -355,8 +355,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
|
|
|
355
355
|
class Version {
|
|
356
356
|
name = "@colijnit/transaction";
|
|
357
357
|
description = "Colijn IT transaction package";
|
|
358
|
-
symVer = "261.20.
|
|
359
|
-
publishDate = "
|
|
358
|
+
symVer = "261.20.39";
|
|
359
|
+
publishDate = "21-5-2026, 13:13:30";
|
|
360
360
|
}
|
|
361
361
|
|
|
362
362
|
class CheckoutModuleService extends BaseModuleService {
|
|
@@ -84851,6 +84851,7 @@ class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent
|
|
|
84851
84851
|
WorkflowCategoryType = WorkflowCategoryType;
|
|
84852
84852
|
cfgNames = TransactionCfgName;
|
|
84853
84853
|
openActivities;
|
|
84854
|
+
activityList;
|
|
84854
84855
|
showClass() {
|
|
84855
84856
|
return true;
|
|
84856
84857
|
}
|
|
@@ -84904,9 +84905,14 @@ class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent
|
|
|
84904
84905
|
}
|
|
84905
84906
|
ngOnDestroy() {
|
|
84906
84907
|
}
|
|
84908
|
+
ngAfterViewInit() {
|
|
84909
|
+
const el = this.activityList.nativeElement;
|
|
84910
|
+
el.scrollTop = el.scrollHeight;
|
|
84911
|
+
}
|
|
84907
84912
|
async getActivities() {
|
|
84908
84913
|
this.activities = await this.transactionService.getHistoricActivities(this.transactionInfo.id);
|
|
84909
84914
|
this.detectChanges();
|
|
84915
|
+
this.scrollActivitiesToBottom();
|
|
84910
84916
|
}
|
|
84911
84917
|
finishedActivitiesRefreshRequested() {
|
|
84912
84918
|
this.getActivities();
|
|
@@ -85023,11 +85029,19 @@ class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent
|
|
|
85023
85029
|
this.fetchDocuments();
|
|
85024
85030
|
this.getActivities();
|
|
85025
85031
|
}
|
|
85032
|
+
scrollActivitiesToBottom() {
|
|
85033
|
+
setTimeout(() => {
|
|
85034
|
+
const el = this.activityList?.nativeElement;
|
|
85035
|
+
if (!el)
|
|
85036
|
+
return;
|
|
85037
|
+
el.scrollTop = el.scrollHeight;
|
|
85038
|
+
});
|
|
85039
|
+
}
|
|
85026
85040
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionServiceOverviewComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionDialogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
85027
85041
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionServiceOverviewComponent, isStandalone: false, selector: "co-transaction-service-overview", inputs: { posOrderData: "posOrderData", customerPortal: "customerPortal" }, host: { properties: { "class.co-transaction-service-overview": "this.showClass" } }, providers: [{
|
|
85028
85042
|
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
85029
85043
|
useExisting: forwardRef(() => TransactionServiceOverviewComponent)
|
|
85030
|
-
}], viewQueries: [{ propertyName: "openActivities", first: true, predicate: ComponentActivityListComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
85044
|
+
}], viewQueries: [{ propertyName: "openActivities", first: true, predicate: ComponentActivityListComponent, descendants: true }, { propertyName: "activityList", first: true, predicate: ["activityList"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
85031
85045
|
<div class="service-overview-wrapper">
|
|
85032
85046
|
<div class="message-and-task-wrapper">
|
|
85033
85047
|
<div class="service-message-and-image-wrapper">
|
|
@@ -85072,10 +85086,19 @@ class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent
|
|
|
85072
85086
|
</div>
|
|
85073
85087
|
</div>
|
|
85074
85088
|
<div class="activity-list-component-wrapper">
|
|
85075
|
-
<div class="activity-list-conv-wrapper">
|
|
85089
|
+
<div class="activity-list-conv-wrapper" #activityList>
|
|
85076
85090
|
<co-activity-list [activities]="activities"
|
|
85077
|
-
[screenConfigurationObject]="cfgNames.HeaderHistActivities"></co-activity-list>
|
|
85091
|
+
[screenConfigurationObject]="cfgNames.HeaderHistActivities" ></co-activity-list>
|
|
85078
85092
|
</div>
|
|
85093
|
+
<co-task-creator [table]="TableName.Transactions" [remarkAndWorkKey]="transactionInfo?.id?.toString()"
|
|
85094
|
+
[taskKey]="transactionInfo?.transactionNr?.toString()"
|
|
85095
|
+
[author]="user" [branchNo]="transactionInfo?.branch?.relationNr.toString()"
|
|
85096
|
+
[allowRemarkCreation]="allowRemarkCreation" [allowWorkCreation]="allowWorkCreation"
|
|
85097
|
+
[allowTaskCreation]="allowTaskCreation" [allowEmailing]="allowEmailing"
|
|
85098
|
+
[workflowCategoryType]="WorkflowCategoryType.ServiceOrder"
|
|
85099
|
+
[screenConfigurationObject]="cfgNames.HeaderTaskCreator"
|
|
85100
|
+
(activityCreated)="fullActivitiesRefreshRequested()"
|
|
85101
|
+
(taskCreated)="openCreatedTask($event)"></co-task-creator>
|
|
85079
85102
|
</div>
|
|
85080
85103
|
</div>
|
|
85081
85104
|
<div class="activity-task-creator-wrapper">
|
|
@@ -85096,15 +85119,6 @@ class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent
|
|
|
85096
85119
|
</div>
|
|
85097
85120
|
</div>
|
|
85098
85121
|
</div>
|
|
85099
|
-
<co-task-creator [table]="TableName.Transactions" [remarkAndWorkKey]="transactionInfo?.id?.toString()"
|
|
85100
|
-
[taskKey]="transactionInfo?.transactionNr?.toString()"
|
|
85101
|
-
[author]="user" [branchNo]="transactionInfo?.branch?.relationNr.toString()"
|
|
85102
|
-
[allowRemarkCreation]="allowRemarkCreation" [allowWorkCreation]="allowWorkCreation"
|
|
85103
|
-
[allowTaskCreation]="allowTaskCreation" [allowEmailing]="allowEmailing"
|
|
85104
|
-
[workflowCategoryType]="WorkflowCategoryType.ServiceOrder"
|
|
85105
|
-
[screenConfigurationObject]="cfgNames.HeaderTaskCreator"
|
|
85106
|
-
(activityCreated)="fullActivitiesRefreshRequested()"
|
|
85107
|
-
(taskCreated)="openCreatedTask($event)"></co-task-creator>
|
|
85108
85122
|
</div>
|
|
85109
85123
|
|
|
85110
85124
|
`, isInline: true, dependencies: [{ kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "component", type: i2.FilesUploadComponent, selector: "co-files-upload", inputs: ["dropzone", "label", "cfgNames", "customImageClick", "isEditable", "hideAvatars", "fileSavesOnPopupOkClick", "selected"], outputs: ["editSlideoutSubmit", "tagsChangeEvent", "imageClick"] }, { kind: "component", type: i2.ActivityListComponent, selector: "co-activity-list", inputs: ["activities", "remarkIcon", "workIcon", "statusIcon", "taskIcon"] }, { kind: "component", type: i2.ComponentActivityListComponent, selector: "co-component-activity-list", inputs: ["table", "key", "showActivityHeader", "hideTitle", "noFreeTasks", "customTitle", "userGroupId", "relationId", "branchNo", "componentActivitiesMethod", "setHasPausedNotificationsForWorkflowProcessOperation", "activitiesList"], outputs: ["openLinkClick", "amountActivityChanged", "linkClicked", "formCreated", "refreshRequested", "showUsergroupActivitiesChanged"] }, { kind: "component", type: i2.TaskCreatorComponent, selector: "co-task-creator", inputs: ["author", "branchNo", "table", "remarkAndWorkKey", "taskKey", "workflowCategoryType", "allowRemarkCreation", "allowWorkCreation", "allowTaskCreation", "allowEmailing"], outputs: ["activityCreated", "taskCreated"] }, { kind: "component", type: TransactionLinesSidePanelComponent, selector: "co-transaction-lines-side-panel", inputs: ["transaction", "posOrderData"] }, { kind: "component", type: TransactionServiceMessageComponent, selector: "co-transaction-service-message" }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -85158,10 +85172,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
85158
85172
|
</div>
|
|
85159
85173
|
</div>
|
|
85160
85174
|
<div class="activity-list-component-wrapper">
|
|
85161
|
-
<div class="activity-list-conv-wrapper">
|
|
85175
|
+
<div class="activity-list-conv-wrapper" #activityList>
|
|
85162
85176
|
<co-activity-list [activities]="activities"
|
|
85163
|
-
[screenConfigurationObject]="cfgNames.HeaderHistActivities"></co-activity-list>
|
|
85177
|
+
[screenConfigurationObject]="cfgNames.HeaderHistActivities" ></co-activity-list>
|
|
85164
85178
|
</div>
|
|
85179
|
+
<co-task-creator [table]="TableName.Transactions" [remarkAndWorkKey]="transactionInfo?.id?.toString()"
|
|
85180
|
+
[taskKey]="transactionInfo?.transactionNr?.toString()"
|
|
85181
|
+
[author]="user" [branchNo]="transactionInfo?.branch?.relationNr.toString()"
|
|
85182
|
+
[allowRemarkCreation]="allowRemarkCreation" [allowWorkCreation]="allowWorkCreation"
|
|
85183
|
+
[allowTaskCreation]="allowTaskCreation" [allowEmailing]="allowEmailing"
|
|
85184
|
+
[workflowCategoryType]="WorkflowCategoryType.ServiceOrder"
|
|
85185
|
+
[screenConfigurationObject]="cfgNames.HeaderTaskCreator"
|
|
85186
|
+
(activityCreated)="fullActivitiesRefreshRequested()"
|
|
85187
|
+
(taskCreated)="openCreatedTask($event)"></co-task-creator>
|
|
85165
85188
|
</div>
|
|
85166
85189
|
</div>
|
|
85167
85190
|
<div class="activity-task-creator-wrapper">
|
|
@@ -85182,15 +85205,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
85182
85205
|
</div>
|
|
85183
85206
|
</div>
|
|
85184
85207
|
</div>
|
|
85185
|
-
<co-task-creator [table]="TableName.Transactions" [remarkAndWorkKey]="transactionInfo?.id?.toString()"
|
|
85186
|
-
[taskKey]="transactionInfo?.transactionNr?.toString()"
|
|
85187
|
-
[author]="user" [branchNo]="transactionInfo?.branch?.relationNr.toString()"
|
|
85188
|
-
[allowRemarkCreation]="allowRemarkCreation" [allowWorkCreation]="allowWorkCreation"
|
|
85189
|
-
[allowTaskCreation]="allowTaskCreation" [allowEmailing]="allowEmailing"
|
|
85190
|
-
[workflowCategoryType]="WorkflowCategoryType.ServiceOrder"
|
|
85191
|
-
[screenConfigurationObject]="cfgNames.HeaderTaskCreator"
|
|
85192
|
-
(activityCreated)="fullActivitiesRefreshRequested()"
|
|
85193
|
-
(taskCreated)="openCreatedTask($event)"></co-task-creator>
|
|
85194
85208
|
</div>
|
|
85195
85209
|
|
|
85196
85210
|
`,
|
|
@@ -85204,6 +85218,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
85204
85218
|
}], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionEventService }, { type: IconCacheService }, { type: TransactionScreenConfigurationService }, { type: TransactionImageService }, { type: DictionaryService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionDialogService }], propDecorators: { openActivities: [{
|
|
85205
85219
|
type: ViewChild,
|
|
85206
85220
|
args: [ComponentActivityListComponent]
|
|
85221
|
+
}], activityList: [{
|
|
85222
|
+
type: ViewChild,
|
|
85223
|
+
args: ['activityList']
|
|
85207
85224
|
}], showClass: [{
|
|
85208
85225
|
type: HostBinding,
|
|
85209
85226
|
args: ['class.co-transaction-service-overview']
|
|
@@ -102372,7 +102389,7 @@ class TransactionLinesSidePanelServiceOrderComponent extends TransactionHeaderBa
|
|
|
102372
102389
|
}
|
|
102373
102390
|
}
|
|
102374
102391
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLinesSidePanelServiceOrderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
102375
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
102392
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionLinesSidePanelServiceOrderComponent, isStandalone: false, selector: "co-transaction-lines-side-panel-service-order", host: { properties: { "class.co-transaction-lines-side-panel-service-order": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
|
|
102376
102393
|
<div class="full-details-wrapper">
|
|
102377
102394
|
<div class="details-wrapper" [screenConfigurationObject]="cfgNames.HeaderProductDetails" [screenConfigNativeElement]="true">
|
|
102378
102395
|
<div class="details-label-wrapper">
|
|
@@ -102395,85 +102412,51 @@ class TransactionLinesSidePanelServiceOrderComponent extends TransactionHeaderBa
|
|
|
102395
102412
|
<co-image-display class="image-display" [model]="image"></co-image-display>
|
|
102396
102413
|
</div>
|
|
102397
102414
|
</div>
|
|
102398
|
-
|
|
102399
|
-
|
|
102400
|
-
|
|
102401
|
-
<div class="details-
|
|
102402
|
-
<div class="
|
|
102403
|
-
<label class="
|
|
102404
|
-
></
|
|
102415
|
+
<div class="show-details-wrapper"
|
|
102416
|
+
[@slideToggle]="showDetails ? 'open' : 'closed'">
|
|
102417
|
+
<div class="details-wrapper" [screenConfigurationObject]="cfgNames.HeaderOrderDetails" [screenConfigNativeElement]="true">
|
|
102418
|
+
<div class="details-display">
|
|
102419
|
+
<div class="detail">
|
|
102420
|
+
<label class="label" [textContent]="'SALES_ORDER'| localize"></label>
|
|
102421
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
|
|
102405
102422
|
</div>
|
|
102406
|
-
<div class="
|
|
102407
|
-
<
|
|
102408
|
-
|
|
102409
|
-
|
|
102410
|
-
|
|
102411
|
-
<
|
|
102412
|
-
<
|
|
102413
|
-
|
|
102414
|
-
|
|
102415
|
-
|
|
102416
|
-
<
|
|
102417
|
-
<div class="detail">
|
|
102418
|
-
<label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
|
|
102419
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
|
|
102420
|
-
</div>
|
|
102421
|
-
<div class="vertical-line"></div>
|
|
102422
|
-
<div class="detail">
|
|
102423
|
-
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102424
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceRefCustomer"></span>
|
|
102425
|
-
</div>
|
|
102423
|
+
<div class="detail">
|
|
102424
|
+
<label class="label" [textContent]="'ORDER_DATE'| localize"></label>
|
|
102425
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
|
|
102426
|
+
</div>
|
|
102427
|
+
<div class="detail">
|
|
102428
|
+
<label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
|
|
102429
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
|
|
102430
|
+
</div>
|
|
102431
|
+
<div class="detail">
|
|
102432
|
+
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102433
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceRefCustomer"></span>
|
|
102426
102434
|
</div>
|
|
102427
102435
|
</div>
|
|
102428
|
-
|
|
102429
|
-
|
|
102430
|
-
|
|
102431
|
-
|
|
102436
|
+
</div>
|
|
102437
|
+
<div class="details-wrapper" [screenConfigurationObject]="cfgNames.HeaderPurchaseDetails" [screenConfigNativeElement]="true">
|
|
102438
|
+
<div class="details-display supplier">
|
|
102439
|
+
<div class="detail">
|
|
102440
|
+
<label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
|
|
102441
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
|
|
102432
102442
|
</div>
|
|
102433
|
-
<div class="
|
|
102434
|
-
<
|
|
102435
|
-
|
|
102436
|
-
|
|
102437
|
-
|
|
102438
|
-
|
|
102439
|
-
|
|
102440
|
-
|
|
102441
|
-
|
|
102442
|
-
|
|
102443
|
-
|
|
102444
|
-
<div class="vertical-line"></div>
|
|
102445
|
-
<div class="detail">
|
|
102446
|
-
<label class="label" [textContent]="'RECEIVED'| localize"></label>
|
|
102447
|
-
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
|
|
102448
|
-
</div>
|
|
102449
|
-
<div class="vertical-line"></div>
|
|
102450
|
-
<div class="detail">
|
|
102451
|
-
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102452
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
|
|
102453
|
-
</div>
|
|
102454
|
-
<div class="vertical-line"></div>
|
|
102455
|
-
<div class="detail supplier">
|
|
102456
|
-
<label class="label" [textContent]="'SUPPLIER'| localize"></label>
|
|
102457
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceSupplierName"></span>
|
|
102458
|
-
</div>
|
|
102459
|
-
</div>
|
|
102460
|
-
<div class="bottom-details">
|
|
102461
|
-
</div>
|
|
102443
|
+
<div class="detail">
|
|
102444
|
+
<label class="label" [textContent]="'ORDER_DATE'| localize"></label>
|
|
102445
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
|
|
102446
|
+
</div>
|
|
102447
|
+
<div class="detail">
|
|
102448
|
+
<label class="label" [textContent]="'RECEIVED'| localize"></label>
|
|
102449
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
|
|
102450
|
+
</div>
|
|
102451
|
+
<div class="detail">
|
|
102452
|
+
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102453
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
|
|
102462
102454
|
</div>
|
|
102463
102455
|
</div>
|
|
102464
102456
|
</div>
|
|
102465
|
-
}
|
|
102466
|
-
<div class="details-expand clickable" (click)="showDetailsClick()">
|
|
102467
|
-
@if (!showDetails) {
|
|
102468
|
-
<span [textContent]="'READ_MORE' | localize"></span>
|
|
102469
|
-
}
|
|
102470
|
-
@if (showDetails) {
|
|
102471
|
-
<span [textContent]="'READ_LESS' | localize"></span>
|
|
102472
|
-
}
|
|
102473
|
-
<co-icon [class.active]="showDetails" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
|
|
102474
102457
|
</div>
|
|
102475
102458
|
</div>
|
|
102476
|
-
|
|
102459
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], animations: [
|
|
102477
102460
|
trigger('slideToggle', [
|
|
102478
102461
|
state('void', style({ height: '0px', overflow: 'hidden' })),
|
|
102479
102462
|
state('*', style({ height: '*', overflow: 'hidden' })),
|
|
@@ -102508,85 +102491,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
102508
102491
|
<co-image-display class="image-display" [model]="image"></co-image-display>
|
|
102509
102492
|
</div>
|
|
102510
102493
|
</div>
|
|
102511
|
-
|
|
102512
|
-
|
|
102513
|
-
|
|
102514
|
-
<div class="details-
|
|
102515
|
-
<div class="
|
|
102516
|
-
<label class="
|
|
102517
|
-
></
|
|
102494
|
+
<div class="show-details-wrapper"
|
|
102495
|
+
[@slideToggle]="showDetails ? 'open' : 'closed'">
|
|
102496
|
+
<div class="details-wrapper" [screenConfigurationObject]="cfgNames.HeaderOrderDetails" [screenConfigNativeElement]="true">
|
|
102497
|
+
<div class="details-display">
|
|
102498
|
+
<div class="detail">
|
|
102499
|
+
<label class="label" [textContent]="'SALES_ORDER'| localize"></label>
|
|
102500
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceTransactionNr"></span>
|
|
102518
102501
|
</div>
|
|
102519
|
-
<div class="
|
|
102520
|
-
<
|
|
102521
|
-
|
|
102522
|
-
|
|
102523
|
-
|
|
102524
|
-
<
|
|
102525
|
-
<
|
|
102526
|
-
|
|
102527
|
-
|
|
102528
|
-
|
|
102529
|
-
<
|
|
102530
|
-
<div class="detail">
|
|
102531
|
-
<label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
|
|
102532
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
|
|
102533
|
-
</div>
|
|
102534
|
-
<div class="vertical-line"></div>
|
|
102535
|
-
<div class="detail">
|
|
102536
|
-
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102537
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceRefCustomer"></span>
|
|
102538
|
-
</div>
|
|
102502
|
+
<div class="detail">
|
|
102503
|
+
<label class="label" [textContent]="'ORDER_DATE'| localize"></label>
|
|
102504
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'"></span>
|
|
102505
|
+
</div>
|
|
102506
|
+
<div class="detail">
|
|
102507
|
+
<label class="label" [textContent]="'DELIVERY_DATE'| localize"></label>
|
|
102508
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'"></span>
|
|
102509
|
+
</div>
|
|
102510
|
+
<div class="detail">
|
|
102511
|
+
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102512
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceRefCustomer"></span>
|
|
102539
102513
|
</div>
|
|
102540
102514
|
</div>
|
|
102541
|
-
|
|
102542
|
-
|
|
102543
|
-
|
|
102544
|
-
|
|
102515
|
+
</div>
|
|
102516
|
+
<div class="details-wrapper" [screenConfigurationObject]="cfgNames.HeaderPurchaseDetails" [screenConfigNativeElement]="true">
|
|
102517
|
+
<div class="details-display supplier">
|
|
102518
|
+
<div class="detail">
|
|
102519
|
+
<label class="label" [textContent]="'ORDERNUMBER'| localize"></label>
|
|
102520
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionNr"></span>
|
|
102545
102521
|
</div>
|
|
102546
|
-
<div class="
|
|
102547
|
-
<
|
|
102548
|
-
|
|
102549
|
-
|
|
102550
|
-
|
|
102551
|
-
|
|
102552
|
-
|
|
102553
|
-
|
|
102554
|
-
|
|
102555
|
-
|
|
102556
|
-
|
|
102557
|
-
<div class="vertical-line"></div>
|
|
102558
|
-
<div class="detail">
|
|
102559
|
-
<label class="label" [textContent]="'RECEIVED'| localize"></label>
|
|
102560
|
-
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
|
|
102561
|
-
</div>
|
|
102562
|
-
<div class="vertical-line"></div>
|
|
102563
|
-
<div class="detail">
|
|
102564
|
-
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102565
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
|
|
102566
|
-
</div>
|
|
102567
|
-
<div class="vertical-line"></div>
|
|
102568
|
-
<div class="detail supplier">
|
|
102569
|
-
<label class="label" [textContent]="'SUPPLIER'| localize"></label>
|
|
102570
|
-
<span class="value" [textContent]="transactionServiceInfo.sourceSupplierName"></span>
|
|
102571
|
-
</div>
|
|
102572
|
-
</div>
|
|
102573
|
-
<div class="bottom-details">
|
|
102574
|
-
</div>
|
|
102522
|
+
<div class="detail">
|
|
102523
|
+
<label class="label" [textContent]="'ORDER_DATE'| localize"></label>
|
|
102524
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'"></span>
|
|
102525
|
+
</div>
|
|
102526
|
+
<div class="detail">
|
|
102527
|
+
<label class="label" [textContent]="'RECEIVED'| localize"></label>
|
|
102528
|
+
<span class="value" [textContent]="transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'"></span>
|
|
102529
|
+
</div>
|
|
102530
|
+
<div class="detail">
|
|
102531
|
+
<label class="label" [textContent]="'REFERENCE'| localize"></label>
|
|
102532
|
+
<span class="value" [textContent]="transactionServiceInfo.sourceRefSupplier"></span>
|
|
102575
102533
|
</div>
|
|
102576
102534
|
</div>
|
|
102577
102535
|
</div>
|
|
102578
|
-
}
|
|
102579
|
-
<div class="details-expand clickable" (click)="showDetailsClick()">
|
|
102580
|
-
@if (!showDetails) {
|
|
102581
|
-
<span [textContent]="'READ_MORE' | localize"></span>
|
|
102582
|
-
}
|
|
102583
|
-
@if (showDetails) {
|
|
102584
|
-
<span [textContent]="'READ_LESS' | localize"></span>
|
|
102585
|
-
}
|
|
102586
|
-
<co-icon [class.active]="showDetails" [iconData]="iconCacheService.getIcon(icons.ChevronDownRegular)"></co-icon>
|
|
102587
102536
|
</div>
|
|
102588
102537
|
</div>
|
|
102589
|
-
|
|
102538
|
+
`,
|
|
102590
102539
|
encapsulation: ViewEncapsulation.None,
|
|
102591
102540
|
animations: [
|
|
102592
102541
|
trigger('slideToggle', [
|