@colijnit/sharedcomponents 254.1.2 → 254.1.3

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 (27) hide show
  1. package/bundles/colijnit-sharedcomponents.umd.js +97 -31
  2. package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
  3. package/colijnit-sharedcomponents.metadata.json +1 -1
  4. package/esm2015/lib/components/activity-list/activity-list.component.js +7 -3
  5. package/esm2015/lib/components/open-activity-list/component-activity-list.component.js +7 -1
  6. package/esm2015/lib/components/stock/components/stock-location/components/stock-location-popup/stock-location-popup.component.js +3 -3
  7. package/esm2015/lib/components/stock/components/stock-location/stock-location.component.js +28 -2
  8. package/esm2015/lib/components/stock/localization/translation.js +3 -1
  9. package/esm2015/lib/components/stock/stock-tabs/stock-tabs.component.js +7 -2
  10. package/esm2015/lib/components/stock/stock-transfer/stock-transfer.component.js +144 -85
  11. package/esm2015/lib/components/stock/stock.component.js +11 -42
  12. package/esm2015/lib/components/stock/stock.module.js +4 -3
  13. package/fesm2015/colijnit-sharedcomponents.js +201 -132
  14. package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
  15. package/index.html +2 -2
  16. package/lib/components/activity-list/style/_layout.scss +17 -6
  17. package/lib/components/open-activity-list/component-activity-list.component.d.ts +1 -0
  18. package/lib/components/stock/components/stock-location/stock-location.component.d.ts +7 -1
  19. package/lib/components/stock/localization/translation.d.ts +2 -0
  20. package/lib/components/stock/stock-tabs/stock-tabs.component.d.ts +2 -0
  21. package/lib/components/stock/stock-transfer/stock-transfer.component.d.ts +19 -6
  22. package/lib/components/stock/stock.component.d.ts +3 -0
  23. package/lib/components/stock/style/_layout.scss +64 -31
  24. package/lib/style/_variables.scss +2 -0
  25. package/{main.894c3ac9caba556953e2.js → main.b62bfdc80736ecda90e4.js} +1 -1
  26. package/package.json +1 -1
  27. package/{styles.b92683eab3a233f3fb51.css → styles.051675db76590b099897.css} +1 -1
package/index.html CHANGED
@@ -4,9 +4,9 @@
4
4
  <base href="/">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
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.b92683eab3a233f3fb51.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.b92683eab3a233f3fb51.css"></noscript></head>
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.051675db76590b099897.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.051675db76590b099897.css"></noscript></head>
8
8
  <body>
9
9
  <app-root></app-root>
10
- <script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.894c3ac9caba556953e2.js" defer></script>
10
+ <script src="runtime.8aac21847ed3d3829cca.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.b62bfdc80736ecda90e4.js" defer></script>
11
11
 
12
12
  </body></html>
@@ -13,7 +13,7 @@
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  row-gap: 5px;
16
- width: 75%;
16
+ width: 70%;
17
17
 
