@colijnit/transaction 261.20.37 → 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 +121 -173
- package/fesm2022/colijnit-transaction.mjs.map +1 -1
- package/index.d.ts +4 -1
- 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
package/index.d.ts
CHANGED
|
@@ -15925,7 +15925,7 @@ declare class TransactionLinesSidePanelModule {
|
|
|
15925
15925
|
static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLinesSidePanelModule>;
|
|
15926
15926
|
}
|
|
15927
15927
|
|
|
15928
|
-
declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy {
|
|
15928
|
+
declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy, AfterViewInit {
|
|
15929
15929
|
transactionHeaderService: TransactionHeaderService;
|
|
15930
15930
|
transactionEventService: TransactionEventService;
|
|
15931
15931
|
iconCacheService: IconCacheService;
|
|
@@ -15939,6 +15939,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
|
|
|
15939
15939
|
readonly WorkflowCategoryType: typeof WorkflowCategoryType;
|
|
15940
15940
|
readonly cfgNames: typeof TransactionCfgName;
|
|
15941
15941
|
openActivities: ComponentActivityListComponent;
|
|
15942
|
+
activityList: ElementRef<HTMLDivElement>;
|
|
15942
15943
|
showClass(): boolean;
|
|
15943
15944
|
posOrderData: PosOrderData;
|
|
15944
15945
|
customerPortal: boolean;
|
|
@@ -15961,6 +15962,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
|
|
|
15961
15962
|
constructor(transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef, _dialogService: TransactionDialogService);
|
|
15962
15963
|
ngOnInit(): Promise<void>;
|
|
15963
15964
|
ngOnDestroy(): void;
|
|
15965
|
+
ngAfterViewInit(): void;
|
|
15964
15966
|
getActivities(): Promise<void>;
|
|
15965
15967
|
finishedActivitiesRefreshRequested(): void;
|
|
15966
15968
|
fullActivitiesRefreshRequested(): void;
|
|
@@ -15976,6 +15978,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
|
|
|
15976
15978
|
openCreatedTask(taskId: number): Promise<void>;
|
|
15977
15979
|
getWizardQuestionPairs(text?: string): string[][];
|
|
15978
15980
|
protected transactionInfoSet(): void;
|
|
15981
|
+
private scrollActivitiesToBottom;
|
|
15979
15982
|
static ɵfac: i0.ɵɵFactoryDeclaration<TransactionServiceOverviewComponent, never>;
|
|
15980
15983
|
static ɵcmp: i0.ɵɵComponentDeclaration<TransactionServiceOverviewComponent, "co-transaction-service-overview", never, { "posOrderData": { "alias": "posOrderData"; "required": false; }; "customerPortal": { "alias": "customerPortal"; "required": false; }; }, {}, never, never, false, never>;
|
|
15981
15984
|
}
|
|
@@ -10,9 +10,11 @@
|
|
|
10
10
|
flex-grow: 1;
|
|
11
11
|
flex-shrink: 1;
|
|
12
12
|
max-width: calc(100% - 450px);
|
|
13
|
+
margin: 30px auto;
|
|
14
|
+
padding: 30px 0;
|
|
15
|
+
box-shadow: 1px 1px 4px #0000001a;
|
|
13
16
|
co-stepper-step {
|
|
14
17
|
width: 100%;
|
|
15
|
-
max-width: 600px;
|
|
16
18
|
.co-transaction-header-popup-relation {
|
|
17
19
|
width: 100%;
|
|
18
20
|
}
|
|
@@ -16,11 +16,28 @@
|
|
|
16
16
|
padding: 0;
|
|
17
17
|
.co-transaction-lines-side-panel-service-order {
|
|
18
18
|
.full-details-wrapper {
|
|
19
|
+
.show-details-wrapper {
|
|
20
|
+
display: flex;
|
|
21
|
+
gap: 15px;
|
|
22
|
+
justify-content: space-between;
|
|
23
|
+
.details-wrapper {
|
|
24
|
+
background: #f8f8fa;
|
|
25
|
+
padding: 10px;
|
|
26
|
+
border-radius: 8px;
|
|
27
|
+
flex: 1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
19
30
|
.details-wrapper {
|
|
20
31
|
.details-display {
|
|
21
|
-
gap:
|
|
22
|
-
|
|
23
|
-
|
|
32
|
+
gap: 5px;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
.detail {
|
|
35
|
+
flex-direction: row;
|
|
36
|
+
gap: 5px;
|
|
37
|
+
label, span {
|
|
38
|
+
font-size: 11px;
|
|
39
|
+
color: #000;
|
|
40
|
+
}
|
|
24
41
|
}
|
|
25
42
|
}
|
|
26
43
|
.art-amount-batch {
|
|
@@ -181,24 +198,27 @@
|
|
|
181
198
|
&.bottom-task {
|
|
182
199
|
order: 2;
|
|
183
200
|
display: flex;
|
|
184
|
-
gap:
|
|
201
|
+
gap: 5px;
|
|
185
202
|
margin-top: 10px;
|
|
186
|
-
flex-
|
|
203
|
+
flex-wrap: wrap;
|
|
187
204
|
co-component-activity-overview {
|
|
188
205
|
.activity-icon {
|
|
189
206
|
display: none;
|
|
190
207
|
}
|
|
191
|
-
.
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
208
|
+
.task-box {
|
|
209
|
+
.co-button {
|
|
210
|
+
border: 1px solid #1b2874;
|
|
211
|
+
background: #1B28741A;
|
|
212
|
+
color: #1b2874;
|
|
213
|
+
justify-content: center;
|
|
214
|
+
align-items: center;
|
|
215
|
+
height: 32px;
|
|
216
|
+
min-width: 150px;
|
|
217
|
+
width: 100%;
|
|
218
|
+
span {
|
|
219
|
+
text-align: center;
|
|
220
|
+
font-size: 11px;
|
|
221
|
+
}
|
|
202
222
|
}
|
|
203
223
|
}
|
|
204
224
|
}
|
|
@@ -208,9 +228,14 @@
|
|
|
208
228
|
}
|
|
209
229
|
.activity-list-wrapper {
|
|
210
230
|
align-items: flex-start;
|
|
231
|
+
flex-direction: column-reverse;
|
|
232
|
+
}
|
|
233
|
+
.activity-list-conv-wrapper {
|
|
234
|
+
max-height: 300px;
|
|
235
|
+
overflow: auto;
|
|
211
236
|
}
|
|
212
237
|
.co-activity-list {
|
|
213
|
-
padding: 0;
|
|
238
|
+
padding: 0 0 30px 0;
|
|
214
239
|
display: block;
|
|
215
240
|
width: 100%;
|
|
216
241
|
margin-top: 15px;
|
|
@@ -229,7 +254,32 @@
|
|
|
229
254
|
overflow: auto;
|
|
230
255
|
max-width: 80%;
|
|
231
256
|
min-width: 50%;
|
|
232
|
-
|
|
257
|
+
&.activity-status-change {
|
|
258
|
+
width: 40%;
|
|
259
|
+
min-width: 40%;
|
|
260
|
+
background: #f8f8fa;
|
|
261
|
+
padding: 10px 30px;
|
|
262
|
+
box-shadow: none;
|
|
263
|
+
.activity-display {
|
|
264
|
+
flex-direction: row-reverse;
|
|
265
|
+
justify-content: space-between;
|
|
266
|
+
.activity-icon, .activity-display-footer {
|
|
267
|
+
display: none !important;
|
|
268
|
+
}
|
|
269
|
+
.activity-display-title {
|
|
270
|
+
span {
|
|
271
|
+
color: #6e6e6e;
|
|
272
|
+
text-transform: uppercase;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
.activity-display-body {
|
|
276
|
+
span {
|
|
277
|
+
text-transform: uppercase;
|
|
278
|
+
font-size: 11px;
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
}
|
|
233
283
|
}
|
|
234
284
|
.service-message-and-image-wrapper {
|
|
235
285
|
display: flex;
|
|
@@ -526,6 +576,7 @@
|
|
|
526
576
|
}
|
|
527
577
|
.co-component-activity-overview {
|
|
528
578
|
order: 1;
|
|
579
|
+
width: 100%;
|
|
529
580
|
&:hover {
|
|
530
581
|
background: transparent;
|
|
531
582
|
}
|
|
@@ -539,27 +590,79 @@
|
|
|
539
590
|
.activity-buttons {
|
|
540
591
|
.co-button {
|
|
541
592
|
width: 50%;
|
|
542
|
-
flex: 1;
|
|
543
593
|
border: 1px solid #1a73e8 !important;
|
|
544
594
|
color: #1a73e8 !important;
|
|
545
595
|
background: #FFF !important;
|
|
546
596
|
text-align: center;
|
|
547
597
|
padding: 5px 10px;
|
|
548
598
|
justify-content: center;
|
|
549
|
-
height:
|
|
599
|
+
height: 32px;
|
|
600
|
+
max-width: calc(50% - 3px);
|
|
550
601
|
span {
|
|
551
602
|
color: #1A73E8;
|
|
552
603
|
font-weight: normal;
|
|
553
|
-
font-size:
|
|
604
|
+
font-size: 11px;
|
|
554
605
|
}
|
|
555
606
|
}
|
|
556
607
|
}
|
|
608
|
+
.activity-label {
|
|
609
|
+
.label {
|
|
610
|
+
font-size: 12px;
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
}
|
|
614
|
+
.overview-current {
|
|
615
|
+
.activity-label {
|
|
616
|
+
.label {
|
|
617
|
+
font-size: 12px;
|
|
618
|
+
}
|
|
619
|
+
}
|
|
557
620
|
}
|
|
558
621
|
&.bottom-task {
|
|
559
622
|
order: 2;
|
|
560
|
-
|
|
561
|
-
width: 50%;
|
|
623
|
+
width: calc(50% - 3px);
|
|
562
624
|
.overview-task-wrapper {
|
|
625
|
+
.inner-task-box {
|
|
626
|
+
position: absolute;
|
|
627
|
+
max-height: 0;
|
|
628
|
+
overflow: hidden;
|
|
629
|
+
visibility: hidden;
|
|
630
|
+
transition: max-height 0.3s ease-in-out;
|
|
631
|
+
top: 32px;
|
|
632
|
+
left: 0;
|
|
633
|
+
width: 100%;
|
|
634
|
+
background-color: #212437;
|
|
635
|
+
z-index: 2;
|
|
636
|
+
.co-button {
|
|
637
|
+
cursor: pointer;
|
|
638
|
+
padding: 5px;
|
|
639
|
+
border-radius: 0;
|
|
640
|
+
display: flex;
|
|
641
|
+
align-items: center;
|
|
642
|
+
column-gap: 10px;
|
|
643
|
+
background: #2e3350 !important;
|
|
644
|
+
border: none !important;
|
|
645
|
+
span {
|
|
646
|
+
color: #FFF;
|
|
647
|
+
}
|
|
648
|
+
}
|
|
649
|
+
.open-task {
|
|
650
|
+
cursor: pointer;
|
|
651
|
+
padding: 5px;
|
|
652
|
+
border-radius: 0;
|
|
653
|
+
display: flex;
|
|
654
|
+
align-items: center;
|
|
655
|
+
justify-content: center;
|
|
656
|
+
column-gap: 10px;
|
|
657
|
+
background: #2e3350;
|
|
658
|
+
border: none;
|
|
659
|
+
color: #FFF;
|
|
660
|
+
text-align: center;
|
|
661
|
+
width: 100%;
|
|
662
|
+
height: 32px;
|
|
663
|
+
font-size: 11px;
|
|
664
|
+
}
|
|
665
|
+
}
|
|
563
666
|
.task-box {
|
|
564
667
|
display: flex;
|
|
565
668
|
flex-direction: column;
|
|
@@ -575,6 +678,14 @@
|
|
|
575
678
|
.task-current-state {
|
|
576
679
|
padding-right: 100px;
|
|
577
680
|
}
|
|
681
|
+
&.active {
|
|
682
|
+
.inner-task-box {
|
|
683
|
+
max-height: 200px;
|
|
684
|
+
visibility: visible;
|
|
685
|
+
overflow: visible;
|
|
686
|
+
transition: max-height 0.3s ease-in-out;
|
|
687
|
+
}
|
|
688
|
+
}
|
|
578
689
|
}
|
|
579
690
|
}
|
|
580
691
|
}
|
|
@@ -585,10 +696,11 @@
|
|
|
585
696
|
color: #1a73e8;
|
|
586
697
|
padding: 7px 15px;
|
|
587
698
|
text-transform: uppercase;
|
|
588
|
-
height:
|
|
699
|
+
height: 32px;
|
|
589
700
|
justify-content: center;
|
|
590
701
|
align-items: center;
|
|
591
702
|
display: flex;
|
|
703
|
+
font-size: 11px;
|
|
592
704
|
}
|
|
593
705
|
}
|
|
594
706
|
}
|
|
@@ -596,7 +708,6 @@
|
|
|
596
708
|
}
|
|
597
709
|
}
|
|
598
710
|
.co-task-creator {
|
|
599
|
-
position: sticky;
|
|
600
711
|
bottom: 0;
|
|
601
712
|
background: #FFF;
|
|
602
713
|
z-index: 2;
|