@colijnit/transaction 12.1.115 → 12.1.117

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 (141) hide show
  1. package/bundles/colijnit-transaction.umd.js +587 -380
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.d.ts +189 -191
  4. package/colijnit-transaction.metadata.json +1 -1
  5. package/esm2015/colijnit-transaction.js +190 -192
  6. package/esm2015/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.js +4 -2
  7. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +7 -2
  8. package/esm2015/lib/component/checkout/checkout.component.js +8 -11
  9. package/esm2015/lib/component/core/base/transaction-input-field-base.component.js +4 -1
  10. package/esm2015/lib/component/core/relation/customer-groups.component.js +2 -1
  11. package/esm2015/lib/component/payment/payment.component.js +5 -2
  12. package/esm2015/lib/component/payment/payment.module.js +2 -4
  13. package/esm2015/lib/component/relation/relation-address/relation-address.component.js +5 -1
  14. package/esm2015/lib/component/relation/relation-contact-details/relation-contact-details.component.js +4 -2
  15. package/esm2015/lib/component/stepper/stepper.component.js +20 -7
  16. package/esm2015/lib/component/transaction/transaction.module.js +2 -4
  17. package/esm2015/lib/component/transaction-card/transaction-card-receive-goods/transaction-card-receive-goods.component.js +2 -2
  18. package/esm2015/lib/component/transaction-header-fields/transaction-header-administrative-relation.component.js +7 -2
  19. package/esm2015/lib/component/transaction-header-fields/transaction-header-branch.component.js +5 -2
  20. package/esm2015/lib/component/transaction-header-fields/transaction-header-currency.component.js +7 -2
  21. package/esm2015/lib/component/transaction-header-fields/transaction-header-payment-condition.component.js +6 -2
  22. package/esm2015/lib/component/transaction-header-fields/transaction-header-price-kind.component.js +2 -2
  23. package/esm2015/lib/component/transaction-header-fields/transaction-header-sales-person.component.js +7 -2
  24. package/esm2015/lib/component/transaction-labeled-warehouse-location-button/transaction-labeled-warehouse-location-button.component.js +74 -0
  25. package/esm2015/lib/component/transaction-labeled-warehouse-location-button/transaction-labeled-warehouse-location-button.module.js +23 -0
  26. package/esm2015/lib/component/transaction-line/transaction-goods-allocation-line/transaction-goods-allocation-line.component.js +6 -5
  27. package/esm2015/lib/component/transaction-line/transaction-invoice-line/transaction-invoice-line-base.component.js +2 -1
  28. package/esm2015/lib/component/transaction-line/transaction-invoice-line/transaction-invoice-line.component.js +2 -2
  29. package/esm2015/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line-base.component.js +2 -1
  30. package/esm2015/lib/component/transaction-line/transaction-order-delivery-line/transaction-order-delivery-line.component.js +2 -2
  31. package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line-base.component.js +23 -1
  32. package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.js +69 -50
  33. package/esm2015/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.module.js +6 -3
  34. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.js +2 -1
  35. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.js +4 -4
  36. package/esm2015/lib/component/transaction-line-fields/transaction-line-delivery-button.component.js +5 -2
  37. package/esm2015/lib/component/transaction-line-fields/transaction-line-warehouse-location-button.component.js +8 -19
  38. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.js +6 -11
  39. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.module.js +4 -3
  40. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.js +8 -4
  41. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-gross-order-price.component.js +3 -4
  42. package/esm2015/lib/component/transaction-line-fields/transaction-purchase-portal-line-net-order-price.component.js +4 -4
  43. package/esm2015/lib/component/transaction-line-purchase-confirmation/transaction-line-purchase-confirmation.component.js +34 -9
  44. package/esm2015/lib/component/transaction-line-purchase-confirmation/transaction-line-purchase-confirmation.module.js +5 -3
  45. package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.js +11 -11
  46. package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.module.js +4 -2
  47. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-invoice/transaction-quick-access-invoice.component.js +15 -7
  48. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component.js +8 -7
  49. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-delivery/transaction-quick-access-order-delivery.component.js +9 -3
  50. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.js +11 -11
  51. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.module.js +4 -2
  52. package/esm2015/lib/component/transaction-send-documents/transaction-send-documents.component.js +9 -5
  53. package/esm2015/lib/enum/icon.enum.js +5 -1
  54. package/esm2015/lib/enum/transaction-type-category.enum.js +1 -2
  55. package/esm2015/lib/model/icon-svg.js +5 -1
  56. package/esm2015/lib/model/relation-any-type.js +1 -1
  57. package/esm2015/lib/res/dictionary/dictionaries.js +3 -3
  58. package/esm2015/lib/service/transaction-base.service.js +32 -1
  59. package/esm2015/lib/service/transaction-connector-adapter.service.js +13 -1
  60. package/esm2015/lib/service/transaction-connector.service.js +4 -1
  61. package/esm2015/lib/service/transaction-mapping.service.js +1 -3
  62. package/esm2015/lib/service/transaction.service.js +9 -5
  63. package/esm2015/lib/transaction-version.js +3 -3
  64. package/fesm2015/colijnit-transaction.js +454 -299
  65. package/fesm2015/colijnit-transaction.js.map +1 -1
  66. package/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.d.ts +1 -0
  67. package/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.d.ts +1 -0
  68. package/lib/component/checkout/checkout-overview-relation-edit/style/_layout.scss +5 -0
  69. package/lib/component/checkout/checkout.component.d.ts +1 -0
  70. package/lib/component/payment/style/_layout.scss +20 -0
  71. package/lib/component/payment/style/_material-definition.scss +7 -0
  72. package/lib/component/payment/style/_theme.scss +24 -0
  73. package/lib/component/payment/style/material.scss +0 -1
  74. package/lib/component/relation/relation-address-tile/style/_layout.scss +6 -0
  75. package/lib/component/relation/relation-address-tile/style/_material-definition.scss +2 -0
  76. package/lib/component/relation/relation-contact-details/relation-contact-details.component.d.ts +1 -0
  77. package/lib/component/stepper/stepper.component.d.ts +5 -0
  78. package/lib/component/stepper/style/_layout.scss +25 -0
  79. package/lib/component/stepper/style/_material-definition.scss +12 -0
  80. package/lib/component/stepper/style/_theme.scss +14 -0
  81. package/lib/component/tile/style/_layout.scss +2 -4
  82. package/lib/component/tile/style/_material-definition.scss +1 -1
  83. package/lib/component/transaction/style/_layout.scss +3 -0
  84. package/lib/component/transaction/style/_material-definition.scss +1 -0
  85. package/lib/component/transaction/style/material.scss +1 -0
  86. package/lib/component/transaction-date-select/style/_layout.scss +1 -0
  87. package/lib/component/transaction-header-fields/transaction-header-administrative-relation.component.d.ts +2 -0
  88. package/lib/component/transaction-header-fields/transaction-header-branch.component.d.ts +2 -1
  89. package/lib/component/transaction-header-fields/transaction-header-currency.component.d.ts +2 -0
  90. package/lib/component/transaction-header-fields/transaction-header-payment-condition.component.d.ts +2 -0
  91. package/lib/component/transaction-header-fields/transaction-header-price-kind.component.d.ts +1 -0
  92. package/lib/component/transaction-header-fields/transaction-header-sales-person.component.d.ts +2 -0
  93. package/lib/component/transaction-labeled-warehouse-location-button/style/_layout.scss +46 -0
  94. package/lib/component/transaction-labeled-warehouse-location-button/style/_theme.scss +4 -0
  95. package/lib/component/transaction-labeled-warehouse-location-button/transaction-labeled-warehouse-location-button.component.d.ts +25 -0
  96. package/lib/component/transaction-labeled-warehouse-location-button/transaction-labeled-warehouse-location-button.module.d.ts +2 -0
  97. package/lib/component/transaction-line/transaction-purchase-order-line/style/_layout.scss +20 -47
  98. package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line-base.component.d.ts +2 -0
  99. package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.d.ts +1 -0
  100. package/lib/component/transaction-line/transaction-receive-goods-line/style/_layout.scss +1 -1
  101. package/lib/component/transaction-line-fields/transaction-line-price/style/_layout.scss +3 -0
  102. package/lib/component/transaction-line-fields/transaction-line-warehouse-location-button.component.d.ts +1 -6
  103. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-delivery-date.component.d.ts +3 -3
  104. package/lib/component/transaction-line-fields/transaction-purchase-portal-line-confirmed-price.component.d.ts +1 -0
  105. package/lib/component/transaction-line-purchase-confirmation/transaction-line-purchase-confirmation.component.d.ts +1 -0
  106. package/lib/component/transaction-line-side-panel/style/_layout.scss +42 -6
  107. package/lib/component/transaction-quick-access/transaction-quick-access-invoice/transaction-quick-access-invoice.component.d.ts +4 -1
  108. package/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component.d.ts +0 -1
  109. package/lib/component/transaction-quick-access/transaction-quick-access-order-delivery/transaction-quick-access-order-delivery.component.d.ts +2 -0
  110. package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.d.ts +1 -1
  111. package/lib/component/transaction-send-documents/transaction-send-documents.component.d.ts +1 -0
  112. package/lib/enum/icon.enum.d.ts +4 -0
  113. package/lib/enum/transaction-type-category.enum.d.ts +1 -2
  114. package/lib/model/relation-any-type.d.ts +2 -1
  115. package/lib/res/dictionary/dictionaries.d.ts +5 -0
  116. package/lib/service/transaction-base.service.d.ts +8 -0
  117. package/lib/service/transaction-connector-adapter.service.d.ts +1 -0
  118. package/lib/service/transaction-connector.service.d.ts +1 -0
  119. package/lib/style/_variables.scss +2 -1
  120. package/lib/style/transaction-globals.scss +3 -30
  121. package/package.json +4 -4
  122. package/esm2015/lib/component/payment-to-pay/payment-to-pay.component.js +0 -26
  123. package/esm2015/lib/component/payment-to-pay/payment-to-pay.module.js +0 -21
  124. package/esm2015/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.component.js +0 -52
  125. package/esm2015/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.module.js +0 -34
  126. package/lib/component/payment-to-pay/payment-to-pay.component.d.ts +0 -4
  127. package/lib/component/payment-to-pay/payment-to-pay.module.d.ts +0 -2
  128. package/lib/component/payment-to-pay/style/_layout.scss +0 -26
  129. package/lib/component/payment-to-pay/style/_material-definition.scss +0 -6
  130. package/lib/component/payment-to-pay/style/_theme.scss +0 -9
  131. package/lib/component/transaction-cash-register-order/style/_layout.scss +0 -126
  132. package/lib/component/transaction-cash-register-order/style/_theme.scss +0 -4
  133. package/lib/component/transaction-cash-register-order/style/material.scss +0 -5
  134. package/lib/component/transaction-line/transaction-cash-register-order-line/style/_layout.scss +0 -4
  135. package/lib/component/transaction-line/transaction-cash-register-order-line/style/_material-definition.scss +0 -0
  136. package/lib/component/transaction-line/transaction-cash-register-order-line/style/_theme.scss +0 -4
  137. package/lib/component/transaction-line/transaction-cash-register-order-line/style/material.scss +0 -4
  138. package/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.component.d.ts +0 -4
  139. package/lib/component/transaction-line/transaction-cash-register-order-line/transaction-cash-register-order-line.module.d.ts +0 -2
  140. /package/lib/component/{transaction-cash-register-order → transaction-labeled-warehouse-location-button}/style/_material-definition.scss +0 -0
  141. /package/lib/component/{payment-to-pay → transaction-labeled-warehouse-location-button}/style/material.scss +0 -0
