@seniorsistemas/exclusion-process-component 0.3.0 → 0.4.0

package/bundles/seniorsistemas-exclusion-process-component.umd.js

@@ -402,12 +402,14 @@
             this.logicalDeleteService = logicalDeleteService;
             this.projectConfigs = projectConfigs;
             this.expandedRows = {};
+            this.onProcessFinishedSuccessfully = new core.EventEmitter();
             this._isVisible = false;
             this._isLoading = false;
             this._processGroupData = [];
             this._processGroupColumns = [];
             this._processStepColumns = [];
             this.ngUnsubscribe = new rxjs.Subject();
+            this.subscriptionLoadProcess = null;
         }
         Object.defineProperty(ExclusionDetailsComponent.prototype, "isVisible", {
             get: function () {
@@ -465,7 +467,7 @@
             this._processGroupData = [];
             this.processDetails = null;
             this.entityDescription = details.entityDescription;
-            this.loadProcessDetails(details);
+            this.loadProcessDetails(details, true);
             this.connectWebSocket();
         };
         ExclusionDetailsComponent.prototype.onVisibilityChanged = function (event) {
@@ -508,6 +510,9 @@
         ExclusionDetailsComponent.prototype.getCloseButtonLabel = function () {
             return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_close");
         };
+        ExclusionDetailsComponent.prototype.getUpdateButtonLabel = function () {
+            return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_update");
+        };
         ExclusionDetailsComponent.prototype.getSummaryLabel = function () {
             return this.translate.instant(this.projectConfigs.getTranslationPrefix() + ".logical_delete_summary");
         };
@@ -582,13 +587,32 @@
             }
             return null;
         };
-        ExclusionDetailsComponent.prototype.loadProcessDetails = function (details) {
+        ExclusionDetailsComponent.prototype.updateDetails = function () {
+            if (!this._exclusionDetails) {
+                return;
+            }
+            this.loadProcessDetails(this._exclusionDetails);
+        };
+        ExclusionDetailsComponent.prototype.abortRunningLoadProcessCall = function () {
+            if (this.subscriptionLoadProcess) {
+                if (this.subscriptionLoadProcess.closed) {
+                    this.subscriptionLoadProcess = null;
+                }
+                else {
+                    this.subscriptionLoadProcess.unsubscribe();
+                    this.subscriptionLoadProcess = null;
+                }
+            }
+        };
+        ExclusionDetailsComponent.prototype.loadProcessDetails = function (details, firstLoad) {
             var _this = this;
+            if (firstLoad === void 0) { firstLoad = false; }
             this._isLoading = true;
+            this.abortRunningLoadProcessCall();
             var processObservable = details.processId
                 ? this.logicalDeleteService.getProcessDetails(details.processId)
                 : this.logicalDeleteService.getLatestProcessDetails(details.recordId);
-            processObservable
+            this.subscriptionLoadProcess = processObservable
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .pipe(operators.finalize(function () { return _this._isLoading = false; }))
                 .subscribe(function (process) {
@@ -604,24 +628,50 @@
                     .forEach(function (p) {
                     _this.expandedRows[p.id] = true;
                 });
+                if (_this.isProcessFinished()) {
+                    _this.disconnectWebSocket();
+                }
+                if (!firstLoad) {
+                    _this.checkIfProcessWasSuccessuful();
+                }
             });
         };
-        ExclusionDetailsComponent.prototype.sortByDate = function (startDate, finishDate) {
-            if (startDate.getTime() > finishDate.getTime()) {
+        ExclusionDetailsComponent.prototype.isProcessFinished = function () {
+            if (!this._processGroupData.length) {
+                return false;
+            }
+            return this._processGroupData
+                .every(function (p) { return p.status === EnumExclusionProcessStatus.ERROR || p.status === EnumExclusionProcessStatus.SUCCESS; });
+        };
+        ExclusionDetailsComponent.prototype.checkIfProcessWasSuccessuful = function () {
+            var isProcessSuccessful = this._processGroupData
+                .every(function (p) { return p.status === EnumExclusionProcessStatus.SUCCESS; });
+            if (isProcessSuccessful) {
+                this.notifyProcessFinishedSuccessfully();
+            }
+        };
+        ExclusionDetailsComponent.prototype.notifyProcessFinishedSuccessfully = function () {
+            this.onProcessFinishedSuccessfully.emit(this.processDetails);
+        };
+        ExclusionDetailsComponent.prototype.sortByDate = function (firstDate, secondDate) {
+            if (!firstDate || !secondDate) {
+                return 1;
+            }
+            if (firstDate.getTime() > secondDate.getTime()) {
                 return 1;
             }
-            if (startDate.getTime() < finishDate.getTime()) {
+            if (firstDate.getTime() < secondDate.getTime()) {
                 return -1;
             }
             return 0;
         };
         ExclusionDetailsComponent.prototype.sortGroupsByStartDate = function (groups) {
             var _this = this;
-            return groups.sort(function (a, b) { return _this.sortByDate(a.startDate, b.finishDate); });
+            return groups.sort(function (a, b) { return _this.sortByDate(a.startDate, b.startDate); });
         };
         ExclusionDetailsComponent.prototype.sortStepsByStartDate = function (steps) {
             var _this = this;
-            return steps.sort(function (a, b) { return _this.sortByDate(a.startDate, b.finishDate); });
+            return steps.sort(function (a, b) { return _this.sortByDate(a.startDate, b.startDate); });
         };
         ExclusionDetailsComponent.prototype.disconnectWebSocket = function () {
             if (this._exclusionProcessStatusChangedSubscribe) {
@@ -644,6 +694,9 @@
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .subscribe(function () {
                 _this.startListeningWebhookEvents();
+                if (_this.processDetails && !_this.isProcessFinished()) {
+                    _this.loadProcessDetails(_this._exclusionDetails);
+                }
             });
         };
         ExclusionDetailsComponent.prototype.startListeningWebhookEvents = function () {
@@ -651,9 +704,7 @@
             this._websocketService
                 .onError()
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (data) {
-                console.error('onError', data);
-            });
+                .subscribe(function (data) { return console.error('onWSError', data); });
             this._exclusionProcessStatusChangedSubscribe = this._websocketService
                 .onEvent({
                 domain: this.projectConfigs.getDomain(),
@@ -702,12 +753,15 @@
         __decorate([
             core.Output()
         ], ExclusionDetailsComponent.prototype, "expandedRows", void 0);
+        __decorate([
+            core.Output()
+        ], ExclusionDetailsComponent.prototype, "onProcessFinishedSuccessfully", void 0);
         ExclusionDetailsComponent = __decorate([
             core.Component({
                 selector: "s-exclusion-details",
-                template: "<s-sidebar [visible]=\"isVisible\" (visibleChange)=\"onVisibilityChanged($event)\" [header]=\"getSidebarTitle()\">\n    <s-loading-state [loading]=\"isLoading\">\n        <p-panel [showHeader]=\"false\" styleClass=\"s-exclusion-details-record-details-panel\">\n            <div class=\"s-exclusion-details-record-details-container\">\n                <div class=\"s-exclusion-details-record-icon-background\">\n                    <em class=\"far fa-file-alt s-exclusion-details-record-icon\"></em>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-recordinfo\">\n                    <span class=\"s-exclusion-details-record-details-type\">\n                        {{entityDescription}}\n                    </span>\n                    <span>\n                        {{getRecordDescription()}}\n                    </span>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-dateinfo\">\n                    <span>\n                        {{getStartDateLabel()}}: {{getInicialDate()}}\n                    </span>\n                    <span *ngIf=\"isFinished()\">\n                        {{getFinishDateLabel()}}: {{getFinishDate()}}\n                    </span>\n                </div>\n            </div>\n        </p-panel>\n\n        <p-panel>\n            <p-header>\n                {{getSummaryLabel()}}\n            </p-header>\n\n            <s-empty-state\n                *ngIf=\"processGroupData && !processGroupData.length\"\n                [title]=\"getEmptyStateTitle()\"\n                [description]=\"getEmptyStateDescription()\">\n                [showPrimaryAction]=\"false\"\n            </s-empty-state>\n\n            <p-table\n                [value]=\"processGroupData\"\n                [columns]=\"processGroupColumns\"\n                dataKey=\"id\"\n                [lazy]=\"false\"\n                [scrollable]=\"false\"\n                [paginator]=\"false\"\n                *ngIf=\"processGroupData && processGroupData.length\"\n                [expandedRowKeys]=\"expandedRows\">\n\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"expend-column\" style=\"width: 40px;\"></th>\n                        <th *ngFor=\"let col of columns\"\n                            [id]=\"col.field\"\n                            [ngStyle]=\"col.style\"\n                            [pSortableColumn]=\"col.field\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\">\n                    <tr sNavigation [sRowToggler]=\"rowData\">\n                        <td style=\"width: 40px;\" tabindex=\"0\">\n                            <em class=\"fa fa-{{ expanded ? 'minus' : 'plus' }}\"></em>\n                        </td>\n                        <s-table-columns\n                            [columns]=\"columns\"\n                            [rowValue]=\"rowData\"\n                            [locale]=\"locale\">\n                        </s-table-columns>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"rowexpansion\" let-rowData let-columns=\"columns\">\n                    <tr class=\"sds-expanded-row\">\n                        <td [attr.colspan]=\"columns.length + 1\">\n                            <p-table \n                                [value]=\"rowData.steps\"\n                                [columns]=\"processStepColumns\"\n                                dataKey=\"id\"\n                                [paginator]=\"false\"\n                                [responsive]=\"true\"\n                                [scrollable]=\"false\"\n                                [lazy]=\"false\">\n\n                                <ng-template pTemplate=\"header\" let-columns>\n                                    <tr>\n                                        <th *ngFor=\"let col of columns\"\n                                            [id]=\"col.field\"\n                                            [ngStyle]=\"col.style\"\n                                            [pSortableColumn]=\"col.field\">\n                                            <div class=\"senior-header\">\n                                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                                            </div>\n                                        </th>\n                                    </tr>\n                                </ng-template>\n    \n                                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                                    <tr>\n                                        <s-table-columns\n                                            [columns]=\"columns\"\n                                            [rowValue]=\"rowData\"\n                                            [locale]=\"locale\">\n                                        </s-table-columns>\n                                    </tr>\n                                </ng-template>\n                            </p-table>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-panel>\n    </s-loading-state>\n\n    <s-footer>\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g\">\n                <s-button [label]=\"getCloseButtonLabel()\" priority=\"link\" (onClick)=\"closeDetails()\"></s-button>\n            </div>\n        </div>\n    </s-footer>\n</s-sidebar>\n",
+                template: "<s-sidebar [visible]=\"isVisible\" (visibleChange)=\"onVisibilityChanged($event)\" [header]=\"getSidebarTitle()\">\n    <s-loading-state [loading]=\"isLoading\">\n        <p-panel [showHeader]=\"false\" styleClass=\"s-exclusion-details-record-details-panel\">\n            <div class=\"s-exclusion-details-record-details-container\">\n                <div class=\"s-exclusion-details-record-icon-background\">\n                    <em class=\"far fa-file-alt s-exclusion-details-record-icon\"></em>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-recordinfo\">\n                    <span class=\"s-exclusion-details-record-details-type\">\n                        {{entityDescription}}\n                    </span>\n                    <span>\n                        {{getRecordDescription()}}\n                    </span>\n                </div>\n\n                <div class=\"s-exclusion-details-record-details-dateinfo\">\n                    <span>\n                        {{getStartDateLabel()}}: {{getInicialDate()}}\n                    </span>\n                    <span *ngIf=\"isFinished()\">\n                        {{getFinishDateLabel()}}: {{getFinishDate()}}\n                    </span>\n                </div>\n            </div>\n        </p-panel>\n\n        <p-panel>\n            <p-header>\n                {{getSummaryLabel()}}\n            </p-header>\n\n            <s-empty-state\n                *ngIf=\"processGroupData && !processGroupData.length\"\n                [title]=\"getEmptyStateTitle()\"\n                [description]=\"getEmptyStateDescription()\">\n                [showPrimaryAction]=\"false\"\n            </s-empty-state>\n\n            <p-table\n                [value]=\"processGroupData\"\n                [columns]=\"processGroupColumns\"\n                dataKey=\"id\"\n                [lazy]=\"false\"\n                [scrollable]=\"false\"\n                [paginator]=\"false\"\n                *ngIf=\"processGroupData && processGroupData.length\"\n                [expandedRowKeys]=\"expandedRows\">\n\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th id=\"expend-column\" style=\"width: 40px;\"></th>\n                        <th *ngFor=\"let col of columns\"\n                            [id]=\"col.field\"\n                            [ngStyle]=\"col.style\"\n                            [pSortableColumn]=\"col.field\">\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-expanded=\"expanded\">\n                    <tr sNavigation [sRowToggler]=\"rowData\">\n                        <td style=\"width: 40px;\" tabindex=\"0\">\n                            <em class=\"fa fa-{{ expanded ? 'minus' : 'plus' }}\"></em>\n                        </td>\n                        <s-table-columns\n                            [columns]=\"columns\"\n                            [rowValue]=\"rowData\"\n                            [locale]=\"locale\">\n                        </s-table-columns>\n                    </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"rowexpansion\" let-rowData let-columns=\"columns\">\n                    <tr class=\"sds-expanded-row\">\n                        <td [attr.colspan]=\"columns.length + 1\">\n                            <p-table \n                                [value]=\"rowData.steps\"\n                                [columns]=\"processStepColumns\"\n                                dataKey=\"id\"\n                                [paginator]=\"false\"\n                                [responsive]=\"true\"\n                                [scrollable]=\"false\"\n                                [lazy]=\"false\">\n\n                                <ng-template pTemplate=\"header\" let-columns>\n                                    <tr>\n                                        <th *ngFor=\"let col of columns\"\n                                            [id]=\"col.field\"\n                                            [ngStyle]=\"col.style\"\n                                            [pSortableColumn]=\"col.field\">\n                                            <div class=\"senior-header\">\n                                                <span class=\"senior-header-title\">{{ col.header }}</span>\n                                                <p-sortIcon [field]=\"col.field\" ></p-sortIcon>\n                                            </div>\n                                        </th>\n                                    </tr>\n                                </ng-template>\n    \n                                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                                    <tr>\n                                        <s-table-columns\n                                            [columns]=\"columns\"\n                                            [rowValue]=\"rowData\"\n                                            [locale]=\"locale\">\n                                        </s-table-columns>\n                                    </tr>\n                                </ng-template>\n                            </p-table>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-panel>\n    </s-loading-state>\n\n    <s-footer>\n        <div class=\"ui-fluid\">\n            <div class=\"ui-g-12 s-exclusion-details-footer\">\n                <s-button [label]=\"getUpdateButtonLabel()\" priority=\"link\" (onClick)=\"updateDetails()\"></s-button>\n                <s-button [label]=\"getCloseButtonLabel()\" priority=\"link\" (onClick)=\"closeDetails()\"></s-button>\n            </div>\n        </div>\n    </s-footer>\n</s-sidebar>\n",
                 encapsulation: core.ViewEncapsulation.None,
-                styles: [".s-exclusion-details-record-details-panel{margin-bottom:10px}.s-exclusion-details-record-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.s-exclusion-details-record-details-recordinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex:1;flex:1}.s-exclusion-details-record-details-dateinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex-align:end;align-items:flex-end;font-size:12px}.s-exclusion-details-record-details-type{color:#999}.s-exclusion-details-record-icon{font-size:22pt;color:#7e8d95}.s-exclusion-details-record-icon-background{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:16px;background-color:#c1cad1;border-radius:50%;height:60px;width:60px}"]
+                styles: [".s-exclusion-details-record-details-panel{margin-bottom:10px}.s-exclusion-details-record-details-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.s-exclusion-details-record-details-recordinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex:1;flex:1}.s-exclusion-details-record-details-dateinfo{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:10px;-ms-flex-align:end;align-items:flex-end;font-size:12px}.s-exclusion-details-record-details-type{color:#999}.s-exclusion-details-record-icon{font-size:22pt;color:#7e8d95}.s-exclusion-details-record-icon-background{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:16px;background-color:#c1cad1;border-radius:50%;height:60px;width:60px}.s-exclusion-details-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}"]
             })
         ], ExclusionDetailsComponent);
         return ExclusionDetailsComponent;
@@ -879,7 +933,7 @@
                 .subscribe(function (queryParams) {
                 _this.entityName = queryParams.entityName;
                 _this.entityDescription = queryParams.entityDescription;
-                _this.processId = queryParams.processId;
+                _this.processId = queryParams.processId || queryParams.pid;
             });
         };
         ExclusionsListComponent.prototype.ngAfterViewInit = function () {
@@ -1217,23 +1271,6 @@
         ], ExclusionsListFeatureRoutingGuard);
         return ExclusionsListFeatureRoutingGuard;
     }());
-    var ExclusionsListFeatureRoutingListTitleResolver = /** @class */ (function () {
-        function ExclusionsListFeatureRoutingListTitleResolver(translate, projectConfigs) {
-            this.translate = translate;
-            this.projectConfigs = projectConfigs;
-        }
-        ExclusionsListFeatureRoutingListTitleResolver.prototype.resolve = function () {
-            return this.translate.get(this.projectConfigs.getTranslationPrefix() + ".logical_delete_list_title");
-        };
-        ExclusionsListFeatureRoutingListTitleResolver.ctorParameters = function () { return [
-            { type: core$1.TranslateService },
-            { type: LogicalDeleteConfigService }
-        ]; };
-        ExclusionsListFeatureRoutingListTitleResolver = __decorate([
-            core.Injectable()
-        ], ExclusionsListFeatureRoutingListTitleResolver);
-        return ExclusionsListFeatureRoutingListTitleResolver;
-    }());
     var ExclusionsListFeatureRoutingPermissionResolver = /** @class */ (function () {
         function ExclusionsListFeatureRoutingPermissionResolver(permissionsService) {
             this.permissionsService = permissionsService;
@@ -1283,8 +1320,7 @@
             ],
             resolve: {
                 allPermissions: ExclusionsListFeatureRoutingPermissionResolver,
-                localeConfig: ExclusionsListFeatureRoutingLocaleResolver,
-                routeTitle: ExclusionsListFeatureRoutingListTitleResolver
+                localeConfig: ExclusionsListFeatureRoutingLocaleResolver
             },
             children: [
                 {
@@ -1308,8 +1344,7 @@
                 providers: [
                     ExclusionsListFeatureRoutingGuard,
                     ExclusionsListFeatureRoutingPermissionResolver,
-                    ExclusionsListFeatureRoutingLocaleResolver,
-                    ExclusionsListFeatureRoutingListTitleResolver
+                    ExclusionsListFeatureRoutingLocaleResolver
                 ],
                 declarations: [
                     EmptyComponent
@@ -1384,7 +1419,6 @@
     exports.ExclusionsListComponent = ExclusionsListComponent;
     exports.ExclusionsListFeatureRouting = ExclusionsListFeatureRouting;
     exports.ExclusionsListFeatureRoutingGuard = ExclusionsListFeatureRoutingGuard;
-    exports.ExclusionsListFeatureRoutingListTitleResolver = ExclusionsListFeatureRoutingListTitleResolver;
     exports.ExclusionsListFeatureRoutingLocaleResolver = ExclusionsListFeatureRoutingLocaleResolver;
     exports.ExclusionsListFeatureRoutingPermissionResolver = ExclusionsListFeatureRoutingPermissionResolver;
     exports.ExclusionsListModule = ExclusionsListModule;