@colijnit/transaction 262.1.10 → 262.1.12

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
@@ -177,7 +177,6 @@ import { TransactionLspInformationRequest } from '@colijnit/transactionapi/build
177
177
  import { PackageLSP } from '@colijnit/transactionapi/build/model/package-lsp.bo';
178
178
  import { AnalyzedOrderConfirmation } from '@colijnit/transactionapi/build/model/analyzed-order-confirmation.bo';
179
179
  import { OrderConfirmationTransactionLink } from '@colijnit/transactionapi/build/model/order-confirmation-transaction-link.bo';
180
- import { PdfPosReceiptResponse } from '@colijnit/transactionapi/build/model/pdf-pos-receipt-response.bo';
181
180
  import { ProjectCode } from '@colijnit/transactionapi/build/model/project-code.bo';
182
181
  import { CashType } from '@colijnit/transactionapi/build/model/cash-type.bo';
183
182
  import { PosGroup } from '@colijnit/transactionapi/build/model/pos-group.bo';
@@ -296,6 +295,7 @@ import { DiscountCode } from '@colijnit/transactionapi/build/model/discount-code
296
295
  import { SetTransactionDiscountsRequest } from '@colijnit/transactionapi/build/model/set-transaction-discounts-request';
297
296
  import { ChangeLineDiscountRequest } from '@colijnit/transactionapi/build/model/change-line-discount-request';
298
297
  import { SuggestedReceiptLocation } from '@colijnit/transactionapi/build/model/suggested-receipt-location';
298
+ import { PdfHistoricPosReceiptRequest } from '@colijnit/transactionapi/build/model/pdf-historic-pos-receipt-request';
299
299
  import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/business-object-id-type';
300
300
  import { RelationKind as RelationKind$1 } from '@colijnit/articleapi/build/enum/relation-kind.enum';
301
301
  import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
@@ -1311,7 +1311,8 @@ declare class TransactionConnectorAdapterService {
1311
1311
  getDropshipmentInfosByRelationId(relationId: number): Promise<DropshipmentInfo[]>;
1312
1312
  insertNewDropshipmentInfo(request: DropshipmentInfo): Promise<void>;
1313
1313
  changeHeaderDropshipmentInfo(request: ChangeHeaderDropshipmentInfoRequest): Promise<TransactionInfoResponse>;
1314
- pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest): Promise<PdfPosReceiptResponse>;
1314
+ pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest, localPrint: boolean): Promise<boolean>;
1315
+ pdfHistoricPosReceipt(pdfHistoricPosReceiptRequest: PdfHistoricPosReceiptRequest, localPrint: boolean): Promise<boolean>;
1315
1316
  printPosReceipt(printPosReceiptRequest: PrintPosReceiptRequest): Promise<boolean>;
1316
1317
  printHistoricPosReceipt(printHistoricPosReceiptRequest: PrintHistoricPosReceiptRequest): Promise<boolean>;
1317
1318
  emailPosReceipt(emailPosReceiptRequest: EmailPosReceiptRequest): Promise<boolean>;
@@ -1804,7 +1805,8 @@ declare class TransactionConnectorService {
1804
1805
  getDropshipmentInfosByRelationId(relationId: number): Promise<DropshipmentInfo[]>;
1805
1806
  insertNewDropshipmentInfo(request: DropshipmentInfo): Promise<void>;
1806
1807
  changeHeaderDropshipmentInfo(request: ChangeHeaderDropshipmentInfoRequest): Promise<TransactionInfoResponse>;
1807
- pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest): Promise<PdfPosReceiptResponse>;
1808
+ pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest, localPrint: boolean): Promise<boolean>;
1809
+ pdfHistoricPosReceipt(pdfHistoricPosReceiptRequest: PdfHistoricPosReceiptRequest, localPrint: boolean): Promise<boolean>;
1808
1810
  printPosReceipt(printPosReceiptRequest: PrintPosReceiptRequest): Promise<boolean>;