@@ -9,6 +9,7 @@ export declare class CheckoutOverviewPaymentComponent implements OnInit {
9
9
  readonly icons: typeof Icon;
10
10
  transaction: TransactionInfoResponse;
11
11
  relation: RelationAnyType;
12
+ showPayment: boolean;
12
13
  changeYourDataClick: EventEmitter<void>;
13
14
  changeDeliveryClick: EventEmitter<void>;
14
15
  payed: EventEmitter<number>;
@@ -36,6 +36,7 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit, Af
36
36
  ngOnInit(): Promise<void>;
37
37
  ngAfterViewInit(): void;
38
38
  handleRelationTypeChange(relation: Relation): void;
39
+ emptyRelation(event: MouseEvent): void;
39
40
  handleCustomerGroupChange(group: string): void;
40
41
  updateRelation(rel: RelationAnyType): void;
41
42
  submit(): boolean;
@@ -2,7 +2,12 @@
2
2
 
3
3
  @include export-module('co-checkout-overview-relation-edit-layout') {
4
4
  .co-checkout-overview-relation-edit {
5
+ display: block;
6
+ width: 100%;
5
7
  font-family: $tp-checkout-relation-font-family;
6
8
  font-size: $tp-checkout-relation-font-size;
9
+ .empty-relation-button {
10
+ width: auto;
11
+ }
7
12
  }
8
13
  }
@@ -14,6 +14,7 @@ export declare class CheckoutComponent implements OnInit {
14
14
  service: TransactionService;
15
15
  private _dictionary;
16
16
  private _dialogService;
17
+ readonly transKind: typeof TransactionKind;
17
18
  stepper: StepperComponent;
18
19
  stepRelation: StepperStepComponent;
19
20
  stepDelivery: StepperStepComponent;
@@ -52,6 +52,26 @@
52
52
  row-gap: 10px;
53
53
  column-gap: 10px;
54
54
  }
55
+ .payment-to-pay {
56
+ display: flex;
57
+ flex-direction: column;
58
+ align-items: flex-start;
59
+ row-gap: $tp-payment-row-gap;
60
+ grid-column: 1 / 1;
61
+ grid-row: 1 / 1;
62
+ }
63
+ .payment-amount {
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: center;
67
+ height: $tp-payment-amount-height;
68
+ border: $tp-payment-amount-border;
69
+ font-family: $tp-payment-amount-font-family;
70
+ font-size: $tp-payment-amount-font-size;
71
+ font-weight: $tp-payment-amount-font-weight;
72
+ border-radius: 5px;
73
+ width: 100%;
74
+ }
55
75
 
56
76
  .payment-deposit {
57
77
  grid-column: 1 / 1;
@@ -10,7 +10,14 @@ $tp-payment-header-extra-font-color: $tp-color-colijn-orange !default;
10
10
  $tp-payment-row-gap: 20px !default;
11
11
  $tp-payment-methods-column-gap: 5px !default;
12
12
  $tp-payment-methods-row-gap: 5px !default;
13
+ $tp-payment-amount-height: 60px !default;
14
+ $tp-payment-amount-font-family: $tp-font-family !default;
15
+ $tp-payment-amount-font-size: 32px !default;
16
+ $tp-payment-amount-font-weight: bold !default;
17
+ $tp-payment-amount-color: rgba(0, 0, 0, 0.5) !default;
13
18
  $tp-payment-amount-border: 1px solid !default;
19
+ $tp-payment-amount-border-color: $tp-color-border !default;
20
+ $tp-payment-amount-background-color: #dedede5c !default;
14
21
  $tp-payment-error-margin: 5px 0 !default;
15
22
  $tp-payment-error-font-family: $tp-font-family !default;
16
23
  $tp-payment-error-font-size: $tp-font-size !default;
@@ -7,6 +7,11 @@
7
7
  color: $tp-color-colijn-orange;
8
8
  }
9
9
  }
