@colijnit/sharedcomponents 1.0.62 → 1.0.63

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 (26) hide show
  1. package/3rdpartylicenses.txt +1200 -0
  2. package/bundles/colijnit-sharedcomponents.umd.js +206 -175
  3. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  4. package/colijnit-sharedcomponents.metadata.json +1 -1
  5. package/esm2015/lib/components/stock/components/stock-location/stock-location.component.js +36 -25
  6. package/esm2015/lib/components/stock/localization/translation.js +8 -1
  7. package/esm2015/lib/components/stock/stock-transfer/stock-transfer.component.js +70 -59
  8. package/esm2015/lib/components/stock/stock.component.js +62 -21
  9. package/esm2015/lib/enum/icon.enum.js +5 -1
  10. package/esm2015/lib/model/icon-svg.js +5 -1
  11. package/esm2015/lib/service/stock.service.js +1 -1
  12. package/favicon.ico +0 -0
  13. package/fesm2015/colijnit-sharedcomponents.js +312 -236
  14. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  15. package/index.html +12 -0
  16. package/lib/components/stock/components/stock-location/stock-location.component.d.ts +5 -3
  17. package/lib/components/stock/localization/translation.d.ts +7 -0
  18. package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts +1 -5
  19. package/lib/components/stock/stock.component.d.ts +8 -2
  20. package/lib/components/stock/style/_layout.scss +205 -70
  21. package/lib/enum/icon.enum.d.ts +4 -0
  22. package/main.b63cf8c6791cb3e37f3c.js +1 -0
  23. package/package.json +1 -1
  24. package/polyfills.907fe9d1887c5de17993.js +1 -0
  25. package/runtime.8aac21847ed3d3829cca.js +1 -0
  26. package/styles.6807e7b997183dacbe3b.css +1 -0
package/index.html ADDED
@@ -0,0 +1,12 @@
1
+ <!DOCTYPE html><html lang="en"><head>
2
+ <meta charset="utf-8">
3
+ <title>Sharedcomponents</title>
4
+ <base href="/">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
7
+ <style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.6807e7b997183dacbe3b.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.6807e7b997183dacbe3b.css"></noscript></head>
8
+ <body>
9
+ <app-root></app-root>
10
+ <script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.b63cf8c6791cb3e37f3c.js" defer></script>
11
+
12
+ </body></html>
package/lib/components/stock/components/stock-location/stock-location.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ChangeDetectorRef, EventEmitter, OnInit } from "@angular/core";
1
+ import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
2
2
  import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
3
3
  import { IconCacheService } from "../../../../service/icon-cache.service";
4
4
  import { Icon } from "../../../../enum/icon.enum";
@@ -11,7 +11,7 @@ import { PrintPriceStickers } from "@colijnit/sharedapi/build/model/print-price-
11
11
  import { StockStatus } from "@colijnit/articleapi/build/model/stock-status.bo";
12
12
  import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
13
13
  import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