1809
1811
  printHistoricPosReceipt(printHistoricPosReceiptRequest: PrintHistoricPosReceiptRequest): Promise<boolean>;
1810
1812
  emailPosReceipt(emailPosReceiptRequest: EmailPosReceiptRequest): Promise<boolean>;
@@ -2674,7 +2676,8 @@ declare class TransactionService extends PendingReasonService {
2674
2676
  getDropshipmentInfosByRelationId(relationId: number): Promise<DropshipmentInfo[]>;
2675
2677
  insertNewDropshipmentInfo(request: DropshipmentInfo): Promise<void>;
2676
2678
  changeHeaderDropshipmentInfo(request: ChangeHeaderDropshipmentInfoRequest): Promise<TransactionInfoResponse>;
2677
- pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest): Promise<PdfPosReceiptResponse>;
2679
+ pdfPosReceipt(pdfPosReceiptRequest: PdfPosReceiptRequest, localPrint?: boolean): Promise<boolean>;
2680
+ pdfHistoricPosReceipt(pdfHistoricPosReceiptRequest: PdfHistoricPosReceiptRequest, localPrint?: boolean): Promise<boolean>;
2678
2681
  printPosReceipt(printPosReceiptRequest: PrintPosReceiptRequest): Promise<boolean>;
2679
2682
  printHistoricPosReceipt(printHistoricPosReceiptRequest: PrintHistoricPosReceiptRequest): Promise<boolean>;
2680
2683
  emailPosReceipt(emailPosReceiptRequest: EmailPosReceiptRequest): Promise<boolean>;