10
+ .payment-amount {
11
+ color: $tp-payment-amount-color;
12
+ border-color: $tp-payment-amount-border-color;
13
+ background-color: $tp-payment-amount-background-color;
14
+ }
10
15
  .payment-to-pay-button {
11
16
  .payment-error-message {
12
17
  color: $tp-payment-error-font-color;
@@ -15,5 +20,24 @@
15
20
  background-color: $tp-color-colijn-orange;
16
21
  }
17
22
  }
23
+ .payment-to-pay-keypad {
24
+ .key-pad-wrapper {
25
+ background: transparent;
26
+ border-color: $tp-payment-amount-border-color;
27
+ }
28
+ .key-pad-button {
29
+ background-color: $tp-payment-amount-background-color;
30
+ color: $tp-payment-amount-color;
31
+ font-weight: bold;
32
+ .co-icon {
33
+ svg { // for fontawesome icons
34
+ fill: $tp-payment-amount-color;
35
+ }
36
+ & [fill] { // for own icons
37
+ fill: $tp-payment-amount-color;
38
+ }
39
+ }
40
+ }
41
+ }
18
42
  }
19
43
  }
@@ -4,4 +4,3 @@
4
4
  @import "../../payment-tile/style/material";
5
5
  @import "../../payment-qr-code/style/material";