18
18
  .activity-display-title {
19
19
  display: flex;
@@ -22,7 +22,7 @@
22
22
  align-items: center;
23
23
  justify-content: flex-end;
24
24
  padding-right: 5px;
25
-
25
+ font-size: 11px;
26
26
  .co-icon {
27
27
  width: 20px;
28
28
  height: 20px;
@@ -33,9 +33,14 @@
33
33
  display: flex;
34
34
  flex-direction: column;
35
35
  border-radius: 5px;
36
- background-color: $sc-color-action;
37
- padding: 10px;
38
-
36
+ background-color: $sc-color-activity;
37
+ padding: 15px;
38
+ color: #FFFFFF;
39
+ .co-icon {
40
+ svg {
41
+ fill: #FFFFFF;
42
+ }
43
+ }
39
44
  .activity-display-body {
40
45
  display: flex;
41
46
  align-items: center;
@@ -44,7 +49,7 @@
44
49
  .activity-display-footer {
45
50
  display: flex;
46
51
  flex-direction: row;
47
- column-gap: 10px;
52
+ column-gap: 5px;
48
53
  align-items: center;
49
54
  justify-content: flex-end;
50
55
 
@@ -57,6 +62,12 @@
57
62
 
58
63
  .customer-reply-content {
59
64
  background-color: $sc-color-light-accent;
65
+ color: #171721;
66
+ .co-icon {
67
+ svg {
68
+ fill: #FFFFFF;
69
+ }
70
+ }
60
71
  }
61
72
  }
62
73
  }
@@ -22,6 +22,7 @@ export declare class ComponentActivityListComponent extends BaseActivityListComp
22
22
  get table(): TableName;
23
23
  set key(value: string);
24
24
  get key(): string;
25
+ showActivityHeader: boolean;
25
26
  hideTitle: boolean;
26
27
  noFreeTasks: boolean;
27
28
  customTitle: string;
@@ -18,11 +18,16 @@ export declare class StockLocationComponent implements OnInit, OnDestroy {
18
18
  readonly icons: typeof Icon;
19
19
  articleStockInfo: ArticleDetailsBo[];
20
20
  articleStockInformation: ArticleStockBo[];
21
+ articleWarehouse: any[];
22
+ allWarehouses: any[];
21
23
  set article(article: ArticleExtended);
24
+ showStockTransfer: boolean;
22
25
  articleFlat: ArticleFlat;
23
26
  dataWareHouseCode: StockManagementWarehouses[];
24
27
  readonly transferIconClicked: EventEmitter<ArticleStockBo>;
25
28
  readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
29
+ showStockTransferChange: EventEmitter<boolean>;
30
+ handleStickerClicked: EventEmitter<any>;
26
31
  selectedWarehouse: StockManagementWarehouses;
27
32
  articleDetails: ArticleDetailsBo;
28
33
  showConfirmationDialog: boolean;
@@ -37,11 +42,12 @@ export declare class StockLocationComponent implements OnInit, OnDestroy {
37
42
  constructor(iconCacheService: IconCacheService, _stockService: StockService, _changeDetector: ChangeDetectorRef);
38
43
  ngOnInit(): void;
39
44
  ngOnDestroy(): void;
45
+ onShowStockTransferChange(show: boolean): void;
40
46
  onLocationDropdownClick(): void;
41
47
  locationChanged(row: ArticleDetailsBo, event: StockLocation): void;
42
48
  amountInStockChanged(data: any): void;
43
49
  openSendMethodDialog(data: any): void;
44
- handleStockTransferClick(event: any): void;
50
+ handleStockTransferClick(event: ArticleDetailsBo): void;
45
51
  onOkClickSendLocations(row: ArticleDetailsBo): void;
46
52
  handleAddRow(): void;
47
53
  handleOkClick(): void;
@@ -48,6 +48,7 @@ export declare class Translation {
48
48
  REFERENCE?: string;
49
49
  RELATION_ID?: string;
50
50
  RELATION_NR?: string;
51
+ REMARK?: string;
51
52
  RESERVED?: string;
52
53
  QUANTITY?: string;
53
54
  SEARCH?: string;
@@ -55,6 +56,7 @@ export declare class Translation {
55
56
  SERIE_NO?: string;
56
57
  STANDARD_WAREHOUSE?: string;
57
58
  STANDARD_LOCATION?: string;
59
+ STATUS?: string;
58
60
  STICKER?: string;
59
61
  STOCK?: string;
60
62
  STOCK_DETAILS?: string;
@@ -22,6 +22,7 @@ export declare class StockTabsComponent implements OnInit {
22
22
  stockInformation: ArticleStockBo[];
23
23
  article: ArticleExtended;
24
24
  articleFlat: ArticleFlat;
25
+ showStockTransfer: boolean;
25
26
  warehouses: StockManagementWarehouses[];
26
27
  readonly transferIconClicked: EventEmitter<ArticleStockBo>;
27
28
  readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
@@ -43,6 +44,7 @@ export declare class StockTabsComponent implements OnInit {
43
44
  historyTabs: Tab[];
44
45
  constructor(_stockService: StockService, _localizeService: LocalizeService, _changeDetector: ChangeDetectorRef);
45
46
  ngOnInit(): void;
47
+ onShowStockTransferChange(show: boolean): void;
46
48
  handleLocationClicked(data: string): void;
47
49
  getStockHistory(): void;
48
50
  getOrderSupplyStockHistory(): void;
@@ -1,4 +1,4 @@
1
- import { AfterViewInit, EventEmitter } from "@angular/core";
1
+ import { AfterViewInit, ChangeDetectorRef, 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
4
  import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
@@ -8,31 +8,44 @@ import { StockStatus } from "@colijnit/articleapi/build/model/stock-status.bo";
8
8
  import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
9
9
  import { IconCacheService } from "../../../service/icon-cache.service";
10
10
  import { Icon } from "../../../enum/icon.enum";
11
+ import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
12
+ import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
11
13
  export declare class StockTransferComponent implements AfterViewInit {
12
14
  private _stockService;
13
15
  iconCacheService: IconCacheService;
16
+ private _changeDetector;
14
17
  stockSticker: PrintStockStickers;
15
18
  article: ArticleStockBo;
16
19
  articleToTransfer: ArticleDetailsBo;
17
- articleWarehouse: any[];
18
20
  allWarehouses: any[];
21
+ showStockTransfer: boolean;
22
+ selectedArticleDetailsData: ArticleDetailsBo;
23
+ articleFlat: ArticleFlat;
24
+ articleDetailsInformation: ArticleStockManagement;
25
+ selectedWarehouse: StockManagementWarehouses;
26
+ selectedLocationNo: string;
27
+ articleStockInfo: ArticleDetailsBo[];
28
+ stockLocations: StockLocation[];
19
29
  handleClick: EventEmitter<number>;
20
30
  handleStickerClicked: EventEmitter<any>;
31
+ updateGridData: EventEmitter<ArticleDetailsBo[]>;
32
+ showStockTransferChange: EventEmitter<boolean>;
21
33
  showSendMethodDialog: boolean;
34
+ transferFull: boolean;
22
35
  warehouses: StockManagementWarehouses[];
23
36
  stockState: StockStatus[];
24
37
  locations: StockLocation[];
25
- selectedWarehouse: StockManagementWarehouses;
38
+ stockStatus: StockStatus[];
26
39
  readonly icons: typeof Icon;
27
- constructor(_stockService: StockService, iconCacheService: IconCacheService);
40
+ constructor(_stockService: StockService, iconCacheService: IconCacheService, _changeDetector: ChangeDetectorRef);
28
41
  ngAfterViewInit(): void;
29
42
  handleOkClick(data: ArticleDetailsBo): void;
30
- handleCancelClick(): void;
43
+ onCloseClick(): void;
31
44
  handleSelectedWarehouse(event: StockManagementWarehouses): void;
32
45
  handleSelectedLocation(event: StockLocation): void;
33
46
  handleSelectedStockState(event: StockStatus): void;
34
47
  handleStickerClick(): void;
35
48
  getStockManagementWarehouses(): void;
36
- getStockManagementLocations(data: any): void;
49
+ getStockManagementLocations(): void;
37
50
  getStockState(): void;
38
51
  }
@@ -13,6 +13,7 @@ import { SharedConnectorService } from "../../service/shared-connector.service";
13
13
  import { ArticleFlat } from "@colijnit/articleapi/build/model/article-flat.bo";
14
14
  import { Icon } from "../../enum/icon.enum";
15
15
  import { IconCacheService } from "../../service/icon-cache.service";
16
+ import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
16
17
  export declare class StockComponent implements OnDestroy, OnInit {
17
18
  private _stockService;
18
19
  private _optionsService;
@@ -30,6 +31,7 @@ export declare class StockComponent implements OnDestroy, OnInit {
30
31
  readonly okButtonClicked: EventEmitter<any>;
31
32
  readonly cancelButtonClicked: EventEmitter<any>;
32
33
  handleClick: EventEmitter<any>;
34
+ updateGridData: EventEmitter<ArticleDetailsBo[]>;
33
35
  showClass(): boolean;
34
36
  loaded: boolean;
35
37
  showStockInformationGrid: boolean;
@@ -38,6 +40,7 @@ export declare class StockComponent implements OnDestroy, OnInit {
38
40
  stockTransferArticle: ArticleStockBo;
39
41
  stockTransferArticleDetails: ArticleDetailsBo;
40
42
  articleExtended: ArticleExtended;
43
+ articleDetailsInformation: ArticleStockManagement;
41
44
  articleFlat: ArticleFlat;
42
45
  stockHistory: StockHistoryBo[];
43
46
  allAvailableStock: number;
@@ -255,6 +255,14 @@
255
255
  max-width: 100%;
256
256
  }
257
257
  }
258
+ co-send-method-dialog {
259
+ .co-dialog {
260
+ .co-dialog-wrapper {
261
+ width: 600px;
262
+ max-width: 100%;
263
+ }
264
+ }
265
+ }
258
266
  }
259
267
  .stock-transfer {
260
268
  .stock-transfer-bottom-column {
@@ -311,10 +319,17 @@
311
319
  }
312
320
  }
313
321
  .transfer-quantity {
322
+ position: relative;
314
323
  .co-input-number-picker {
315
324
  height: 30px;
316
325
  max-width: 150px;
317
326
  }
327
+ span {
328
+ position: absolute;
329
+ text-transform: lowercase;
330
+ color: red;
331
+ bottom: -15px;
332
+ }
318
333
  }
319
334
  }
320
335
  .transfer-arrow-wrapper {
@@ -343,6 +358,7 @@
343
358
  justify-content: center;
344
359
  align-items: center;
345
360
  height: 100%;
361
+ width: auto;
346
362
  position: relative;
347
363
  padding: 10px;
348
364
  border-radius: 100%;
@@ -475,45 +491,62 @@
475
491
  }
476
492
  }
477
493
  }
478
-
494
+ .simple-grid-table {
495
+ position: relative;
479
496
  .simple-grid-column-header {
480
497
  border-width: 0;
481
- }
482
- .simple-grid-row {
483
- border-width: 0;
484
- border: none;
485
- height: 45px;
486
- font-size: 10px;
487
- &:nth-child(odd) {
488
- background: #f8f8fa;
498
+ &:hover {
499
+ .simple-grid-column-header-wrapper {
500
+ position: unset;
501
+ .simple-grid-column-header-label {
502
+ overflow: visible;
503
+ background: #FFF;
504
+ position: absolute;
505
+ width: auto;
506
+ text-overflow: unset;
507
+ top: 0;
508
+ font-size: 10px;
509
+ color: #1a73e8;
510
+ z-index: 9;
511
+ }
512
+ }
489
513
  }
490
514
  }
491
- .simple-grid-column-cell-field {
492
- border-width: 1px;
493
- border-radius: 0;
494
- padding: 5px 10px;
495
- border-color: #DCE4EA;
515
+ }
516
+ .simple-grid-row {
517
+ border-width: 0;
518
+ border: none;
519
+ height: 45px;
520
+ font-size: 10px;
521
+ &:nth-child(odd) {
522
+ background: #f8f8fa;
496
523
  }
497
- .simple-grid-column-header-label {
498
- border-width: 0 0 1px 0;
524
+ }
525
+ .simple-grid-column-cell-field {
526
+ border-width: 1px;
527
+ border-radius: 0;
528
+ padding: 5px 10px;
529
+ border-color: #DCE4EA;
530
+ }
531
+ .simple-grid-column-header-label {
532
+ border-width: 0 0 1px 0;
533
+ }
534
+ .co-simple-grid-cell {
535
+ .menu-icon {
536
+ cursor: pointer;
537
+ width: 24px;
538
+ height: 24px;
499
539
  }
500
- .co-simple-grid-cell {
540
+ .stock-amount {
541
+ display: flex;
542
+ gap: 10px;
543
+ align-items: center;
544
+ cursor: pointer;
501
545
  .menu-icon {
502
- cursor: pointer;
503
- width: 24px;
504
- height: 24px;
505
- }
506
- .stock-amount {
507
- display: flex;
508
- gap: 10px;
509
- align-items: center;
510
- cursor: pointer;
511
- .menu-icon {
512
- width: 14px;
513
- height: 14px;
514
- }
546
+ width: 14px;
547
+ height: 14px;
515
548
  }
516
549
  }
517
550
  }
518
-
551
+ }
519
552
  }
@@ -12,6 +12,8 @@ $sc-color-background: #f5f5fc !default;
12
12
  $sc-color-action: #1A73E8 !default;
13
13
  $sc-color-light-accent: #DCE4EA !default;
14
14
  $sc-color-light: #FFFFFF !default;
15
+ $sc-color-activity: #7793B9 !default;
16
+
15
17
 
16
18
  $sc-signature-width: 500px !default;
17
19
  $sc-signature-button-border-radius: 5px !default;