@colijnit/transaction 262.1.5 → 262.1.7
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/index.d.ts
CHANGED
|
@@ -16000,6 +16000,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
|
|
|
16000
16000
|
removeDocumentFromList(doc: CoDocument): void;
|
|
16001
16001
|
sortDocumentList(): void;
|
|
16002
16002
|
openCreatedTask(taskId: number): Promise<void>;
|
|
16003
|
+
getWizardQuestionPairs(text?: string): string[][];
|
|
16003
16004
|
protected transactionInfoSet(): void;
|
|
16004
16005
|
static ɵfac: i0.ɵɵFactoryDeclaration<TransactionServiceOverviewComponent, never>;
|
|
16005
16006
|
static ɵcmp: i0.ɵɵComponentDeclaration<TransactionServiceOverviewComponent, "co-transaction-service-overview", never, { "posOrderData": { "alias": "posOrderData"; "required": false; }; "customerPortal": { "alias": "customerPortal"; "required": false; }; }, {}, never, never, false, never>;
|
|
@@ -11,18 +11,51 @@
|
|
|
11
11
|
padding: 15px;
|
|
12
12
|
border-radius: 5px;
|
|
13
13
|
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
|
|
14
|
+
background: #FFF;
|
|
14
15
|
.co-transaction-lines-side-panel {
|
|
15
16
|
padding: 0;
|
|
17
|
+
.co-transaction-lines-side-panel-service-order {
|
|
18
|
+
.full-details-wrapper {
|
|
19
|
+
.details-wrapper {
|
|
20
|
+
.details-display {
|
|
21
|
+
gap: 15px;
|
|
22
|
+
label {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
.art-amount-batch {
|
|
27
|
+
display: none;
|
|
28
|
+
}
|
|
29
|
+
.article-description {
|
|
30
|
+
width: 100%;
|
|
31
|
+
padding-right: 100px;
|
|
32
|
+
}
|
|
33
|
+
.image-display {
|
|
34
|
+
max-width: 80px;
|
|
35
|
+
height: 40px;
|
|
36
|
+
position: absolute;
|
|
37
|
+
top: -30px;
|
|
38
|
+
right: 0;
|
|
39
|
+
.no-image {
|
|
40
|
+
.no-image-label {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
16
48
|
}
|
|
17
49
|
}
|
|
18
50
|
.service-message-extra-wrapper {
|
|
19
51
|
display: flex;
|
|
20
|
-
flex-direction:
|
|
21
|
-
gap:
|
|
22
|
-
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
gap: 15px;
|
|
54
|
+
width: 15%;
|
|
55
|
+
min-width: 200px;
|
|
56
|
+
padding-left: 15px;
|
|
57
|
+
border-left: 1px solid #ececec;
|
|
23
58
|
.co-list-of-values {
|
|
24
|
-
flex: 1;
|
|
25
|
-
margin-left: -10px;
|
|
26
59
|
&:before {
|
|
27
60
|
box-shadow: none;
|
|
28
61
|
}
|
|
@@ -47,6 +80,12 @@
|
|
|
47
80
|
display: flex;
|
|
48
81
|
}
|
|
49
82
|
}
|
|
83
|
+
label {
|
|
84
|
+
text-transform: uppercase;
|
|
85
|
+
font-size: 10px;
|
|
86
|
+
color: #000;
|
|
87
|
+
}
|
|
88
|
+
|
|
50
89
|
}
|
|
51
90
|
}
|
|
52
91
|
.service-overview-wrapper {
|
|
@@ -61,9 +100,9 @@
|
|
|
61
100
|
}
|
|
62
101
|
.message-and-task-wrapper {
|
|
63
102
|
display: flex;
|
|
64
|
-
gap:
|
|
103
|
+
gap: 15px;
|
|
65
104
|
width: 100%;
|
|
66
|
-
align-
|
|
105
|
+
align-items: flex-start;
|
|
67
106
|
flex-wrap: wrap;
|
|
68
107
|
.activity-header {
|
|
69
108
|
font-size: 14px;
|
|
@@ -79,40 +118,97 @@
|
|
|
79
118
|
gap: 30px;
|
|
80
119
|
flex: 1;
|
|
81
120
|
align-self: flex-start;
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
121
|
+
width: 100%;
|
|
122
|
+
}
|
|
123
|
+
.activity-task-creator-wrapper {
|
|
124
|
+
display: flex;
|
|
125
|
+
gap: 15px;
|
|
126
|
+
flex-direction: column;
|
|
127
|
+
width: 400px;
|
|
128
|
+
max-width: 100%;
|
|
129
|
+
.activity-task-overview-wrapper {
|
|
130
|
+
display: flex;
|
|
131
|
+
flex-direction: column;
|
|
132
|
+
gap: 15px;
|
|
133
|
+
padding: 15px;
|
|
134
|
+
border-radius: 5px;
|
|
135
|
+
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
|
|
136
|
+
co-component-activity-list {
|
|
137
|
+
.activity-wrapper {
|
|
138
|
+
max-width: 100%;
|
|
139
|
+
max-height: 100%;
|
|
140
|
+
}
|
|
96
141
|
}
|
|
97
142
|
}
|
|
98
|
-
|
|
99
|
-
|
|
143
|
+
}
|
|
144
|
+
.activity-list-conv-wrapper {
|
|
145
|
+
flex: 1;
|
|
146
|
+
padding-left: 0px;
|
|
147
|
+
.activity-display {
|
|
148
|
+
width: 100%;
|
|
100
149
|
}
|
|
101
|
-
.
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
150
|
+
.history-label {
|
|
151
|
+
font-size: 14px;
|
|
152
|
+
font-weight: bold;
|
|
153
|
+
color: #171721;
|
|
154
|
+
position: relative;
|
|
155
|
+
}
|
|
156
|
+
.activity-list-wrapper {
|
|
157
|
+
.activity-display-content {
|
|
158
|
+
.activity-display-footer {
|
|
159
|
+
.activity-fired-triggers {
|
|
160
|
+
.activity-fired-trigger {
|
|
161
|
+
background: #FFF;
|
|
162
|
+
border: 1px solid #5fdcb3;
|
|
163
|
+
span {
|
|
164
|
+
color: #5fdcb3;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
111
167
|
}
|
|
112
168
|
}
|
|
113
169
|
}
|
|
114
170
|
}
|
|
115
171
|
}
|
|
172
|
+
.co-component-activity-list {
|
|
173
|
+
padding: 0;
|
|
174
|
+
}
|
|
175
|
+
.activity-list-content {
|
|
176
|
+
height: auto;
|
|
177
|
+
.activity-tab-content {
|
|
178
|
+
overflow: visible;
|
|
179
|
+
.activity-wrapper-inner {
|
|
180
|
+
order: 1;
|
|
181
|
+
&.bottom-task {
|
|
182
|
+
order: 2;
|
|
183
|
+
display: flex;
|
|
184
|
+
gap: 10px;
|
|
185
|
+
margin-top: 10px;
|
|
186
|
+
flex-direction: column;
|
|
187
|
+
co-component-activity-overview {
|
|
188
|
+
.activity-icon {
|
|
189
|
+
display: none;
|
|
190
|
+
}
|
|
191
|
+
.co-button {
|
|
192
|
+
border: 1px solid #1b2874;
|
|
193
|
+
background: #1B28741A;
|
|
194
|
+
color: #1b2874;
|
|
195
|
+
justify-content: center;
|
|
196
|
+
align-items: center;
|
|
197
|
+
height: 40px;
|
|
198
|
+
min-width: 150px;
|
|
199
|
+
width: 100%;
|
|
200
|
+
span {
|
|
201
|
+
text-align: center;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
.activity-list-wrapper {
|
|
210
|
+
align-items: flex-start;
|
|
211
|
+
}
|
|
116
212
|
.co-activity-list {
|
|
117
213
|
padding: 0;
|
|
118
214
|
display: block;
|
|
@@ -120,11 +216,20 @@
|
|
|
120
216
|
margin-top: 15px;
|
|
121
217
|
.activity-display-content {
|
|
122
218
|
padding: 0;
|
|
219
|
+
.activity-display-body {
|
|
220
|
+
.activity-icon {
|
|
221
|
+
min-width: 30px;
|
|
222
|
+
background-color: transparent !important;
|
|
223
|
+
}
|
|
224
|
+
}
|
|
123
225
|
}
|
|
124
226
|
}
|
|
125
227
|
.activity-wrapper {
|
|
126
228
|
max-height: 388px;
|
|
127
229
|
overflow: auto;
|
|
230
|
+
max-width: 80%;
|
|
231
|
+
min-width: 50%;
|
|
232
|
+
|
|
128
233
|
}
|
|
129
234
|
.service-message-and-image-wrapper {
|
|
130
235
|
display: flex;
|
|
@@ -134,28 +239,57 @@
|
|
|
134
239
|
margin-bottom: 15px;
|
|
135
240
|
flex: 1;
|
|
136
241
|
align-self: flex-start;
|
|
137
|
-
.service-message-
|
|
242
|
+
.service-message-image-inner {
|
|
138
243
|
display: flex;
|
|
139
|
-
gap:
|
|
244
|
+
gap: 30px;
|
|
140
245
|
flex: 1;
|
|
141
246
|
justify-content: space-between;
|
|
142
247
|
padding: 15px;
|
|
143
248
|
border-radius: 5px;
|
|
144
249
|
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
|
|
145
250
|
overflow: auto;
|
|
146
|
-
|
|
251
|
+
background: #FFF;
|
|
252
|
+
.service-message-wrapper {
|
|
253
|
+
display: flex;
|
|
254
|
+
flex-direction: column;
|
|
255
|
+
gap: 15px;
|
|
256
|
+
width: 85%;
|
|
257
|
+
}
|
|
147
258
|
.service-message {
|
|
148
259
|
display: flex;
|
|
149
260
|
flex-direction: column;
|
|
150
261
|
gap: 10px;
|
|
151
262
|
width: 100%;
|
|
152
263
|
}
|
|
264
|
+
.wizard-container {
|
|
265
|
+
display: flex;
|
|
266
|
+
}
|
|
267
|
+
.wizard-column {
|
|
268
|
+
display: flex;
|
|
269
|
+
flex-direction: column;
|
|
270
|
+
|
|
271
|
+
}
|
|
272
|
+
.wizard-line {
|
|
273
|
+
white-space: break-spaces;
|
|
274
|
+
margin-right: 15px;
|
|
275
|
+
padding: 5px 20px;
|
|
276
|
+
border-radius: 15px;
|
|
277
|
+
background: #f8f8fa;
|
|
278
|
+
max-width: 300px;
|
|
279
|
+
&:first-child {
|
|
280
|
+
display: none;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
}
|
|
153
284
|
.transaction-service-message {
|
|
154
|
-
min-height:
|
|
285
|
+
min-height: 40px;
|
|
155
286
|
.co-input-text {
|
|
156
287
|
height: 100%;
|
|
157
288
|
}
|
|
158
289
|
.co-input-textarea {
|
|
290
|
+
&:before {
|
|
291
|
+
display: none;
|
|
292
|
+
}
|
|
159
293
|
.input-textarea-wrapper {
|
|
160
294
|
height: 100%;
|
|
161
295
|
display: flex;
|
|
@@ -165,7 +299,7 @@
|
|
|
165
299
|
height: 100%;
|
|
166
300
|
margin: 15px 0 0 0;
|
|
167
301
|
padding: 5px;
|
|
168
|
-
min-height:
|
|
302
|
+
min-height: 40px;
|
|
169
303
|
}
|
|
170
304
|
&.cc-input-focused {
|
|
171
305
|
&:before {
|
|
@@ -302,15 +436,73 @@
|
|
|
302
436
|
display: flex;
|
|
303
437
|
justify-content: flex-start;
|
|
304
438
|
min-width: 180px;
|
|
439
|
+
.files-upload-wrapper {
|
|
440
|
+
co-drag-drop-container {
|
|
441
|
+
display: flex;
|
|
442
|
+
padding: 5px;
|
|
443
|
+
border: 1px solid #ececec;
|
|
444
|
+
border-radius: 15px;
|
|
445
|
+
.upload-add-wrapper {
|
|
446
|
+
flex-direction: row;
|
|
447
|
+
.co-tile-render {
|
|
448
|
+
width: 40px;
|
|
449
|
+
height: 40px;
|
|
450
|
+
border: none;
|
|
451
|
+
padding: 0;
|
|
452
|
+
.image, .info {
|
|
453
|
+
display: none;
|
|
454
|
+
}
|
|
455
|
+
.plus-add-button {
|
|
456
|
+
position: relative;
|
|
457
|
+
top: 0;
|
|
458
|
+
.add-button {
|
|
459
|
+
width: 20px;
|
|
460
|
+
height: 20px;
|
|
461
|
+
svg {
|
|
462
|
+
fill: #000;
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
span {
|
|
466
|
+
display: none;
|
|
467
|
+
}
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
}
|
|
473
|
+
}
|
|
474
|
+
|
|
305
475
|
}
|
|
306
476
|
.uploaded-images-wrapper {
|
|
307
477
|
display: flex;
|
|
308
478
|
max-width: 100%;
|
|
309
479
|
gap: 15px;
|
|
310
480
|
overflow: auto;
|
|
481
|
+
.co-file-upload {
|
|
482
|
+
max-width: 60px;
|
|
483
|
+
.trash {
|
|
484
|
+
width: 14px;
|
|
485
|
+
height: 14px;
|
|
486
|
+
right: 10px
|
|
487
|
+
}
|
|
488
|
+
}
|
|
311
489
|
.co-image {
|
|
312
|
-
height:
|
|
313
|
-
width:
|
|
490
|
+
height: 30px;
|
|
491
|
+
max-width: 60px;
|
|
492
|
+
img {
|
|
493
|
+
object-fit: contain;
|
|
494
|
+
}
|
|
495
|
+
}
|
|
496
|
+
.info {
|
|
497
|
+
display: flex;
|
|
498
|
+
flex-direction: column;
|
|
499
|
+
.description {
|
|
500
|
+
display: -webkit-box;
|
|
501
|
+
-webkit-line-clamp: 1;
|
|
502
|
+
-webkit-box-orient: vertical;
|
|
503
|
+
overflow: hidden;
|
|
504
|
+
text-overflow: ellipsis;
|
|
505
|
+
}
|
|
314
506
|
}
|
|
315
507
|
}
|
|
316
508
|
}
|
|
@@ -333,12 +525,7 @@
|
|
|
333
525
|
}
|
|
334
526
|
}
|
|
335
527
|
.co-component-activity-overview {
|
|
336
|
-
|
|
337
|
-
box-shadow: none;
|
|
338
|
-
padding: 15px;
|
|
339
|
-
margin-bottom: 15px;
|
|
340
|
-
border-radius: 5px;
|
|
341
|
-
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
|
|
528
|
+
order: 1;
|
|
342
529
|
&:hover {
|
|
343
530
|
background: transparent;
|
|
344
531
|
}
|
|
@@ -348,17 +535,30 @@
|
|
|
348
535
|
}
|
|
349
536
|
}
|
|
350
537
|
.overview-main {
|
|
351
|
-
max-width:
|
|
538
|
+
max-width: 100%;
|
|
539
|
+
.activity-buttons {
|
|
540
|
+
.co-button {
|
|
541
|
+
width: 50%;
|
|
542
|
+
flex: 1;
|
|
543
|
+
border: 1px solid #1a73e8 !important;
|
|
544
|
+
color: #1a73e8 !important;
|
|
545
|
+
background: #FFF !important;
|
|
546
|
+
text-align: center;
|
|
547
|
+
padding: 5px 10px;
|
|
548
|
+
justify-content: center;
|
|
549
|
+
height: 40px;
|
|
550
|
+
span {
|
|
551
|
+
color: #1A73E8;
|
|
552
|
+
font-weight: normal;
|
|
553
|
+
font-size: 12px;
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
}
|
|
352
557
|
}
|
|
353
558
|
&.bottom-task {
|
|
354
559
|
order: 2;
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
padding: 15px;
|
|
358
|
-
color: #000;
|
|
359
|
-
box-shadow: none;
|
|
360
|
-
margin-top: 15px;
|
|
361
|
-
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
|
|
560
|
+
flex: 1;
|
|
561
|
+
width: 50%;
|
|
362
562
|
.overview-task-wrapper {
|
|
363
563
|
.task-box {
|
|
364
564
|
display: flex;
|
|
@@ -378,9 +578,36 @@
|
|
|
378
578
|
}
|
|
379
579
|
}
|
|
380
580
|
}
|
|
581
|
+
.overview-current {
|
|
582
|
+
.activity-title {
|
|
583
|
+
background: #d1e3fa;
|
|
584
|
+
border: 1px solid #1a73e8;
|
|
585
|
+
color: #1a73e8;
|
|
586
|
+
padding: 7px 15px;
|
|
587
|
+
text-transform: uppercase;
|
|
588
|
+
height: 40px;
|
|
589
|
+
justify-content: center;
|
|
590
|
+
align-items: center;
|
|
591
|
+
display: flex;
|
|
592
|
+
}
|
|
593
|
+
}
|
|
381
594
|
}
|
|
382
595
|
}
|
|
383
596
|
}
|
|
384
597
|
}
|
|
598
|
+
.co-task-creator {
|
|
599
|
+
position: sticky;
|
|
600
|
+
bottom: 0;
|
|
601
|
+
background: #FFF;
|
|
602
|
+
z-index: 2;
|
|
603
|
+
margin-top: 10px;
|
|
604
|
+
.extras-buttons {
|
|
605
|
+
padding: 5px 10px;
|
|
606
|
+
.co-button {
|
|
607
|
+
width: 24px;
|
|
608
|
+
height: 24px;
|
|
609
|
+
}
|
|
610
|
+
}
|
|
611
|
+
}
|
|
385
612
|
}
|
|
386
613
|
}
|