6
6
  @import "../../deposit-payment/style/material";
7
- @import "../../payment-to-pay/style/material";
@@ -2,6 +2,12 @@
2
2
  .co-relation-address-tile {
3
3
  display: flex;
4
4
  position: relative;
5
+ .co-tile {
6
+ .co-tile-wrapper {
7
+ width: $tp-relation-address-tile-width;
8
+ height: $tp-relation-address-tile-height;
9
+ }
10
+ }
5
11
  .relation-content-wrapper {
6
12
  display: flex;
7
13
  flex-direction: column;
@@ -1,5 +1,7 @@
1
1
  $tp-relation-address-tile-font-family: $tp-font-family !default;
2
2
  $tp-relation-address-tile-font-size: $tp-font-size !default;
3
+ $tp-relation-address-tile-width: 200px !default;
4
+ $tp-relation-address-tile-height: 120px !default;
3
5
  $tp-relation-address-tile-row-gap: 3px;
4
6
  $tp-relation-address-tile-padding: 10px !default;
5
7
  $tp-relation-address-tile-border-radius: 5px !default;
@@ -3,6 +3,7 @@ import { RelationBaseComponent } from '../relation-base.component';
3
3
  import { RelationKind } from '@colijnit/relationapi/build/enum/relation-kind.enum';
4
4
  export declare class RelationContactDetailsComponent extends RelationBaseComponent {
5
5
  readonly: boolean;
6
+ showPhone: boolean;
6
7
  relationKind: RelationKind;
7
8
  showClass(): boolean;
8
9
  emailAddress: ContactOption;
@@ -1,15 +1,19 @@
1
1
  import { EventEmitter } from "@angular/core";
2
2
  import { StepperStepComponent } from "./component/stepper-step.component";
3
3
  import { Icon } from "../../enum/icon.enum";
4
+ import { IconCacheService } from '../../service/icon-cache.service';
4
5
  export interface steps {
5
6
  index: number;
6
7
  description: string;
7
8
  complete: boolean;
8
9
  }
9
10
  export declare class StepperComponent {
11
+ iconCacheService: IconCacheService;
10
12
  readonly icons: typeof Icon;
11
13
  set content(children: any);
12
14
  set child(child: any);
15
+ title: string;
16
+ titleIcon: Icon;
13
17
  finishButtonLabel: string;
14
18
  showCreate: boolean;
15
19
  createClicked: EventEmitter<MouseEvent>;
@@ -27,6 +31,7 @@ export declare class StepperComponent {
27
31
  private _stepChildren;
28
32
  private _activeStep;
29
33
  private _deliveryTruckClientRect;
34
+ constructor(iconCacheService: IconCacheService);
30
35
  goto(idx: number): void;
31
36
  gotoPrevious(): void;
32
37
  gotoNext(): void;
@@ -97,11 +97,36 @@ $index-origin: calc((#{$tp-co-stepper-step-index-size} / 2) + (#{$tp-co-stepper-
97
97
  display: flex;
98
98
  }
99
99
  }
100
+ .stepper-title {
101
+ display: flex;
102
+ justify-content: space-between;
103
+ padding: $tp-co-stepper-step-title-padding;
104
+ .stepper-title-wrapper {
105
+ display: flex;
106
+ align-items: center;
107
+ column-gap: $tp-co-stepper-step-title-column-gap;
108
+ }
109
+ .title {
110
+ font-family: $tp-co-stepper-step-title-font-family;
111
+ font-size: $tp-co-stepper-step-title-font-size;
112
+ font-weight: $tp-co-stepper-step-title-font-weight;
113
+ }
114
+ .title-icon {
115
+ height: $tp-co-stepper-step-title-icon-size;
116
+ width: $tp-co-stepper-step-title-icon-size;
117
+ }
118
+ }
100
119
  .stepper-button-wrapper {
101
120
  display: flex;
102
121
  column-gap: 5px;
103
122
  justify-content: flex-end;
104
123
  margin: 15px 0;
124
+ .co-button {
125
+ .co-icon {
126
+ width: $tp-co-stepper-step-button-icon-size;
127
+ height: $tp-co-stepper-step-button-icon-size;
128
+ }
129
+ }
105
130
  }
106
131
  }
107
132
  }
@@ -16,3 +16,15 @@ $tp-co-stepper-step-description-color: black !default;
16
16
  $tp-co-stepper-step-description-font-weight: bold !default;
17
17
  $tp-co-stepper-step-incomplete-description-color: rgba(0, 0, 0, 0.3) !default;
18
18
  $tp-co-stepper-step-incomplete-description-font-weight: normal !default;
19
+
20
+ $tp-co-stepper-step-title-padding: 30px !default;
21
+ $tp-co-stepper-step-title-column-gap: 20px !default;
22
+ $tp-co-stepper-step-title-font-family: $tp-font-family !default;
23
+ $tp-co-stepper-step-title-font-size: 28px !default;
24
+ $tp-co-stepper-step-title-font-weight: bold !default;
25
+ $tp-co-stepper-step-title-icon-size: 30px !default;
26
+
27
+ $tp-co-stepper-step-button-color: $tp-color-action !default;
28
+ $tp-co-stepper-step-button-background-color: $tp-default-background-accent !default;
29
+ $tp-co-stepper-step-button-icon-size: 15px !default;
30
+ $tp-co-stepper-step-button-icon-color: $tp-color-action !default;
@@ -39,5 +39,19 @@
39
39
  }
40
40
  }
41
41
  }
