herum-shared 0.1.28 → 0.1.31

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
@@ -37,7 +37,6 @@ import * as i15 from 'ag-grid-angular';
37
37
  import { ICellRendererAngularComp, AgFilterComponent } from 'ag-grid-angular';
38
38
  import { ICellRendererParams, ColDef, GridApi, ColumnApi, GridReadyEvent, ModelUpdatedEvent, IFilterParams, IDoesFilterPassParams } from 'ag-grid-community';
39
39
  import * as _angular_animations from '@angular/animations';
40
- import { ToastsService as ToastsService$1, UploadsManagerService as UploadsManagerService$1 } from 'herum-shared/mongo/services';
41
40
 
42
41
  declare class HerumToolTipDirective {
43
42
  private el;
@@ -2819,7 +2818,7 @@ declare class HerumToastsComponent {
2819
2818
  transformDuration: number;
2820
2819
  leavingDuration: number;
2821
2820
  gap: number;
2822
- constructor(toastsService: ToastsService$1, changeDetectorRef: ChangeDetectorRef);
2821
+ constructor(toastsService: ToastsService, changeDetectorRef: ChangeDetectorRef);
2823
2822
  ngOnInit(): void;
2824
2823
  handleNewToast(toast: Toast): void;
2825
2824
  private reduceToastHeights;
@@ -2846,7 +2845,7 @@ declare class HerumUploadsManagerComponent {
2846
2845
  successProgressBarColor: string;
2847
2846
  progressBarColor: string;
2848
2847
  showConfirmationNativeMessage(event: any): void;
2849
- constructor(uploadsManagerService: UploadsManagerService$1);
2848
+ constructor(uploadsManagerService: UploadsManagerService);
2850
2849
  ngOnInit(): void;
2851
2850
  private setSuccessProgressBarColor;
2852
2851
  private uploadsProgressMetadataSubscription;
package/mongo/index.d.ts CHANGED
@@ -6,7 +6,6 @@ import { EnvironmentConfig } from 'herum-shared/environment';
6
6
  import { UtilsService } from 'herum-shared/services';
7
7
  import * as i0 from '@angular/core';
8
8
  import { QueryList, ElementRef, ChangeDetectorRef } from '@angular/core';
9
- import { ToastsService as ToastsService$1, UploadsManagerService as UploadsManagerService$1 } from 'herum-shared/mongo/services';
10
9
  import * as i3 from '@angular/common';
11
10
  import * as i4 from 'herum-shared/pipes';
12
11
  import * as i5 from 'herum-shared/atoms';
@@ -109,7 +108,7 @@ declare class HerumToastsComponent {
109
108
  transformDuration: number;
110
109
  leavingDuration: number;
111
110
  gap: number;
112
- constructor(toastsService: ToastsService$1, changeDetectorRef: ChangeDetectorRef);
111
+ constructor(toastsService: ToastsService, changeDetectorRef: ChangeDetectorRef);
113
112
  ngOnInit(): void;
114
113
  handleNewToast(toast: Toast): void;
115
114
  private reduceToastHeights;
@@ -136,7 +135,7 @@ declare class HerumUploadsManagerComponent {
136
135
  successProgressBarColor: string;
137
136
  progressBarColor: string;
138
137
  showConfirmationNativeMessage(event: any): void;
139
- constructor(uploadsManagerService: UploadsManagerService$1);
138
+ constructor(uploadsManagerService: UploadsManagerService);
140
139
  ngOnInit(): void;
141
140
  private setSuccessProgressBarColor;
142
141
  private uploadsProgressMetadataSubscription;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "herum-shared",
3
- "version": "0.1.28",
3
+ "version": "0.1.31",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": "^20.3.2",
6
6
  "@angular/cdk": "^20.1.2",
@@ -80,14 +80,6 @@
80
80
  "types": "./mongo/index.d.ts",
81
81
  "default": "./fesm2022/herum-shared-mongo.mjs"
82
82
  },
83
- "./mongo/molecules": {
84
- "types": "./mongo/molecules/index.d.ts",
85
- "default": "./fesm2022/herum-shared-mongo-molecules.mjs"
86
- },
87
- "./mongo/services": {
88
- "types": "./mongo/services/index.d.ts",
89
- "default": "./fesm2022/herum-shared-mongo-services.mjs"
90
- },
91
83
  "./objectsExample": {
92
84
  "types": "./objectsExample/index.d.ts",
93
85
  "default": "./fesm2022/herum-shared-objectsExample.mjs"
@@ -1,269 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ViewChildren, Component, HostListener, NgModule } from '@angular/core';
3
- import { toastStates, svgsStrings, toastStatuses, uploadStatuses, uploadsManagerKeys } from 'herum-shared/constants';
4
- import * as i1 from 'herum-shared/mongo/services';
5
- import * as i2 from '@angular/common';
6
- import { CommonModule } from '@angular/common';
7
- import * as i4 from 'herum-shared/pipes';
8
- import { PipesModule } from 'herum-shared/pipes';
9
- import { Subject } from 'rxjs';
10
- import { takeUntil, shareReplay } from 'rxjs/operators';
11
- import { isTruncatedTitleElement } from 'herum-shared/utils';
12
- import * as i3 from 'herum-shared/atoms';
13
- import { AtomsModule } from 'herum-shared/atoms';
14
- import { MAT_DATE_LOCALE } from '@angular/material/core';
15
-
16
- class HerumToastsComponent {
17
- toastsService;
18
- changeDetectorRef;
19
- toastElements;
20
- toasts = [];
21
- minimumOpacity = 0.7;
22
- transformDuration = 400;
23
- leavingDuration = 7000;
24
- gap = 16;
25
- constructor(toastsService, changeDetectorRef) {
26
- this.toastsService = toastsService;
27
- this.changeDetectorRef = changeDetectorRef;
28
- }
29
- ngOnInit() {
30
- this.toastsService.toast$.subscribe(newToast => this.handleNewToast(newToast));
31
- }
32
- handleNewToast(toast) {
33
- if (!toast)
34
- return;
35
- this.toasts.unshift(toast);
36
- this.changeDetectorRef.detectChanges();
37
- setTimeout(() => toast.state = toastStates.enter, 100);
38
- setTimeout(() => this._onHideToast(toast, false), this.leavingDuration);
39
- this.toastElements?.forEach((toastElement, index) => {
40
- const toastNativeElement = toastElement.nativeElement;
41
- if (toastNativeElement) {
42
- let gap = this.gap * index;
43
- if (index)
44
- toastNativeElement.style.transform = `translateY(calc(${-this.reduceToastHeights(index)}px - ${gap}px)) translateX(0)`;
45
- this.setToastLinearOpacity(index - 1, toastElement);
46
- }
47
- });
48
- }
49
- reduceToastHeights(currentElementToastIndex) {
50
- return this.toastElements?.toArray().reduce((totalHeight, toast, index) => {
51
- if (currentElementToastIndex > index) {
52
- return totalHeight + toast.nativeElement.offsetHeight;
53
- }
54
- return totalHeight;
55
- }, 0);
56
- }
57
- _onHideToast(currentToast, lowToasts) {
58
- const toastIndex = this.toasts.indexOf(currentToast);
59
- if (toastIndex === -1)
60
- return;
61
- const currentElementToast = this.toastElements.toArray()[toastIndex];
62
- const layoutPadding = '24px';
63
- if (currentElementToast)
64
- currentElementToast.nativeElement.style.transform = `${currentElementToast.nativeElement.style.transform} translateX(calc(100% + ${layoutPadding}))`;
65
- if (lowToasts && (toastIndex !== this.toasts.length - 1)) {
66
- let filteredItems = this.toastElements.toArray().filter((item, index) => index > toastIndex);
67
- if (!filteredItems.length)
68
- return;
69
- filteredItems.forEach((toastElement) => {
70
- let transformValue = toastElement.nativeElement.style.transform;
71
- let transformValueMatch = transformValue.match(/calc\((.*)\)\)/);
72
- if (transformValueMatch) {
73
- let translateYValue = transformValueMatch[1];
74
- const updatedTranslateY = `translateY(calc(${translateYValue} + 100% + ${this.gap}px))`;
75
- setTimeout(() => {
76
- {
77
- toastElement.nativeElement.style.transform = `${updatedTranslateY}`;
78
- this.removeToast(currentToast);
79
- }
80
- }, 300);
81
- }
82
- });
83
- }
84
- else
85
- setTimeout(() => { this.removeToast(currentToast); }, this.transformDuration);
86
- }
87
- removeToast(currentToast) {
88
- this.toasts = this.toasts.filter(toast => toast.id !== currentToast.id);
89
- }
90
- setToastLinearOpacity(toastElementIndex, toastElement) {
91
- let toastStyle = toastElement.nativeElement.style;
92
- if (toastElementIndex === this.toastElements.toArray().length - 1)
93
- toastStyle.opacity = this.minimumOpacity.toString();
94
- else if (!toastElementIndex)
95
- toastStyle.opacity = (1 - (this.minimumOpacity / (this.toastElements.length))).toString();
96
- else
97
- toastStyle.opacity = (1 - ((toastElementIndex + 1) * this.minimumOpacity / (this.toastElements.length))).toString();
98
- }
99
- _toastStatusIcon(toastStatus) {
100
- return svgsStrings[toastStatus];
101
- }
102
- get successStatus() {
103
- return toastStatuses.success;
104
- }
105
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, deps: [{ token: i1.ToastsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
106
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumToastsComponent, isStandalone: false, selector: "herum-toasts", viewQueries: [{ propertyName: "toastElements", predicate: ["toast"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"toasts?.length\">\r\n <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"d-flex flex-column\">\r\n <div class=\"section-title\"> {{toast?.title}}</div>\r\n <div class='toast-content'> {{toast?.content}}</div>\r\n </div>\r\n\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n (click)=\"_onHideToast(toast,true)\">\r\n </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }] });
107
- }
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumToastsComponent, decorators: [{
109
- type: Component,
110
- args: [{ standalone: false, selector: 'herum-toasts', template: "<ng-container *ngIf=\"toasts?.length\">\r\n <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"d-flex flex-column\">\r\n <div class=\"section-title\"> {{toast?.title}}</div>\r\n <div class='toast-content'> {{toast?.content}}</div>\r\n </div>\r\n\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n (click)=\"_onHideToast(toast,true)\">\r\n </div>\r\n</ng-container>", styles: [".herum-toast{position:absolute;bottom:0;right:0;width:340px;padding:var(--standard-padding);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 0 var(--box-shadow-blur) #00000029!important;transition:transform .4s ease-out,opacity .4s ease-out;transform:translate(100%);opacity:0}.herum-toast .icons-color{fill:var(--icons-color)}.herum-toast .status-image{height:22px;width:22px;margin-left:6px}.herum-toast .close-button{height:8px;left:8px;top:8px;position:absolute;cursor:pointer;margin-block-end:4px}.toast-content{flex-grow:1;flex-shrink:1}.enter{transform:translate(0);opacity:1}.success{border-right:solid 8px #4caf50}.information{border-right:solid 8px var(--information-color)}.error{border-right:solid 8px var(--error-color)}\n"] }]
111
- }], ctorParameters: () => [{ type: i1.ToastsService }, { type: i0.ChangeDetectorRef }], propDecorators: { toastElements: [{
112
- type: ViewChildren,
113
- args: ['toast']
114
- }] } });
115
-
116
- const failedProgressBarColor = '#FF0A4D';
117
- const partialSuccessProgressBarColor = '#f7ad00';
118
- class HerumUploadsManagerComponent {
119
- uploadsManagerService;
120
- destroySubject$ = new Subject();
121
- isContainerOpen = true;
122
- loadingStatus = uploadStatuses.loading;
123
- errorStatus = uploadStatuses.error;
124
- successStatus = uploadStatuses.success;
125
- uploadsProgressMetadata = [];
126
- averageProgressSum = 0;
127
- hasUploadProgressFinished = false;
128
- numberOfFailedLoaders = 0;
129
- successProgressBarColor = '';
130
- progressBarColor = '';
131
- showConfirmationNativeMessage(event) {
132
- if (!this.hasUploadProgressFinished)
133
- event.returnValue = true;
134
- }
135
- constructor(uploadsManagerService) {
136
- this.uploadsManagerService = uploadsManagerService;
137
- }
138
- ngOnInit() {
139
- this.setSuccessProgressBarColor();
140
- this.uploadsProgressMetadataSubscription();
141
- }
142
- setSuccessProgressBarColor() {
143
- this.successProgressBarColor = window.getComputedStyle(document.body).getPropertyValue('--icons-color');
144
- }
145
- uploadsProgressMetadataSubscription() {
146
- this.uploadsManagerService.uploadsProgressMetadata$
147
- .pipe(takeUntil(this.destroySubject$))
148
- .subscribe(uploadsProgressMetadata => {
149
- this.uploadsProgressMetadata = uploadsProgressMetadata;
150
- this.averageProgressSum = this.calculateAverageProgressSum(uploadsProgressMetadata);
151
- this.hasUploadProgressFinished = this.calculateHasUploadProgressFinished(uploadsProgressMetadata);
152
- this.numberOfFailedLoaders = this.calculateNumberOfFailedLoaders(uploadsProgressMetadata);
153
- this.progressBarColor = this.calculateProgressBarColor(uploadsProgressMetadata);
154
- });
155
- }
156
- _onRetryFailedUploads() {
157
- this.uploadsManagerService.retryFailedUploads().forEach(httpRequest => httpRequest.subscribe());
158
- }
159
- _onRetryFailedUpload(uploadProgressId) {
160
- this.uploadsManagerService.retryFailedUpload(uploadProgressId).subscribe();
161
- }
162
- _onClose() {
163
- this.uploadsManagerService.uploadsProgressMetadata$.next([]);
164
- this.uploadsManagerService.uploadsManagerTitle$.next(uploadsManagerKeys.defaultUploadsManagerTitle);
165
- }
166
- _onToggleUploadsContainer() {
167
- this.isContainerOpen = !this.isContainerOpen;
168
- }
169
- _isTruncatedTitleElement(element) {
170
- return isTruncatedTitleElement(element);
171
- }
172
- _getUploadProgressDescription(uploadProgressMetadata) {
173
- if (!uploadProgressMetadata.isUploadProgressInitiating && !(uploadProgressMetadata.status === uploadStatuses.error))
174
- return `${uploadProgressMetadata.currentSize} מתוך ${uploadProgressMetadata.totalSize} ${uploadProgressMetadata.units}`;
175
- if (uploadProgressMetadata.status === uploadStatuses.error)
176
- return 'התרחשה שגיאה בהעלאה';
177
- if (uploadProgressMetadata.isUploadProgressInitiating)
178
- return 'העלאה תחל בקרוב...';
179
- }
180
- _isUploadProgressStatusError(uploadProgressStatus) {
181
- return uploadProgressStatus === uploadStatuses.error;
182
- }
183
- _getFileIcon(uploadProgressType) {
184
- return svgsStrings[uploadProgressType];
185
- }
186
- _getUploadStatusIcon(uploadProgressType) {
187
- return svgsStrings[uploadProgressType];
188
- }
189
- _trackByFn(index, uploadProgressMetadata) {
190
- return uploadProgressMetadata.id;
191
- }
192
- get containerTitle$() {
193
- return this.uploadsManagerService.uploadsManagerTitle$.pipe(shareReplay(1));
194
- }
195
- calculateAverageProgressSum(uploadsProgressMetadata) {
196
- if (!uploadsProgressMetadata.length)
197
- return 0;
198
- const sum = uploadsProgressMetadata.reduce((sum, uploadProgressMetadata) => sum + (uploadProgressMetadata.currentSize / uploadProgressMetadata.totalSize) * 100, 0);
199
- return (sum / uploadsProgressMetadata.length);
200
- }
201
- calculateHasUploadProgressFinished(uploadsProgressMetadata) {
202
- return uploadsProgressMetadata.every(uploadProgressMetadata => uploadProgressMetadata.status !== uploadStatuses.loading);
203
- }
204
- calculateNumberOfFailedLoaders(uploadsProgressMetadata) {
205
- return uploadsProgressMetadata.filter(uploadProgressMetadata => uploadProgressMetadata.status === this.errorStatus).length;
206
- }
207
- calculateProgressBarColor(uploadsProgressMetadata) {
208
- const numberOfFailedUploadsProgressMetadata = this.numberOfFailedLoaders;
209
- const numberOfUploadsProgressMetadata = uploadsProgressMetadata.length;
210
- return !numberOfFailedUploadsProgressMetadata ? this.successProgressBarColor :
211
- numberOfUploadsProgressMetadata === numberOfFailedUploadsProgressMetadata ? failedProgressBarColor :
212
- numberOfUploadsProgressMetadata > 0 ? partialSuccessProgressBarColor : this.successProgressBarColor;
213
- }
214
- ngOnDestroy() {
215
- this.destroySubject$.next(null);
216
- this.destroySubject$.complete();
217
- }
218
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, deps: [{ token: i1.UploadsManagerService }], target: i0.ɵɵFactoryTarget.Component });
219
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HerumUploadsManagerComponent, isStandalone: false, selector: "herum-uploads-manager", host: { listeners: { "window:beforeunload": "showConfirmationNativeMessage($event)" } }, ngImport: i0, template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n <div class=\"herum-uploads-container-header\">\r\n <div class=\"herum-uploads-header\">\r\n <div class=\"herum-uploads-header-text\">\r\n <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n <p class=\"container-title\" #containerTitle\r\n [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n </div>\r\n\r\n <div class=\"control-container\">\r\n <img class=\"control-button\"\r\n [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n </herum-progress-bar>\r\n </div>\r\n\r\n <div class=\"herum-uploads-container\">\r\n <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n (click)=\"_onRetryFailedUploads()\">\r\n <div class=\"herum-upload-title w-100\">\r\n \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n </div>\r\n\r\n <div class=\"upload-file-image\">\r\n <img src=\"assets/files-icons/upload-file.svg\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"upload-iteration\"\r\n *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n <div class=\"herum-upload-container\">\r\n <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"herum-upload-text-container\">\r\n <p #uploadTitle class=\"herum-upload-title\"\r\n [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n </p>\r\n\r\n <p\r\n [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"center\">\r\n <herum-circular-progress-bar [fill]=\"false\"\r\n [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"images-container\">\r\n <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n src=\"assets/files-icons/upload-file.svg\"\r\n (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n <span\r\n *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.HerumCircularProgressBarComponent, selector: "herum-circular-progress-bar", inputs: ["percentage", "fill", "size", "firstGradient", "fillColor", "showPercentage", "displayedContent", "displayedContentColorMatchesGradientColor"] }, { kind: "component", type: i3.HerumEllipsisLoaderComponent, selector: "herum-ellipsis-loader" }, { kind: "component", type: i3.HerumProgressBarComponent, selector: "herum-progress-bar", inputs: ["percentage", "invalidPercentage", "showPercentage", "percentagePosition", "type", "size", "color", "borderRadius", "total", "showBorder", "thickness"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i4.EllipsisPipe, name: "ellipsis" }] });
220
- }
221
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HerumUploadsManagerComponent, decorators: [{
222
- type: Component,
223
- args: [{ standalone: false, selector: 'herum-uploads-manager', template: "<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n <div class=\"herum-uploads-container-header\">\r\n <div class=\"herum-uploads-header\">\r\n <div class=\"herum-uploads-header-text\">\r\n <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n <p class=\"container-title\" #containerTitle\r\n [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n </div>\r\n\r\n <div class=\"control-container\">\r\n <img class=\"control-button\"\r\n [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n </herum-progress-bar>\r\n </div>\r\n\r\n <div class=\"herum-uploads-container\">\r\n <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n (click)=\"_onRetryFailedUploads()\">\r\n <div class=\"herum-upload-title w-100\">\r\n \u05D4\u05E2\u05DC\u05D4 \u05DE\u05D7\u05D3\u05E9 \u05E7\u05D1\u05E6\u05D9\u05DD \u05E9\u05E0\u05DB\u05E9\u05DC\u05D5\r\n </div>\r\n\r\n <div class=\"upload-file-image\">\r\n <img src=\"assets/files-icons/upload-file.svg\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"upload-iteration\"\r\n *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n <div class=\"herum-upload-container\">\r\n <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"herum-upload-text-container\">\r\n <p #uploadTitle class=\"herum-upload-title\"\r\n [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n </p>\r\n\r\n <p\r\n [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"center\">\r\n <herum-circular-progress-bar [fill]=\"false\"\r\n [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"images-container\">\r\n <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n src=\"assets/files-icons/upload-file.svg\"\r\n (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n <span\r\n *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [".herum-uploads-layout{border-radius:8px 8px 0 0;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;direction:rtl;width:350px}.herum-uploads-layout .herum-uploads-container-header{border-radius:8px 8px 0 0;background-color:#22213f;cursor:grab}.herum-uploads-layout .herum-uploads-container-header p{padding-block:12px;color:#fff;font-weight:700;margin:0;font-size:16px}.herum-uploads-layout .herum-uploads-container-header:active{cursor:grabbing}.herum-uploads-layout herum-progress-bar{background-color:#22213f}.herum-uploads-layout .herum-uploads-container{display:none}.herum-upload-text-container{width:80%}.herum-upload-title{line-height:1;font-weight:700;font-size:12px;width:100%;white-space:nowrap;margin-block-end:4px}.open{height:fit-content}.open .herum-uploads-container{overflow-y:auto;max-height:500px;display:flex;flex-direction:column;height:100%}.open .herum-uploads-container .herum-upload-container{display:flex;flex-direction:row;gap:8px;width:70%}.open .herum-uploads-container .herum-upload-container .error{fill:var(--error-color)}.open .upload-iteration{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--chips-divider-color);align-items:center}.open .upload-all{padding-block:21px}.open .upload-iteration:hover{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);animation:1s ease-in-out}.herum-uploads-header-text{display:flex;width:100%}.herum-uploads-header-text .container-title{width:80%;white-space:nowrap}.herum-uploads-header{display:flex;justify-content:space-between;padding-inline:16px;align-items:center}.herum-uploads-header .control-container{gap:16px;display:flex}.herum-uploads-header .control-container .control-button{width:10px;cursor:pointer}.upload-file-image{width:24px;display:flex;justify-content:center}herum-circular-progress-bar{display:flex;justify-content:center;align-items:center;height:24px;width:24px;transform:scale(1.2)}p{margin:0}.open-chevron{transform:rotate(90deg)}.images-container{display:flex;gap:12px}.icons-color{fill:var(--icons-color)}.icons-color ::ng-deep .generic-file-icon{stroke:var(--icons-color)}\n"] }]
224
- }], ctorParameters: () => [{ type: i1.UploadsManagerService }], propDecorators: { showConfirmationNativeMessage: [{
225
- type: HostListener,
226
- args: ['window:beforeunload', ['$event']]
227
- }] } });
228
-
229
- class MongoMoleculesModule {
230
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
231
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, declarations: [HerumToastsComponent,
232
- HerumUploadsManagerComponent], imports: [CommonModule,
233
- PipesModule,
234
- AtomsModule], exports: [HerumToastsComponent,
235
- HerumUploadsManagerComponent] });
236
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, providers: [
237
- { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },
238
- ], imports: [CommonModule,
239
- PipesModule,
240
- AtomsModule] });
241
- }
242
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MongoMoleculesModule, decorators: [{
243
- type: NgModule,
244
- args: [{
245
- declarations: [
246
- HerumToastsComponent,
247
- HerumUploadsManagerComponent,
248
- ],
249
- exports: [
250
- HerumToastsComponent,
251
- HerumUploadsManagerComponent,
252
- ],
253
- imports: [
254
- CommonModule,
255
- PipesModule,
256
- AtomsModule
257
- ],
258
- providers: [
259
- { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },
260
- ]
261
- }]
262
- }] });
263
-
264
- /**
265
- * Generated bundle index. Do not edit.
266
- */
267
-
268
- export { HerumToastsComponent, HerumUploadsManagerComponent, MongoMoleculesModule };
269
- //# sourceMappingURL=herum-shared-mongo-molecules.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"herum-shared-mongo-molecules.mjs","sources":["../../../projects/herum-shared/mongo/molecules/herum-toasts/herum-toasts.component.ts","../../../projects/herum-shared/mongo/molecules/herum-toasts/herum-toasts.component.html","../../../projects/herum-shared/mongo/molecules/herum-uploads-manager/herum-uploads-manager.component.ts","../../../projects/herum-shared/mongo/molecules/herum-uploads-manager/herum-uploads-manager.component.html","../../../projects/herum-shared/mongo/molecules/mongo-molecules-module.ts","../../../projects/herum-shared/mongo/molecules/herum-shared-mongo-molecules.ts"],"sourcesContent":["import { Component, ElementRef, QueryList, ViewChildren, ChangeDetectorRef } from '@angular/core';\r\nimport { ToastsService } from 'herum-shared/mongo/services';\r\nimport { toastStates, toastStatuses, svgsStrings } from 'herum-shared/constants';\r\nimport { Toast, ToastStatus } from 'herum-shared/herum-types';\r\n\r\n@Component({\r\n standalone: false,\r\n selector: 'herum-toasts',\r\n templateUrl: './herum-toasts.component.html',\r\n styleUrls: ['./herum-toasts.component.scss']\r\n})\r\nexport class HerumToastsComponent {\r\n\r\n @ViewChildren('toast') toastElements: QueryList<ElementRef>;\r\n\r\n toasts: Toast[] = [];\r\n minimumOpacity: number = 0.7;\r\n transformDuration: number = 400;\r\n leavingDuration: number = 7000;\r\n gap: number = 16;\r\n\r\n constructor(private toastsService: ToastsService, private changeDetectorRef: ChangeDetectorRef) { }\r\n\r\n ngOnInit(): void {\r\n this.toastsService.toast$.subscribe(newToast => this.handleNewToast(newToast));\r\n }\r\n\r\n handleNewToast(toast: Toast) {\r\n if (!toast)\r\n return;\r\n\r\n this.toasts.unshift(toast);\r\n this.changeDetectorRef.detectChanges();\r\n\r\n setTimeout(() => toast.state = toastStates.enter, 100);\r\n setTimeout(() => this._onHideToast(toast, false), this.leavingDuration);\r\n\r\n this.toastElements?.forEach((toastElement: ElementRef, index: number) => {\r\n const toastNativeElement = toastElement.nativeElement;\r\n if (toastNativeElement) {\r\n let gap = this.gap * index;\r\n\r\n if (index)\r\n toastNativeElement.style.transform = `translateY(calc(${-this.reduceToastHeights(index)}px - ${gap}px)) translateX(0)`;\r\n\r\n this.setToastLinearOpacity(index - 1, toastElement);\r\n }\r\n })\r\n }\r\n\r\n private reduceToastHeights(currentElementToastIndex: number): number {\r\n return this.toastElements?.toArray().reduce((totalHeight, toast, index) => {\r\n if (currentElementToastIndex > index) {\r\n return totalHeight + toast.nativeElement.offsetHeight;\r\n }\r\n return totalHeight;\r\n }, 0);\r\n }\r\n\r\n _onHideToast(currentToast: Toast, lowToasts: boolean) {\r\n const toastIndex: number = this.toasts.indexOf(currentToast);\r\n\r\n if (toastIndex === -1)\r\n return;\r\n\r\n const currentElementToast: ElementRef<any> = this.toastElements.toArray()[toastIndex];\r\n const layoutPadding: string = '24px';\r\n\r\n if (currentElementToast)\r\n currentElementToast.nativeElement.style.transform = `${currentElementToast.nativeElement.style.transform} translateX(calc(100% + ${layoutPadding}))`;\r\n\r\n if (lowToasts && (toastIndex !== this.toasts.length - 1)) {\r\n let filteredItems: ElementRef<any>[] = this.toastElements.toArray().filter((item, index) => index > toastIndex);\r\n\r\n if (!filteredItems.length)\r\n return;\r\n\r\n filteredItems.forEach((toastElement: ElementRef) => {\r\n let transformValue: string = toastElement.nativeElement.style.transform;\r\n let transformValueMatch: RegExpMatchArray = transformValue.match(/calc\\((.*)\\)\\)/);\r\n\r\n if (transformValueMatch) {\r\n let translateYValue: string = transformValueMatch[1];\r\n const updatedTranslateY: string = `translateY(calc(${translateYValue} + 100% + ${this.gap}px))`;\r\n\r\n setTimeout(() => {\r\n {\r\n toastElement.nativeElement.style.transform = `${updatedTranslateY}`;\r\n this.removeToast(currentToast);\r\n }\r\n }, 300);\r\n }\r\n })\r\n }\r\n else\r\n setTimeout(() => { this.removeToast(currentToast) }, this.transformDuration);\r\n }\r\n\r\n private removeToast(currentToast: Toast) {\r\n this.toasts = this.toasts.filter(toast => toast.id !== currentToast.id);\r\n }\r\n\r\n private setToastLinearOpacity(toastElementIndex: number, toastElement: ElementRef) {\r\n let toastStyle = toastElement.nativeElement.style;\r\n\r\n if (toastElementIndex === this.toastElements.toArray().length - 1)\r\n toastStyle.opacity = this.minimumOpacity.toString();\r\n else if (!toastElementIndex)\r\n toastStyle.opacity = (1 - (this.minimumOpacity / (this.toastElements.length))).toString();\r\n else\r\n toastStyle.opacity = (1 - ((toastElementIndex + 1) * this.minimumOpacity / (this.toastElements.length))).toString();\r\n }\r\n\r\n _toastStatusIcon(toastStatus: ToastStatus): string {\r\n return svgsStrings[toastStatus];\r\n }\r\n\r\n get successStatus() {\r\n return toastStatuses.success;\r\n }\r\n}","<ng-container *ngIf=\"toasts?.length\">\r\n <div #toast class=\"herum-toast d-flex\" [ngClass]=\"[toast?.state ?? '',toast?.status ?? '']\"\r\n *ngFor=\"let toast of toasts; trackBy: _trackByFn\">\r\n <span [ngClass]=\"{'icons-color':toast?.status===successStatus}\"\r\n [innerHTML]=\"_toastStatusIcon(toast?.status) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"d-flex flex-column\">\r\n <div class=\"section-title\"> {{toast?.title}}</div>\r\n <div class='toast-content'> {{toast?.content}}</div>\r\n </div>\r\n\r\n <img class=\"close-button\" src=\"assets/shared/icons/secondary-x.svg\" alt=\"close-icon\"\r\n (click)=\"_onHideToast(toast,true)\">\r\n </div>\r\n</ng-container>","import { uploadStatuses, uploadsManagerKeys, svgsStrings } from 'herum-shared/constants';\r\nimport { Component, HostListener } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { shareReplay, takeUntil } from 'rxjs/operators';\r\nimport { UploadsManagerService } from 'herum-shared/mongo/services';\r\nimport { isTruncatedTitleElement } from 'herum-shared/utils';\r\n\r\nimport { UploadProgressMetadata, UploadProgressStatus, UploadProgressType } from 'herum-shared/herum-types';\r\n\r\nconst failedProgressBarColor: string = '#FF0A4D';\r\nconst partialSuccessProgressBarColor: string = '#f7ad00';\r\n\r\n@Component({\r\n standalone: false,\r\n selector: 'herum-uploads-manager',\r\n templateUrl: './herum-uploads-manager.component.html',\r\n styleUrls: ['./herum-uploads-manager.component.scss']\r\n})\r\nexport class HerumUploadsManagerComponent {\r\n\r\n destroySubject$ = new Subject<null>();\r\n\r\n isContainerOpen: boolean = true;\r\n loadingStatus: UploadProgressStatus = uploadStatuses.loading;\r\n errorStatus: UploadProgressStatus = uploadStatuses.error;\r\n successStatus: UploadProgressStatus = uploadStatuses.success;\r\n\r\n uploadsProgressMetadata: UploadProgressMetadata[] = [];\r\n averageProgressSum: number = 0;\r\n hasUploadProgressFinished: boolean = false;\r\n numberOfFailedLoaders: number = 0;\r\n\r\n successProgressBarColor: string = '';\r\n progressBarColor: string = '';\r\n\r\n @HostListener('window:beforeunload', ['$event'])\r\n showConfirmationNativeMessage(event: any) {\r\n if (!this.hasUploadProgressFinished)\r\n event.returnValue = true;\r\n }\r\n\r\n constructor(private uploadsManagerService: UploadsManagerService) { }\r\n\r\n ngOnInit() {\r\n this.setSuccessProgressBarColor();\r\n this.uploadsProgressMetadataSubscription();\r\n }\r\n\r\n private setSuccessProgressBarColor() {\r\n this.successProgressBarColor = window.getComputedStyle(document.body).getPropertyValue('--icons-color');\r\n }\r\n\r\n private uploadsProgressMetadataSubscription() {\r\n this.uploadsManagerService.uploadsProgressMetadata$\r\n .pipe(takeUntil(this.destroySubject$))\r\n .subscribe(uploadsProgressMetadata => {\r\n this.uploadsProgressMetadata = uploadsProgressMetadata;\r\n this.averageProgressSum = this.calculateAverageProgressSum(uploadsProgressMetadata);\r\n this.hasUploadProgressFinished = this.calculateHasUploadProgressFinished(uploadsProgressMetadata);\r\n this.numberOfFailedLoaders = this.calculateNumberOfFailedLoaders(uploadsProgressMetadata);\r\n this.progressBarColor = this.calculateProgressBarColor(uploadsProgressMetadata);\r\n })\r\n }\r\n\r\n _onRetryFailedUploads() {\r\n this.uploadsManagerService.retryFailedUploads().forEach(httpRequest => httpRequest.subscribe());\r\n }\r\n\r\n _onRetryFailedUpload(uploadProgressId: string) {\r\n this.uploadsManagerService.retryFailedUpload(uploadProgressId).subscribe();\r\n }\r\n\r\n _onClose() {\r\n this.uploadsManagerService.uploadsProgressMetadata$.next([]);\r\n this.uploadsManagerService.uploadsManagerTitle$.next(uploadsManagerKeys.defaultUploadsManagerTitle);\r\n }\r\n\r\n _onToggleUploadsContainer() {\r\n this.isContainerOpen = !this.isContainerOpen;\r\n }\r\n\r\n _isTruncatedTitleElement(element: HTMLElement): boolean {\r\n return isTruncatedTitleElement(element);\r\n }\r\n\r\n _getUploadProgressDescription(uploadProgressMetadata: UploadProgressMetadata) {\r\n if (!uploadProgressMetadata.isUploadProgressInitiating && !(uploadProgressMetadata.status === uploadStatuses.error))\r\n return `${uploadProgressMetadata.currentSize} מתוך ${uploadProgressMetadata.totalSize} ${uploadProgressMetadata.units}`;\r\n\r\n if (uploadProgressMetadata.status === uploadStatuses.error)\r\n return 'התרחשה שגיאה בהעלאה';\r\n\r\n if (uploadProgressMetadata.isUploadProgressInitiating)\r\n return 'העלאה תחל בקרוב...';\r\n }\r\n\r\n _isUploadProgressStatusError(uploadProgressStatus: UploadProgressStatus) {\r\n return uploadProgressStatus === uploadStatuses.error;\r\n }\r\n\r\n _getFileIcon(uploadProgressType: UploadProgressType): string {\r\n return svgsStrings[uploadProgressType];\r\n }\r\n\r\n _getUploadStatusIcon(uploadProgressType: UploadProgressType): string {\r\n return svgsStrings[uploadProgressType];\r\n }\r\n\r\n _trackByFn(index: number, uploadProgressMetadata: UploadProgressMetadata) {\r\n return uploadProgressMetadata.id;\r\n }\r\n\r\n get containerTitle$(): Observable<string> {\r\n return this.uploadsManagerService.uploadsManagerTitle$.pipe(shareReplay(1));\r\n }\r\n\r\n calculateAverageProgressSum(uploadsProgressMetadata: UploadProgressMetadata[]): number {\r\n if (!uploadsProgressMetadata.length)\r\n return 0;\r\n\r\n const sum = uploadsProgressMetadata.reduce((sum, uploadProgressMetadata: UploadProgressMetadata) =>\r\n sum + (uploadProgressMetadata.currentSize / uploadProgressMetadata.totalSize) * 100, 0);\r\n return (sum / uploadsProgressMetadata.length);\r\n }\r\n\r\n calculateHasUploadProgressFinished(uploadsProgressMetadata: UploadProgressMetadata[]): boolean {\r\n return uploadsProgressMetadata.every(uploadProgressMetadata => uploadProgressMetadata.status !== uploadStatuses.loading)\r\n }\r\n\r\n calculateNumberOfFailedLoaders(uploadsProgressMetadata: UploadProgressMetadata[]): number {\r\n return uploadsProgressMetadata.filter(uploadProgressMetadata => uploadProgressMetadata.status === this.errorStatus).length;\r\n }\r\n\r\n calculateProgressBarColor(uploadsProgressMetadata: UploadProgressMetadata[]) {\r\n const numberOfFailedUploadsProgressMetadata: number = this.numberOfFailedLoaders;\r\n const numberOfUploadsProgressMetadata = uploadsProgressMetadata.length;\r\n\r\n return !numberOfFailedUploadsProgressMetadata ? this.successProgressBarColor :\r\n numberOfUploadsProgressMetadata === numberOfFailedUploadsProgressMetadata ? failedProgressBarColor :\r\n numberOfUploadsProgressMetadata > 0 ? partialSuccessProgressBarColor : this.successProgressBarColor;\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.destroySubject$.next(null);\r\n this.destroySubject$.complete();\r\n }\r\n}","<div class=\"herum-uploads-layout shadow\" [ngClass]=\"{'open':isContainerOpen}\" *ngIf=\"uploadsProgressMetadata?.length\">\r\n <div class=\"herum-uploads-container-header\">\r\n <div class=\"herum-uploads-header\">\r\n <div class=\"herum-uploads-header-text\">\r\n <herum-ellipsis-loader *ngIf=\"!hasUploadProgressFinished\"></herum-ellipsis-loader>\r\n\r\n <p class=\"container-title\" #containerTitle\r\n [matTooltip]=\"_isTruncatedTitleElement(containerTitle)? (containerTitle$ | async) : '' \">\r\n {{containerTitle$ | async | ellipsis:containerTitle}}</p>\r\n </div>\r\n\r\n <div class=\"control-container\">\r\n <img class=\"control-button\"\r\n [ngClass]=\"{'open-chevron':isContainerOpen, 'closed-chevron':!isContainerOpen}\"\r\n src=\"assets/general/white-chevron.svg\" (click)=\"_onToggleUploadsContainer()\">\r\n\r\n <img class=\"control-button\" *ngIf=\"hasUploadProgressFinished\" src=\"assets/shared/icons/X.svg\"\r\n alt=\"close-icon\" (click)=\"_onClose()\">\r\n </div>\r\n </div>\r\n\r\n <herum-progress-bar [percentage]=\"averageProgressSum\" [percentagePosition]=\"'none'\" [borderRadius]=\"'none'\"\r\n [showBorder]=\"false\" [thickness]=\"'thin'\" [showPercentage]=\"false\" [color]=\"progressBarColor\">\r\n </herum-progress-bar>\r\n </div>\r\n\r\n <div class=\"herum-uploads-container\">\r\n <div *ngIf=\"numberOfFailedLoaders > 1\" class=\"upload-all upload-iteration cursor-pointer\"\r\n (click)=\"_onRetryFailedUploads()\">\r\n <div class=\"herum-upload-title w-100\">\r\n העלה מחדש קבצים שנכשלו\r\n </div>\r\n\r\n <div class=\"upload-file-image\">\r\n <img src=\"assets/files-icons/upload-file.svg\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"upload-iteration\"\r\n *ngFor=\"let uploadProgressMetadata of uploadsProgressMetadata; trackBy: _trackByFn\">\r\n <div class=\"herum-upload-container\">\r\n <span [ngClass]=\"_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error' : 'icons-color'\"\r\n [innerHTML]=\"_getFileIcon(uploadProgressMetadata.type) | safeHtml\">\r\n </span>\r\n\r\n <div class=\"herum-upload-text-container\">\r\n <p #uploadTitle class=\"herum-upload-title\"\r\n [ngClass]=\"{'error-font-color':_isUploadProgressStatusError(uploadProgressMetadata.status)}\"\r\n [matTooltip]=\"_isTruncatedTitleElement(uploadTitle) ? uploadProgressMetadata.title : ''\">\r\n {{uploadProgressMetadata.title | ellipsis:uploadTitle}}\r\n </p>\r\n\r\n <p\r\n [ngClass]=\"[_isUploadProgressStatusError(uploadProgressMetadata.status)? 'error-font-color' :'disabled-text-color']\">\r\n {{_getUploadProgressDescription(uploadProgressMetadata)}}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"center\">\r\n <herum-circular-progress-bar [fill]=\"false\"\r\n [percentage]=\"(uploadProgressMetadata.currentSize/uploadProgressMetadata.totalSize)*100\"\r\n *ngIf=\"uploadProgressMetadata.status === loadingStatus\">\r\n </herum-circular-progress-bar>\r\n\r\n <div class=\"images-container\">\r\n <img class=\"cursor-pointer\" *ngIf=\"_isUploadProgressStatusError(uploadProgressMetadata.status)\"\r\n src=\"assets/files-icons/upload-file.svg\"\r\n (click)=\"_onRetryFailedUpload(uploadProgressMetadata.id)\">\r\n\r\n <span\r\n *ngIf=\"uploadProgressMetadata.status === errorStatus || uploadProgressMetadata.status === successStatus\"\r\n [ngClass]=\"{'icons-color':uploadProgressMetadata.status===successStatus}\"\r\n [innerHTML]=\"_getUploadStatusIcon(uploadProgressMetadata.status) | safeHtml\">\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HerumToastsComponent } from './herum-toasts/herum-toasts.component';\r\nimport { HerumUploadsManagerComponent } from './herum-uploads-manager/herum-uploads-manager.component';\r\nimport { MAT_DATE_LOCALE } from '@angular/material/core';\r\nimport { PipesModule } from 'herum-shared/pipes';\r\nimport { AtomsModule } from 'herum-shared/atoms';\r\n\r\n@NgModule({\r\n declarations: [\r\n HerumToastsComponent,\r\n HerumUploadsManagerComponent,\r\n ],\r\n exports: [\r\n HerumToastsComponent,\r\n HerumUploadsManagerComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n PipesModule,\r\n AtomsModule\r\n ],\r\n providers: [\r\n { provide: MAT_DATE_LOCALE, useValue: 'he-IL' },\r\n ]\r\n})\r\nexport class MongoMoleculesModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}