@@ -6949,7 +6952,9 @@ declare class TransactionHeaderDepositPercentageModule {
6949
6952
 
6950
6953
  declare class TransactionHeaderDepositAmountComponent extends TransactionInputHeaderFieldBaseComponent {
6951
6954
  currencyPipe: typeof CoCurrencyPipe;
6955
+ private _elementRef;
6952
6956
  set child(content: any);
6957
+ onDocumentClick(target: HTMLElement): void;
6953
6958
  clickToEdit: boolean;
6954
6959
  businessRuleApplied: EventEmitter<boolean>;
6955
6960
  depositUpdated: EventEmitter<boolean>;
@@ -6958,6 +6963,7 @@ declare class TransactionHeaderDepositAmountComponent extends TransactionInputHe
6958
6963
  amount: number;
6959
6964
  commit(amount: number): Promise<boolean>;
6960
6965
  onDisplayClick(event?: KeyboardEvent | MouseEvent): void;
6966
+ onBlur(): void;
6961
6967
  static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderDepositAmountComponent, never>;
6962
6968
  static ɵcmp: i0.ɵɵComponentDeclaration<TransactionHeaderDepositAmountComponent, "co-transaction-header-deposit-amount", never, { "clickToEdit": { "alias": "clickToEdit"; "required": false; }; }, { "businessRuleApplied": "businessRuleApplied"; "depositUpdated": "depositUpdated"; }, never, never, false, never>;
6963
6969
  }
@@ -7115,9 +7121,10 @@ declare class TransactionHeaderScoringDateModule {
7115
7121
  }
7116
7122
 
7117
7123
  declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent {
7118
- checkbox: InputCheckboxComponent;
7124
+ set content(value: InputCheckboxComponent);
7119
7125
  showClass: boolean;
7120
7126
  onlyIcon: boolean;
7127
+ checkbox: InputCheckboxComponent;
7121
7128
  handleModelChange(value: boolean): void;
7122
7129
  commit(allow: boolean): Promise<boolean>;
7123
7130
  togglePartialDelivery(): void;
@@ -9883,7 +9890,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
9883
9890
  showCategories: boolean;
9884
9891
  constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
9885
9892
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9886
- currentTitle(): "MARGINS" | "OVERVIEW";
9893
+ currentTitle(): "OVERVIEW" | "MARGINS";
9887
9894
  ngOnDestroy(): void;
9888
9895
  handleClickWrapper(event: MouseEvent): void;
9889
9896
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -9909,7 +9916,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
9909
9916
  constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
9910
9917
  ngOnDestroy(): void;
9911
9918
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9912
- currentTitle(): "MARGINS" | "OVERVIEW";
9919
+ currentTitle(): "OVERVIEW" | "MARGINS";
9913
9920
  handleClickWrapper(event: MouseEvent): void;
9914
9921
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
9915
9922
  private handleDocumentClick;
@@ -9961,7 +9968,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
9961
9968
  showCategories: boolean;
9962
9969
  constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
9963
9970
  currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
9964
- currentTitle(): "MARGINS" | "OVERVIEW";
9971
+ currentTitle(): "OVERVIEW" | "MARGINS";
9965
9972
  ngOnDestroy(): void;
9966
9973
  handleClickWrapper(event: MouseEvent): void;
9967
9974
  handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -14582,6 +14589,7 @@ declare class TransactionQuickAccessInvoiceComponent extends TransactionQuickAcc
14582
14589
  internalParameterAllowsPartialInvoicing: boolean;
14583
14590
  allSelected: boolean;
14584
14591
  layoutCode: LayoutCode;
14592
+ invoiceDate: Date;
14585
14593
  private _subs;
14586
14594
  ngOnInit(): void;
14587
14595
  ngOnDestroy(): void;
@@ -14611,7 +14619,7 @@ declare class TransactionQuickAccessInvoiceComponent extends TransactionQuickAcc
14611
14619
 
14612
14620
  declare class TransactionQuickAccessInvoiceModule {
14613
14621
  static ɵfac: i0.ɵɵFactoryDeclaration<TransactionQuickAccessInvoiceModule, never>;
14614
- static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionQuickAccessInvoiceModule, [typeof TransactionQuickAccessInvoiceComponent], [typeof i2.CommonModule, typeof i6.SendMethodDialogModule, typeof QuickSendButtonModule, typeof i3.InputCheckboxModule, typeof PipeModule, typeof TransactionSendDocumentsModule, typeof DigitalSignatureModule], [typeof TransactionQuickAccessInvoiceComponent]>;
14622
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionQuickAccessInvoiceModule, [typeof TransactionQuickAccessInvoiceComponent], [typeof i2.CommonModule, typeof i6.SendMethodDialogModule, typeof QuickSendButtonModule, typeof i3.InputCheckboxModule, typeof PipeModule, typeof TransactionSendDocumentsModule, typeof DigitalSignatureModule, typeof i3.InputDatePickerModule], [typeof TransactionQuickAccessInvoiceComponent]>;
14615
14623
  static ɵinj: i0.ɵɵInjectorDeclaration<TransactionQuickAccessInvoiceModule>;
14616
14624
  }
14617
14625
 
@@ -15958,6 +15966,8 @@ declare class TransactionLinesSidePanelServiceOrderComponent extends Transaction
15958
15966
  showDetailsClick(): void;
15959
15967
  ngOnInit(): Promise<void>;
15960
15968
  transactionSet(): Promise<void>;
15969
+ handlePurchaseNavigation(): void;
15970
+ handleTransactionNavigation(): void;
15961
15971
  static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLinesSidePanelServiceOrderComponent, never>;
15962
15972
  static ɵcmp: i0.ɵɵComponentDeclaration<TransactionLinesSidePanelServiceOrderComponent, "co-transaction-lines-side-panel-service-order", never, {}, {}, never, never, false, never>;
15963
15973
  }
@@ -15974,7 +15984,7 @@ declare class TransactionLinesSidePanelModule {
15974
15984
  static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLinesSidePanelModule>;
15975
15985
  }
15976
15986
 
15977
- declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy {
15987
+ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy, AfterViewInit {
15978
15988
  transactionHeaderService: TransactionHeaderService;
15979
15989
  transactionEventService: TransactionEventService;
15980
15990
  iconCacheService: IconCacheService;
@@ -15988,6 +15998,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
15988
15998
  readonly WorkflowCategoryType: typeof WorkflowCategoryType;
15989
15999
  readonly cfgNames: typeof TransactionCfgName;
15990
16000
  openActivities: ComponentActivityListComponent;
16001
+ activityList: ElementRef<HTMLDivElement>;
15991
16002
  showClass(): boolean;
15992
16003
  posOrderData: PosOrderData;
15993
16004
  customerPortal: boolean;
@@ -16005,14 +16016,17 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
16005
16016
  allowTaskCreation: boolean;
16006
16017
  allowEmailing: boolean;
16007
16018
  showActivityHeader: boolean;
16019
+ showActivityLists: boolean;
16020
+ wizardQuestionPairs: string[][];
16008
16021
  private loadedTransactionId;
16009
16022
  private _subs;
16010
16023
  constructor(transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef, _dialogService: TransactionDialogService);
16011
16024
  ngOnInit(): Promise<void>;
16012
16025
  ngOnDestroy(): void;
16026
+ ngAfterViewInit(): void;
16013
16027
  getActivities(): Promise<void>;
16014
16028
  finishedActivitiesRefreshRequested(): void;
16015
- fullActivitiesRefreshRequested(): void;
16029
+ fullActivitiesRefreshRequested(): Promise<void>;
16016
16030
  fetchDocuments(): void;
16017
16031
  setPriority(priority: CoDomainValue): Promise<void>;
16018
16032
  setCauseCode(causeCode: CauseCode): Promise<void>;
@@ -16025,6 +16039,8 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
16025
16039
  openCreatedTask(taskId: number): Promise<void>;
16026
16040
  getWizardQuestionPairs(text?: string): string[][];
16027
16041
  protected transactionInfoSet(): void;
16042
+ private scrollActivitiesToBottom;
16043
+ private setWizardQuestionPairs;
16028
16044
  static ɵfac: i0.ɵɵFactoryDeclaration<TransactionServiceOverviewComponent, never>;
16029
16045
  static ɵcmp: i0.ɵɵComponentDeclaration<TransactionServiceOverviewComponent, "co-transaction-service-overview", never, { "posOrderData": { "alias": "posOrderData"; "required": false; }; "customerPortal": { "alias": "customerPortal"; "required": false; }; }, {}, never, never, false, never>;
16030
16046
  }
@@ -16593,6 +16609,7 @@ declare class TransactionCashRegisterOrderReceiptDialogComponent extends Transac
16593
16609
  ngOnInit(): void;
16594
16610
  emailReceipt(): void;
16595
16611
  printReceipt(): void;
16612
+ pdfReceipt(): void;
16596
16613
  noPrintReceipt(): void;
16597
16614
  handleClickReceipt(title: string): void;
16598
16615
  handlePrinterChanged(printer: Printer): void;
@@ -17,6 +17,10 @@
17
17
  border-radius: $tp-transaction-header-block-border-radius $tp-transaction-header-block-border-radius 0 0;
18
18
  z-index: 100;
19
19
  }
20
+ &.no-pointer {
21
+ pointer-events: none;
22
+ cursor: initial;
23
+ }
20
24
  .transaction-header-block-header {
21
25
  font-family: $tp-transaction-header-block-label-font-family;
22
26
  display: flex;
@@ -14,7 +14,7 @@
14
14
  .delivery-overview-wrapper {
15
15
  .tile-view-modes {
16
16
  top: 30px;
17
- right: 20px;
17
+ right: 50px;
18
18
  .co-icon {
19
19
  width: 35px;
20
20
  height: 35px;
@@ -93,7 +93,7 @@
93
93
  .tile-view-modes {
94
94
  position: absolute;
95
95
  top: 20px;
96
- right: 20px;
96
+ right: 50px;
97
97
  }
98
98
  .block {
99
99
  flex: 1;
@@ -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
  }
@@ -92,6 +92,14 @@
92
92
  background-color: transparent;
93
93
  }
94
94
  }
95
+ .no-relation {
96
+ position: relative;
97
+ left: $tp-co-transaction-header-relation-content-empty;
98
+ .no-relation-label {
99
+ font-weight: bold;
100
+ font-size: $tp-font-size-big;
101
+ }
102
+ }
95
103
  .transaction-relation-icon {
96
104
  position: absolute;
97
105
  left: $tp-co-transaction-header-relation-content-icon-left;
@@ -114,6 +114,10 @@
114
114
  font-size: 12px;
115
115
  font-weight: normal;
116
116
  white-space: nowrap;
117
+ &.underline {
118
+ text-decoration: underline;
119
+ cursor: pointer;
120
+ }
117
121
  }
118
122
  .image-display {
119
123
  max-width: 100px;
@@ -4,7 +4,10 @@
4
4
  display: flex;
5
5
  align-items: center;
6
6
  }
7
-
7
+ .date-wrapper {
8
+ display: flex;
9
+ align-items: center;
10
+ }
8
11
  .hidden {
9
12
  display: none;
10
13
  }
@@ -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: 15px;
22
- label {
23
- display: none;
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 {
@@ -156,6 +173,7 @@
156
173
  .activity-list-wrapper {
157
174
  .activity-display-content {
158
175
  .activity-display-footer {
176
+ padding: 0;
159
177
  .activity-fired-triggers {
160
178
  .activity-fired-trigger {
161
179
  background: #FFF;
@@ -181,24 +199,27 @@
181
199
  &.bottom-task {
182
200
  order: 2;
183
201
  display: flex;
184
- gap: 10px;
202
+ gap: 5px;
185
203
  margin-top: 10px;
186
- flex-direction: column;
204
+ flex-wrap: wrap;
187
205
  co-component-activity-overview {
188
206
  .activity-icon {
189
207
  display: none;
190
208
  }
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;
209
+ .task-box {
210
+ .co-button {
211
+ border: 1px solid #1b2874;
212
+ background: #1B28741A;
213
+ color: #1b2874;
214
+ justify-content: center;
215
+ align-items: center;
216
+ height: 32px;
217
+ min-width: 150px;
218
+ width: 100%;
219
+ span {
220
+ text-align: center;
221
+ font-size: 11px;
222
+ }
202
223
  }
203
224
  }
204
225
  }
@@ -208,9 +229,14 @@
208
229
  }
209
230
  .activity-list-wrapper {
210
231
  align-items: flex-start;
232
+ flex-direction: column-reverse;
233
+ }
234
+ .activity-list-conv-wrapper {
235
+ max-height: 300px;
236
+ overflow: auto;
211
237
  }
212
238
  .co-activity-list {
213
- padding: 0;
239
+ padding: 0 0 30px 0;
214
240
  display: block;
215
241
  width: 100%;
216
242
  margin-top: 15px;
@@ -229,7 +255,33 @@
229
255
  overflow: auto;
230
256
  max-width: 80%;
231
257
  min-width: 50%;
232
-
258
+ padding: 10px 15px;
259
+ &.activity-status-change {
260
+ width: 40%;
261
+ min-width: 40%;
262
+ background: #f8f8fa;
263
+ padding: 10px 30px;
264
+ box-shadow: none;
265
+ .activity-display {
266
+ flex-direction: row-reverse;
267
+ justify-content: space-between;
268
+ .activity-icon, .activity-display-footer {
269
+ display: none !important;
270
+ }
271
+ .activity-display-title {
272
+ span {
273
+ color: #6e6e6e;
274
+ text-transform: uppercase;
275
+ }
276
+ }
277
+ .activity-display-body {
278
+ span {
279
+ text-transform: uppercase;
280
+ font-size: 11px;
281
+ }
282
+ }
283
+ }
284
+ }
233
285
  }
234
286
  .service-message-and-image-wrapper {
235
287
  display: flex;
@@ -526,6 +578,7 @@
526
578
  }
527
579
  .co-component-activity-overview {
528
580
  order: 1;
581
+ width: 100%;
529
582
  &:hover {
530
583
  background: transparent;
531
584
  }
@@ -539,27 +592,79 @@
539
592
  .activity-buttons {
540
593
  .co-button {
541
594
  width: 50%;
542
- flex: 1;
543
595
  border: 1px solid #1a73e8 !important;
544
596
  color: #1a73e8 !important;
545
597
  background: #FFF !important;
546
598
  text-align: center;
547
599
  padding: 5px 10px;
548
600
  justify-content: center;
549
- height: 40px;
601
+ height: 32px;
602
+ max-width: calc(50% - 3px);
550
603
  span {
551
604
  color: #1A73E8;
552
605
  font-weight: normal;
553
- font-size: 12px;
606
+ font-size: 11px;
554
607
  }
555
608
  }
556
609
  }
610
+ .activity-label {
611
+ .label {
612
+ font-size: 12px;
613
+ }
614
+ }
615
+ }
616
+ .overview-current {
617
+ .activity-label {
618
+ .label {
619
+ font-size: 12px;
620
+ }
621
+ }
557
622
  }
558
623
  &.bottom-task {
559
624
  order: 2;
560
- flex: 1;
561
- width: 50%;
625
+ width: calc(50% - 3px);
562
626
  .overview-task-wrapper {
627
+ .inner-task-box {
628
+ position: absolute;
629
+ max-height: 0;
630
+ overflow: hidden;
631
+ visibility: hidden;
632
+ transition: max-height 0.3s ease-in-out;
633
+ top: 32px;
634
+ left: 0;
635
+ width: 100%;
636
+ background-color: #212437;
637
+ z-index: 2;
638
+ .co-button {
639
+ cursor: pointer;
640
+ padding: 5px;
641
+ border-radius: 0;
642
+ display: flex;
643
+ align-items: center;
644
+ column-gap: 10px;
645
+ background: #2e3350 !important;
646
+ border: none !important;
647
+ span {
648
+ color: #FFF;
649
+ }
650
+ }
651
+ .open-task {
652
+ cursor: pointer;
653
+ padding: 5px;
654
+ border-radius: 0;
655
+ display: flex;
656
+ align-items: center;
657
+ justify-content: center;
658
+ column-gap: 10px;
659
+ background: #2e3350;
660
+ border: none;
661
+ color: #FFF;
662
+ text-align: center;
663
+ width: 100%;
664
+ height: 32px;
665
+ font-size: 11px;
666
+ }
667
+ }
563
668
  .task-box {
564
669
  display: flex;
565
670
  flex-direction: column;
@@ -575,6 +680,14 @@
575
680
  .task-current-state {
576
681
  padding-right: 100px;
577
682
  }
683
+ &.active {
684
+ .inner-task-box {
685
+ max-height: 200px;
686
+ visibility: visible;
687
+ overflow: visible;
688
+ transition: max-height 0.3s ease-in-out;
689
+ }
690
+ }
578
691
  }
579
692
  }
580
693
  }
@@ -585,10 +698,11 @@
585
698
  color: #1a73e8;
586
699
  padding: 7px 15px;
587
700
  text-transform: uppercase;
588
- height: 40px;
701
+ height: 32px;
589
702
  justify-content: center;
590
703
  align-items: center;
591
704
  display: flex;
705
+ font-size: 11px;
592
706
  }
593
707
  }
594
708
  }
@@ -596,7 +710,6 @@
596
710
  }
597
711
  }
598
712
  .co-task-creator {
599
- position: sticky;
600
713
  bottom: 0;
601
714
  background: #FFF;
602
715
  z-index: 2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/transaction",
3
- "version": "262.1.10",
3
+ "version": "262.1.12",
4
4
  "description": "Colijn IT transaction module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -19,7 +19,7 @@
19
19
  "@colijnit/relationapi": ">=262.1.0",
20
20
  "@colijnit/sharedapi": ">=1.0.20",
21
21
  "@colijnit/sharedcomponents": ">=262.1.3",
22
- "@colijnit/transactionapi": ">=262.1.4"
22
+ "@colijnit/transactionapi": ">=262.1.6"
23
23
  },
24
24
  "dependencies": {
25
25
  "tslib": "^2.8.1"