42
+ .stepper-button-wrapper {
43
+ .co-button {
44
+ color: $tp-co-stepper-step-button-color;
45
+ background: $tp-co-stepper-step-button-background-color;
46
+ .co-icon {
47
+ svg { // for fontawesome icons
48
+ fill: $tp-co-stepper-step-button-icon-color;
49
+ }
50
+ & [fill] { // for own icons
51
+ fill: $tp-co-stepper-step-button-icon-color;
52
+ }
53
+ }
54
+ }
55
+ }
42
56
  }
43
57
  }
@@ -4,8 +4,6 @@
4
4
  .co-tile {
5
5
  display: flex;
6
6
  position: relative;
7
- width: 100%;
8
- height: 100%;
9
7
  &.selected {
10
8
  transform: scale($tp-tile-selected-zoom);
11
9
  }
@@ -17,8 +15,8 @@
17
15
  border: $tp-tile-border;
18
16
  border-radius: $tp-tile-border-radius;
19
17
  padding: $tp-tile-padding;
20
- min-height: $tp-tile-min-height;
21
- width: 100%;
18
+ width: $tp-tile-min-width;
19
+ height: $tp-tile-min-height;
22
20
  }
23
21
  .co-tile-select-wrapper {
24
22
  //position: absolute;
@@ -4,7 +4,7 @@ $tp-tile-row-gap: 3px;
4
4
  $tp-tile-padding: 10px !default;
5
5
  $tp-tile-border: 2px solid !default;
6
6
  $tp-tile-border-radius: 5px !default;
7
- $tp-tile-min-width: 200px !default;
7
+ $tp-tile-min-width: 150px !default;
8
8
  $tp-tile-min-height: 100px !default;
9
9
  $tp-tile-icon-width: 20px !default;
10
10
  $tp-tile-background-color: $tp-color-light !default;
@@ -57,6 +57,9 @@
57
57
  grid-template-columns: 100%;
58
58
  }