14
- export declare class StockLocationComponent implements OnInit {
14
+ export declare class StockLocationComponent implements OnInit, OnDestroy {
15
15
  iconCacheService: IconCacheService;
16
16
  private _stockService;
17
17
  private _changeDetector;
@@ -26,6 +26,7 @@ export declare class StockLocationComponent implements OnInit {
26
26
  selectedWarehouse: StockManagementWarehouses;
27
27
  articleDetails: ArticleDetailsBo;
28
28
  showConfirmationDialog: boolean;
29
+ showConfirmStockRow: boolean;
29
30
  articleDetailsInformation: ArticleStockManagement;
30
31
  stockLocations: StockLocation[];
31
32
  stockStatus: StockStatus[];
@@ -34,7 +35,7 @@ export declare class StockLocationComponent implements OnInit {
34
35
  private _subs;
35
36
  constructor(iconCacheService: IconCacheService, _stockService: StockService, _changeDetector: ChangeDetectorRef);
36
37
  ngOnInit(): void;
37
- lockSelectedRow(row: any): void;
38
+ ngOnDestroy(): void;
38
39
  onLocationDropdownClick(): void;
39
40
  locationChanged(row: ArticleDetailsBo, event: StockLocation): void;
40
41
  amountInStockChanged(data: any): void;
@@ -47,4 +48,5 @@ export declare class StockLocationComponent implements OnInit {
47
48
  disabled(): boolean;
48
49
  statusForId(id: number): StockStatus;
49
50
  locationForNumber(number: number): StockLocation;
51
+ locationForDescription(locationNo: string): string;
50
52
  }
package/lib/components/stock/localization/translation.d.ts CHANGED
@@ -10,8 +10,10 @@ export declare class Translation {
10
10
  AVAILABLE_STOCK?: string;
11
11
  BACK_TO_STOCK_LINES?: string;
12
12
  BATCH?: string;
13
+ BATCH_NO?: string;
13
14
  CANCEL?: string;
14
15
  CHOICES?: string;
16
+ CONFIRM_STOCK_CHANGE?: string;
15
17
  CUSTOMER?: string;
16
18
  DATE?: string;
17
19
  DATE_DELIVERED?: string;
@@ -43,8 +45,12 @@ export declare class Translation {
43
45
  RELATION_ID?: string;
44
46
  RELATION_NR?: string;
45
47
  RESERVED?: string;
48
+ QUANTITY?: string;
46
49
  SEARCH?: string;
47
50
  SERIAL_NO?: string;
51
+ SERIE_NO?: string;
52
+ STANDARD_WAREHOUSE?: string;
53
+ STANDARD_LOCATION?: string;
48
54
  STICKER?: string;
49
55
  STOCK?: string;
50
56
  STOCK_DETAILS?: string;
@@ -54,6 +60,7 @@ export declare class Translation {
54
60
  STOCK_STATUS?: string;
55
61
  SUPPLIER_NUMBER?: string;
56
62
  TRANSFER?: string;
63
+ TRANSFER_STOCK?: string;
57
64
  USER?: string;
58
65
  VALUTA?: string;
59
66
  WAREHOUSE?: string;
package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { AfterViewInit, EventEmitter } from "@angular/core";
2
2
  import { PrintStockStickers } from "@colijnit/articleapi/build/model/print-stock-stickers";
3
3
  import { StockService } from "../../../service/stock.service";
4
- import { CoDropDownListFields } from "./co-drop-down-list-fields.interface";
5
4
  import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
6
5
  import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
7
6
  import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
@@ -17,14 +16,11 @@ export declare class StockTransferComponent implements AfterViewInit {
17
16
  articleToTransfer: ArticleDetailsBo;
18
17
  articleWarehouse: any[];
19
18
  allWarehouses: any[];
20
- handleClick: EventEmitter<any>;
19
+ handleClick: EventEmitter<number>;
21
20
  handleStickerClicked: EventEmitter<any>;
22
- allWarehousesDropdownFields: CoDropDownListFields;
23
- allLocationDropdownFields: CoDropDownListFields;
24
21
  showSendMethodDialog: boolean;
25
22
  warehouses: StockManagementWarehouses[];
26
23
  stockState: StockStatus[];
27
- stockStateDropdownField: CoDropDownListFields;
28
24
  locations: StockLocation[];
29
25
  selectedWarehouse: StockManagementWarehouses;
30
26
  readonly icons: typeof Icon;
package/lib/components/stock/stock.component.d.ts CHANGED
@@ -11,6 +11,8 @@ import { Translation } from './localization/translation';
11
11
  import { LocalizeService } from '../../localization/localize.service';
12
12
  import { SharedConnectorService } from "../../service/shared-connector.service";
13
13
  import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
14
+ import { Icon } from "../../enum/icon.enum";
15
+ import { IconCacheService } from "../../service/icon-cache.service";
14
16
  export declare class StockComponent implements OnDestroy, OnInit {
15
17
  private _stockService;
16
18
  private _optionsService;
@@ -18,6 +20,8 @@ export declare class StockComponent implements OnDestroy, OnInit {
18
20
  private _changeDetector;
19
21
  private _localizeService;
20
22
  private _connector;
23
+ iconCacheService: IconCacheService;
24
+ readonly icons: typeof Icon;
21
25
  set translation(value: Translation);
22
26
  handleStickerClicked: EventEmitter<any>;
23
27
  set article(articleOrGoodId: ArticleExtended | number);
@@ -25,6 +29,7 @@ export declare class StockComponent implements OnDestroy, OnInit {
25
29
  allWarehouses: any[];
26
30
  readonly okButtonClicked: EventEmitter<any>;
27
31
  readonly cancelButtonClicked: EventEmitter<any>;
32
+ handleClick: EventEmitter<any>;
28
33
  showClass(): boolean;
29
34
  loaded: boolean;
30
35
  showStockInformationGrid: boolean;
@@ -43,12 +48,13 @@ export declare class StockComponent implements OnDestroy, OnInit {
43
48
  warehouses: StockManagementWarehouses[];
44
49
  private _subscriptions;
45
50
  private _goodId;
46
- constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService, _connector: SharedConnectorService);
51
+ constructor(_stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService, _connector: SharedConnectorService, iconCacheService: IconCacheService);
47
52
  ngOnDestroy(): void;
48
53
  ngOnInit(): void;
49
54
  handleStockTransferClick(event: any): void;
50
55
  handleSendMethodClick(event: any): void;
51
- backToStock(): void;
56
+ handleOkClick(data: ArticleDetailsBo): void;
57
+ backToStock(goodId: number): void;
52
58
  getStockInformation(goodId: number): void;
53
59
  getArtStockStatus(): void;
54
60
  getStockManagementWarehouses(): void;
package/lib/components/stock/style/_layout.scss CHANGED
@@ -1,55 +1,30 @@
1
1
  @include export-module('co-stock-layout') {
2
2
  .co-stock {
3
-
4
3
  .stock-grid {
5
4
  co-dialog {
6
-
7
- .co-dialog-wrapper{
5
+ .co-dialog-wrapper {
8
6
  width: 500px;
9
7
  height: 350px;
10
8
  display: flex;
11
-
12
9
  }
13
10
 
14
-
15
11
  .header-wrapper {
16
12
  span {
17
13
  font-weight: bold;
18
14
  }
15
+
19
16
  padding: 1em;
20
17
  }
21
18
 
22
-
23
-
24
19
  .dialog-wrapper {
25
20
  display: flex;
26
21
  gap: 1em;
27
22
  padding: 1em;
28
23
  flex-direction: column;
29
24
  }
30
- .button-wrapper {
31
- width: 100%;
32
- display: flex;
33
- flex-direction: row;
34
- justify-content: center;
35
- align-items: center;
36
- gap: 2em;
37
-
38
- co-button {
39
- width: 125px;
40
- display: flex;
41
- text-align: center;
42
- align-items: center;
43
- justify-content: center;
44
- }
45
- .cancel-button {
46
- background: none;
47
- text-decoration: underline;
48
- color: $cc-color-font;
49
- }
50
- }
51
25
  }
52
26
  }
27
+
53
28
  .stock-info-container {
54
29
  max-width: $sc-stock-info-container-width;
55
30
  padding: $sc-stock-info-container-padding;
@@ -76,6 +51,7 @@
76
51
  .stock-image {
77
52
  height: $sc-stock-image-height;
78
53
  margin-right: $sc-stock-image-width;
54
+
79
55
  .no-image-wrapper {
80
56
  height: $sc-stock-image-height;
81
57
  }
@@ -105,6 +81,7 @@
105
81
 
106
82
  .tab-link {
107
83
  gap: 30px;
84
+
108
85
  &.hide {
109
86
  display: none;
110
87
  }
@@ -112,6 +89,7 @@
112
89
  &.show {
113
90
  display: flex;
114
91
  }
92
+
115
93
  flex-direction: row;
116
94
  }
117
95
 
@@ -153,6 +131,7 @@
153
131
  .stock-location-right-group {
154
132
  display: flex;
155
133
  justify-content: flex-end;
134
+
156
135
  co-list-of-values ::ng-deep {
157
136
  co-input-text {
158
137
  height: 100%;
@@ -176,68 +155,196 @@
176
155
  width: 100px;
177
156
  }
178
157
  }
158
+
179
159
  .stock-button-middle-group {
180
160
  display: flex;
181
161
  flex: 1;
182
162
  }
183
163
 
184
- .stock-transfer-right-column {
185
- display: flex;
186
- flex-direction: column;
187
- width: 35%;
188
- float: right;
189
- gap: 1em;
190
- }
191
-
192
- .stock-transfer-left-column {
193
- display: flex;
194
- flex-direction: column;
195
- width: 35%;
196
- float: left;
197
- gap: 1em;
198
- }
199
-
200
164
  .ok-cancel-buttons {
201
165
  display: flex;
202
166
  justify-content: center;
203
- padding-top: 25px;
204
- }
167
+ gap: 5px;
205
168
 
206
- .ok-cancel-buttons co-button {
207
- margin-right: 10px;
208
- width: 100px;
209
- }
169
+ .co-button {
170
+ width: 100px;
171
+ height: 36px;
172
+
173
+ &.save-button {
174
+ width: 36px;
175
+ border-color: #DCE4EA;
176
+ border-style: solid;
177
+ border-width: 0 0 0 0;
178
+ background-color: #1A73E8;
179
+ padding: 8px;
180
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
181
+ cursor: pointer;
182
+ }
210
183
 
211
- .stock-transfer {
212
- span {
213
- font-weight: bold;
214
- }
215
- }
184
+ &.text-button {
185
+ border-color: #DCE4EA;
186
+ border-style: solid;
187
+ border-width: 0 0 0 0;
188
+ background-color: #475060;
189
+ padding: 8px;
190
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
191
+ cursor: pointer;
192
+ }
216
193
 
217
- .stock-transfer-columns {
218
- display: flex;
219
- width: $sc-stock-transfer-column-width;
220
- overflow: hidden;
221
- flex-direction: row;
222
- gap: 2em;
223
- margin: 2em;
194
+ &.cancel-button {
195
+ width: 36px;
196
+ border-color: #DCE4EA;
197
+ border-style: solid;
198
+ border-width: 0 0 0 0;
199
+ background-color: #475060;
200
+ padding: 8px;
201
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
202
+ cursor: pointer;
203
+ }
204
+
205
+ .co-icon {
206
+ height: 20px;
207
+ width: 20px;
208
+
209
+ svg {
210
+ fill: #FFF;
211
+ }
224
212
 
225
- .icon-wrapper {
213
+ [fill] {
214
+ fill: #FFF;
215
+ }
216
+ }
217
+ }
218
+ }
219
+ .stock-transfer-wrapper {
220
+ .co-dialog {
221
+ .co-dialog-wrapper {
222
+ width: 410px;
223
+ max-width: 100%;
224
+ }
225
+ }
226
+ }
227
+ .stock-transfer {
228
+ .stock-transfer-bottom-column {
226
229
  display: flex;
227
230
  flex-direction: column;
228
- justify-content: center;
231
+ background: #FFF;
232
+ padding: 10px;
233
+ border: 1px solid #ccc;
234
+ gap: 5px;
235
+ margin-top: -20px;
236
+ .transfer-bottom-row {
237
+ display: flex;
238
+ gap: 5px;
239
+ }
240
+ .co-list-of-values {
241
+ background: #f8f8fa;
242
+ &:before {
243
+ box-shadow: none;
244
+ }
245
+ }
246
+ .co-input-text {
247
+ background: #f8f8fa;
248
+ width: 100%;
249
+ &:before {
250
+ box-shadow: none;
251
+ }
252
+ }
253
+ }
254
+ .stock-transfer-top-column {
255
+ display: flex;
256
+ flex-direction: row;
257
+ background: #FFFFFF;
258
+ padding: 30px 15px;
259
+ gap: 10px;
260
+ border: 1px solid #ccc;
261
+ overflow: hidden;
262
+ .transfer-items {
263
+ display: flex;
264
+ flex-direction: column;
265
+ .transfer-item {
266
+ display: flex;
267
+ align-items: center;
268
+ gap: 5px;
269
+ .item-label {
270
+ font-weight: 600;
271
+ }
272
+ .item-value {
273
+ display: -webkit-box;
274
+ -webkit-line-clamp: 1;
275
+ -webkit-box-orient: vertical;
276
+ overflow: hidden;
277
+ text-overflow: ellipsis;
278
+ }
279
+ }
280
+ }
281
+ .transfer-quantity {
282
+ .co-input-number-picker {
283
+ height: 30px;
284
+ max-width: 150px;
285
+ }
286
+ }
287
+ }
288
+ .transfer-arrow-wrapper {
289
+ display: flex;
229
290
  align-items: center;
230
-
231
- height: 100%;
232
-
233
- co-icon {
234
- height: 50px;
291
+ flex-direction: column;
292
+ position: relative;
293
+ top: -25px;
294
+ span.half-circle {
235
295
  width: 50px;
296
+ height: 25px;
297
+ border-radius: 25px 25px 0 0;
298
+ border-left: 1px solid #ccc;
299
+ border-top: 1px solid #ccc;
300
+ border-right: 1px solid #ccc;
301
+ border-bottom: 1px solid transparent;
302
+ background-color: #f8f8fa;
303
+ }
304
+ }
305
+ .stock-transfer-columns {
306
+ display: flex;
307
+ flex-direction: column;
308
+ .icon-wrapper {
309
+ display: flex;
310
+ flex-direction: column;
311
+ justify-content: center;
312
+ align-items: center;
313
+ height: 100%;
314
+ position: relative;
315
+ padding: 10px;
316
+ border-radius: 100%;
317
+ background: #f5f5fc;
318
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
319
+ top: -15px;
320
+ co-icon {
321
+ height: 20px;
322
+ width: 20px;
323
+ }
324
+ }
325
+ }
326
+ .transfer-sticker-buttons {
327
+ display: flex;
328
+ width: 100%;
329
+ justify-content: flex-end;
330
+ margin-top: 5px;
331
+ .co-button {
332
+ height: 30px;
333
+ padding: 0 10px;
334
+ .co-icon {
335
+ height: 16px;
336
+ width: 16px;
337
+ svg {
338
+ fill: #FFFFFF;
339
+ }
340
+ }
341
+ .label {
342
+ margin: 0 7px;
343
+ }
236
344
  }
237
345
  }
238
346
  }
239
347
 
240
-
241
348
  .tab-link-buttons {
242
349
  cursor: $sc-stock-tab-link-buttons-pointer;
243
350
  }
@@ -282,5 +389,33 @@
282
389
  font-size: $sc-font-size;
283
390
  align-self: center;
284
391
  }
392
+ .co-dialog {
393
+ .dialog-content {
394
+ overflow-x: hidden;
395
+ }
396
+ .co-dialog-header-title-wrapper {
397
+ display: flex;
398
+ align-items: center;
399
+ gap: 10px;
400
+ .co-icon {
401
+ width: 20px;
402
+ height: 20px;
403
+ margin: 0 0 20px 0;
404
+ }
405
+ .co-dialog-header-title {
406
+ font-size: 14px;
407
+ margin: 0 0 20px 0;
408
+ font-weight: bold;
409
+ }
410
+ }
411
+ .dialog-header {
412
+ padding: 0;
413
+ .dialog-header-caption {
414
+ border: none;
415
+ margin: 0;
416
+ }
417
+ }
418
+ }
419
+
285
420
  }
286
421
  }
package/lib/enum/icon.enum.d.ts CHANGED
@@ -3,16 +3,20 @@ export declare enum Icon {
3
3
  Account = "account",
4
4
  AngleLeftSolid = "angle_left_solid",
5
5
  AngleRightSolid = "angle_right_solid",
6
+ ArrowDown = "arrow_down",
7
+ ArrowDownRegular = "arrow_down_regular",
6
8
  ArrowFatRight = "arrow_fat_right",
7
9
  ArrowPointLeft = "arrow_point_left",
8
10
  ArrowPointRight = "arrow_point_right",
9
11
  AtSolid = "at_solid",
12
+ BarcodeReadRegular = "barcode_read_regular",
10
13
  BringForwardRegular = "bring_forward_regular",
11
14
  CheckDuotone = "check_duotone",
12
15
  CheckRound = "check_round",
13
16
  ClockRegular = "clock_regular",
14
17
  CommentRegular = "comment_regular",
15
18
  CrossSkinny = "cross_skinny",
19
+ Cubes = "cubes",
16
20
  DeleteLeftRegular = "delete_left_regular",
17
21
  DeliveryTruck = "delivery_truck",
18
22
  Dropzone = "dropzone",