59
59
  }
60
+ .transaction-lines-wrapper {
61
+ padding: $tp-transaction-transaction-lines-wrapper-padding;
62
+ }
60
63
 
61
64
  .quick-send-button {
62
65
  height: 32px;
@@ -6,3 +6,4 @@ $tp-transaction-transaction-lines-header-padding: 20px 0 !default;
6
6
  $tp-transaction-padding: 20px !default;
7
7
  $tp-transaction-transaction-lines-header-padding: 20px !default;
8
8
  $tp-transaction-transaction-lines-header-column-gap: 20px !default;
9
+ $tp-transaction-transaction-lines-wrapper-padding: 0 !default;
@@ -10,5 +10,6 @@
10
10
  @import "../../transaction-line-side-panel/style/material";
11
11
  @import "../../dialog/transaction-header/dialog-transaction-header-delivery-method/style/material";
12
12
  @import "../../dialog/transaction-header/dialog-transaction-header-branch/style/material";
13
+ @import "../../transaction-labeled-warehouse-location-button/style/material";
13
14
  @import "../../transaction-line-checkbox-list/style/material";
14
15
  @import "../../transaction-card/transaction-card/style/material";
@@ -8,6 +8,7 @@
8
8
  display: flex;
9
9
  align-items: center;
10
10
  justify-content: space-between;
11
+ padding: 0 5px;
11
12
  .co-icon {
12
13
  height: $tp-transaction-date-select-icon-size;
13
14
  width: $tp-transaction-date-select-icon-size;
@@ -16,7 +16,9 @@ export declare class TransactionHeaderAdministrativeRelationComponent extends Tr
16
16
  protected changeDetector: ChangeDetectorRef;
17
17
  private _relationService;
18
18
  fields: Object;
19
+ admCoordModel: RelationListObject;
19
20
  constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
20
21
  ngOnInit(): void;
21
22
  commitTransactionAdministrative(relation: number): Promise<boolean>;
23
+ private _setRelationModel;
22
24
  }
@@ -18,7 +18,7 @@ export declare class TransactionHeaderBranchComponent extends TransactionFilterP
18
18
  private _relationService;
19
19
  simple: boolean;
20
20
  fields: Object;
21
- branchModel: number;
21
+ branchModel: BranchLov;
22
22
  protected codeField: string;
23
23
  protected checkField: string;
24
24
  protected propsForLabel: string[];
@@ -26,4 +26,5 @@ export declare class TransactionHeaderBranchComponent extends TransactionFilterP
26
26
  commit(branch: number | RelationSmallObject): Promise<boolean>;
27
27
  protected transactionSet(): void;
28
28
  protected transactionInfoSet(): void;
29
+ private _setBranchModel;
29
30
  }
@@ -16,8 +16,10 @@ export declare class TransactionHeaderCurrencyComponent extends TransactionFilte
16
16
  protected changeDetector: ChangeDetectorRef;
17
17
  private _relationService;
18
18
  fields: Object;
19
+ currencyModel: Currency;
19
20
  constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
20
21
  ngOnInit(): void;
21
22
  commitTransactionCurrency(currency: number): Promise<boolean>;
22
23
  protected transactionSet(): void;
24
+ private _setCurrencyModel;
23
25
  }
@@ -3,6 +3,8 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
3
3
  import { PaymentCondition } from '@colijnit/mainapi/build/model/payment-condition.bo';
4
4
  export declare class TransactionHeaderPaymentConditionComponent extends TransactionFilterPopupBaseComponent<PaymentCondition> implements OnInit {
5
5
  fields: Object;
6
+ paymentConditionModel: PaymentCondition;
6
7
  ngOnInit(): void;
7
8
  commitTransactionPaymentCondition(condition: string): Promise<boolean>;
9
+ private _setPaymentConditionModel;
8
10
  }
@@ -3,6 +3,7 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
3
3
  import { SalesPerson } from '@colijnit/relationapi/build/model/sales-person.bo';
4
4
  export declare class TransactionHeaderPriceKindComponent extends TransactionFilterPopupBaseComponent<SalesPerson> implements OnInit {
5
5
  fields: Object;
6
+ priceKindModel: any;
6
7
  ngOnInit(): void;
7
8
  commitTransactionPriceKind(priceKind: string): Promise<boolean>;
8
9
  protected transactionSet(): void;
@@ -3,6 +3,8 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
3
3
  import { SalesPerson } from '@colijnit/relationapi/build/model/sales-person.bo';
4
4
  export declare class TransactionHeaderSalesPersonComponent extends TransactionFilterPopupBaseComponent<SalesPerson> implements OnInit {
5
5
  fields: Object;
6
+ salesPerson: SalesPerson;
6
7
  ngOnInit(): void;
7
8
  commitTransactionSalesPerson(relation: number): Promise<boolean>;
9
+ private _setSalesPerson;
8
10
  }
@@ -0,0 +1,46 @@
1
+ @include export-module('cc-transaction-labeled-warehouse-location-button-layout') {
2
+ .co-transaction-labeled-warehouse-location-button {
3
+
4
+ .transaction-line-button {
5
+ height: 45px;
6
+ width: 100px;
7
+
8
+ .icon-wrapper {
9
+ .co-icon {
10
+ padding: 13px;
11
+ }
12
+ }
13
+
14
+ .text-content-wrapper {
15
+ width: 100%;
16
+ height: 100%;
17
+ display: flex;
18
+ align-items: flex-start;
19
+ flex-direction: column;
20
+ row-gap: $tp-transaction-line-button-label-row-gap;
21
+ justify-content: center;
22
+ overflow: hidden;
23
+ padding-right: $tp-transaction-line-button-label-padding-right;
24
+
25
+ .label {
26
+ overflow: hidden;
27
+ white-space: nowrap;
28
+ text-overflow: ellipsis;
29
+ }
30
+
31
+ &.label {
32
+ color: $tp-transaction-line-button-label-color;
33
+ }
34
+
35
+ span {
36
+ width: inherit;
37
+ }
38
+ }
39
+
40
+ &:not(.spacer) {
41
+ padding: $tp-transaction-line-button-padding;
42
+ column-gap: $tp-transaction-line-button-column-gap;
43
+ }
44
+ }
45
+ }
46
+ }
@@ -0,0 +1,4 @@
1
+ @include export-module('cc-transaction-labeled-warehouse-location-button-theme') {
2
+ .co-transaction-labeled-warehouse-location-button {
3
+ }
4
+ }
@@ -0,0 +1,25 @@
1
+ import { ChangeDetectorRef, EventEmitter } from "@angular/core";
2
+ import { TransactionBaseComponent } from "../core/base/transaction-base.component";
3
+ import { Icon } from "../../enum/icon.enum";
4
+ import { TransactionEventService } from "../../service/transaction-event.service";
5
+ import { TransactionService } from "../../service/transaction.service";
6
+ import { IconCacheService } from "../../service/icon-cache.service";
7
+ import { DictionaryService } from "../../service/dictionary.service";
8
+ import { TransactionImageService } from "../../service/transaction-image.service";
9
+ import { DialogService } from "../../service/dialog.service";
10
+ export declare class TransactionLabeledWarehouseLocationButtonComponent extends TransactionBaseComponent {
11
+ transactionEventService: TransactionEventService;
12
+ service: TransactionService;
13
+ iconCacheService: IconCacheService;
14
+ protected dictionaryService: DictionaryService;
15
+ protected imageService: TransactionImageService;
16
+ protected changeDetector: ChangeDetectorRef;
17
+ private _dialogService;
18
+ readonly icons: typeof Icon;
19
+ locationNr: string;
20
+ warehouseNumber: number;
21
+ locationNrChange: EventEmitter<string>;
22
+ showClass(): boolean;
23
+ constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
24
+ openWarehouseLocationDialog(): Promise<void>;
25
+ }
@@ -0,0 +1,2 @@
1
+ export declare class TransactionLabeledWarehouseLocationButtonModule {
2
+ }
@@ -1,59 +1,32 @@
1
1
  @include export-module('cc-transaction-purchase-order-line-layout') {
2
2
  .co-transaction-purchase-order-line {
3
- .transaction-line-wrapper {
4
- align-items: center;
5
- height: 100%;
6
- }
7
3
 
8
- .transaction-line-totals-grid {
4
+ .transaction-line-content-wrapper {
9
5
  display: flex;
10
- align-self: center;
6
+ justify-content: space-evenly;
7
+ margin-right: 5px;
8
+ column-gap: 10px;
11
9
 
12
- .price {
13
- width: 100px;
14
- height: 25px;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- border: 1px solid #DCE4EA;
19
- border-radius: 10px;
20
- margin-right: 3px;
10
+ co-transaction-line-statusbar {
11
+ width: 75px;
21
12
  }
22
13
 
23
- .discount {
24
- width: 100px;
25
- height: 25px;
14
+ .transaction-line-content {
26
15
  display: flex;
27
- align-items: center;
28
- justify-content: center;
29
- border: 1px solid #DCE4EA;
30
- border-radius: 10px;
31
- margin-right: 3px;
32
- color: red;
33
- background-color: #f5f5fc;
16
+ flex-wrap: wrap;
17
+ column-gap: 10px;
18
+ row-gap: 10px;
19
+
20
+ co-input-text, co-editable-label {
21
+ width: $tp-transaction-line-button-width;
22
+ height: $tp-transaction-line-button-height;
23
+ }
24
+
25
+ co-input-number-picker {
26
+ width: $tp-transaction-line-input-number-picker-width;
27
+ height: $tp-transaction-line-button-height;
28
+ }
34
29
  }
35
30
  }
36
- .vertical-border {
37
- border-left: 1px solid #DCE4EA;
38
- height: 100%;
39
- }
40
- .transaction-line-supplier-id {
41
- font-size: 11px;
42
- font-weight: 600;
43
- display: flex;
44
- align-items: center;
45
- height: 26px;
46
- padding: 0 10px;
47
- }
48
- .transaction-line-supplier-icon {
49
- height: 20px;
50
- margin: 2px;
51
- }
52
- //.amount-number-picker {
53
- // height: 25px;
54
- // border: 1px solid black;
55
- // border-radius: 10px;
56
- // width: 100px;
57
- //}
58
31
  }
59
32
  }
@@ -5,9 +5,11 @@ export declare abstract class TransactionPurchaseOrderLineBaseComponent extends
5
5
  readonly transactionTypeCategory: typeof TransactionTypeCategory;
6
6
  showDialogDiscount: boolean;
7
7
  showCheckboxForLine: boolean;
8
+ lineQuantityToConfirm: number;
8
9
  private _subs;
9
10
  ngOnInit(): void;
10
11
  ngOnDestroy(): void;
11
12
  protected transactionLineSet(): void;
12
13
  handleOpenSidePanel(mouseClick: PointerEvent): void;
14
+ private _getPurchasePortalLine;
13
15
  }
@@ -1,4 +1,5 @@
1
1
  import { TransactionPurchaseOrderLineBaseComponent } from './transaction-purchase-order-line-base.component';
2
2
  export declare class TransactionPurchaseOrderLineComponent extends TransactionPurchaseOrderLineBaseComponent {
3
3
  showClass(): boolean;
4
+ confirmDeliveryDate(data: any): void;
4
5
  }
@@ -5,7 +5,7 @@
5
5
  .line-content-wrapper {
6
6
  display: grid;
7
7
  grid-template-columns:
8
- 60px
8
+ 75px
9
9
  $tp-transaction-line-button-width
10
10
  $tp-transaction-line-button-width
11
11
  $tp-transaction-line-button-width
@@ -1,4 +1,4 @@
1
- import { ChangeDetectorRef, EventEmitter } from '@angular/core';
1
+ import { ChangeDetectorRef } from '@angular/core';
2
2
  import { Icon } from "../../enum/icon.enum";
3
3
  import { IconCacheService } from "../../service/icon-cache.service";
4
4
  import { DialogService } from "../../service/dialog.service";
@@ -16,12 +16,7 @@ export declare class TransactionLineWarehouseLocationButtonComponent extends Tra
16
16
  protected changeDetector: ChangeDetectorRef;
17
17
  private _dialogService;
18
18
  readonly icons: typeof Icon;
19
- locationNr: string;
20
- warehouseNumber: number;
21
19
  readonly: boolean;
22
- label: string;
23
- globalLocation: boolean;
24
- locationNrChange: EventEmitter<string>;
25
20
  showClass(): boolean;
26
21
  constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
27
22
  openWarehouseLocationDialog(): Promise<void>;
@@ -1,10 +1,10 @@
1
+ import { EventEmitter } from "@angular/core";
1
2
  import { Icon } from "../../enum/icon.enum";
2
- import { IconCacheService } from "../../service/icon-cache.service";
3
3
  import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
4
4
  export declare class TransactionPurchasePortalLineConfirmedDeliveryDateComponent {
5
- iconCacheService: IconCacheService;
6
5
  readonly icons: typeof Icon;
7
6
  purchasePortalLine: PurchasePortalLine;
7
+ selectedConfirmedDeliveryDate: EventEmitter<any>;
8
+ confirmedDeliveryDate: Date;
8
9
  showClass(): boolean;
9
- constructor(iconCacheService: IconCacheService);
10
10
  }
@@ -11,4 +11,5 @@ export declare class TransactionPurchasePortalLineConfirmedPriceComponent {
11
11
  input: InputTextComponent;
12
12
  private _editMode;
13
13
  constructor();
14
+ portalLinePriceChanged(event: number): void;
14
15
  }
@@ -19,4 +19,5 @@ export declare class TransactionLinePurchaseConfirmationComponent extends Transa
19
19
  handleCancelClick(): void;
20
20
  protected transactionLineSet(): void;
21
21
  private _updateBatchArray;
22
+ private _getPurchasePortalLine;
22
23
  }