@esfaenza/admin-module 11.2.28 → 11.2.30

package/bundles/esfaenza-admin-module.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/forms'), require('@angular/core'), require('@angular/router'), require('@angular/material/icon'), require('@angular/material/datepicker'), require('@esfaenza/material-dayjs-adapter'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('ngx-bootstrap/modal'), require('@ctrl/ngx-csv'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/tooltip'), require('@esfaenza/es-table'), require('@esfaenza/forms-and-validations'), require('@esfaenza/es-charts'), require('@esfaenza/gertrude'), require('@esfaenza/localizations'), require('@esfaenza/ngx-contextmenu'), require('@esfaenza/preferences'), require('@esfaenza/httpservice'), require('@esfaenza/extensions'), require('@angular/common/http'), require('cerialize'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@esfaenza/admin-module', ['exports', '@angular/common', '@angular/forms', '@angular/core', '@angular/router', '@angular/material/icon', '@angular/material/datepicker', '@esfaenza/material-dayjs-adapter', '@angular/material/input', '@angular-material-components/datetime-picker', 'ngx-bootstrap/modal', '@ctrl/ngx-csv', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/tooltip', '@esfaenza/es-table', '@esfaenza/forms-and-validations', '@esfaenza/es-charts', '@esfaenza/gertrude', '@esfaenza/localizations', '@esfaenza/ngx-contextmenu', '@esfaenza/preferences', '@esfaenza/httpservice', '@esfaenza/extensions', '@angular/common/http', 'cerialize', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['admin-module'] = {}), global.ng.common, global.ng.forms, global.ng.core, global.ng.router, global.ng.material.icon, global.ng.material.datepicker, global.materialDayjsAdapter, global.ng.material.input, global.datetimePicker, global.modal, global.ngxCsv, global.dropdown, global.tooltip, global.esTable, global.formsAndValidations, global.esCharts, global.gertrude, global.localizations, global.ngxContextmenu, global.preferences, global.httpservice, global.extensions, global.ng.common.http, global.cerialize, global.rxjs.operators));
-}(this, (function (exports, common, forms, core, router, icon, datepicker, materialDayjsAdapter, input, datetimePicker, modal, ngxCsv, dropdown, tooltip, esTable, formsAndValidations, esCharts, gertrude, localizations, ngxContextmenu, preferences, httpservice, extensions, http, cerialize, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/forms'), require('@angular/core'), require('@angular/router'), require('@angular/material/icon'), require('@angular/material/datepicker'), require('@esfaenza/material-dayjs-adapter'), require('@angular/material/input'), require('@angular-material-components/datetime-picker'), require('ngx-bootstrap/modal'), require('@ctrl/ngx-csv'), require('ngx-bootstrap/dropdown'), require('ngx-bootstrap/tooltip'), require('@esfaenza/es-table'), require('@esfaenza/forms-and-validations'), require('@esfaenza/es-charts'), require('@esfaenza/gertrude'), require('@esfaenza/localizations'), require('@esfaenza/ngx-contextmenu'), require('@esfaenza/preferences'), require('@esfaenza/httpservice'), require('@esfaenza/extensions'), require('@angular/common/http'), require('cerialize'), require('rxjs/operators'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@esfaenza/admin-module', ['exports', '@angular/common', '@angular/forms', '@angular/core', '@angular/router', '@angular/material/icon', '@angular/material/datepicker', '@esfaenza/material-dayjs-adapter', '@angular/material/input', '@angular-material-components/datetime-picker', 'ngx-bootstrap/modal', '@ctrl/ngx-csv', 'ngx-bootstrap/dropdown', 'ngx-bootstrap/tooltip', '@esfaenza/es-table', '@esfaenza/forms-and-validations', '@esfaenza/es-charts', '@esfaenza/gertrude', '@esfaenza/localizations', '@esfaenza/ngx-contextmenu', '@esfaenza/preferences', '@esfaenza/httpservice', '@esfaenza/extensions', '@angular/common/http', 'cerialize', 'rxjs/operators', 'rxjs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['admin-module'] = {}), global.ng.common, global.ng.forms, global.ng.core, global.ng.router, global.ng.material.icon, global.ng.material.datepicker, global.materialDayjsAdapter, global.ng.material.input, global.datetimePicker, global.modal, global.ngxCsv, global.dropdown, global.tooltip, global.esTable, global.formsAndValidations, global.esCharts, global.gertrude, global.localizations, global.ngxContextmenu, global.preferences, global.httpservice, global.extensions, global.ng.common.http, global.cerialize, global.rxjs.operators, global.rxjs));
+}(this, (function (exports, common, forms, core, router, icon, datepicker, materialDayjsAdapter, input, datetimePicker, modal, ngxCsv, dropdown, tooltip, esTable, formsAndValidations, esCharts, gertrude, localizations, ngxContextmenu, preferences, httpservice, extensions, http, cerialize, operators, rxjs) { 'use strict';
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -1082,6 +1082,8 @@
             this.searchView = new TopActivitiesDataView();
             this.autoUpdate = false;
             this.seconds = "5";
+            this.rtWindow = null;
+            this.destroyed$ = new rxjs.ReplaySubject(1);
             this.seriesPropertiesMapping = {};
             this.propertiesSeriesMapping = (_a = {},
                 _a["cputime"] = "CPU",
@@ -1097,10 +1099,42 @@
         }
         AdmTopActivitiesComponent.prototype.ngOnInit = function () {
             var _this = this;
+            // Ogni minuto calcolo qual è la finestra del realTime
+            rxjs.interval(60 * 1000).pipe(operators.takeUntil(this.destroyed$)).subscribe(function (_) {
+                _this.updateRealTimeWindow();
+            });
             this.storageSub = this.route.queryParams.subscribe(function (params) {
                 _this.Init(params["ignoreStorage"]);
             });
         };
+        AdmTopActivitiesComponent.prototype.updateRealTimeWindow = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var data, reference, i, itemref, theD;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            data = new TopActivitiesDataView();
+                            return [4 /*yield*/, this.http.post(this.backend + Repository.POST_Adm_GetTopActivities, data).toPromise()];
+                        case 1:
+                            data = _a.sent();
+                            reference = data.items[0];
+                            for (i = 0; i < reference.actsessions.length; i++) {
+                                itemref = reference.actsessions[i];
+                                theD = this.dateExts.getDateConvertion(itemref.sampletime);
+                                if (!this.rtWindow)
+                                    this.rtWindow = { from: theD, to: theD };
+                                else {
+                                    if (theD.isBefore(this.rtWindow.from))
+                                        this.rtWindow.from = theD;
+                                    if (theD.isAfter(this.rtWindow.to))
+                                        this.rtWindow.to = theD;
+                                }
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         AdmTopActivitiesComponent.prototype.Init = function (ignoreStore) {
             this.doInit(ignoreStore);
         };
@@ -1139,6 +1173,8 @@
             }
         };
         AdmTopActivitiesComponent.prototype.ngOnDestroy = function () {
+            this.destroyed$.next(true);
+            this.destroyed$.complete();
             if (this.storageSub)
                 this.storageSub.unsubscribe();
         };
@@ -1146,10 +1182,27 @@
             if (resetPage === void 0) { resetPage = true; }
             if (update === void 0) { update = false; }
             if (searchViewOverride === void 0) { searchViewOverride = null; }
-            this.searchView.searchinprogress = true;
-            if (resetPage)
-                this.searchView.page = 1;
-            this.POSTGetItems(this.backend + Repository.POST_Adm_GetTopActivities, searchViewOverride !== null && searchViewOverride !== void 0 ? searchViewOverride : this.searchView, update);
+            return __awaiter(this, void 0, void 0, function () {
+                var dateRequestOnRealtimeWindow;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!((this.searchView.filterfrom || this.searchView.filterto) && !this.rtWindow)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.updateRealTimeWindow()];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2:
+                            dateRequestOnRealtimeWindow = this.dateExts.getDateConvertion(this.searchView.filterfrom).isAfter(this.rtWindow.from) && this.dateExts.getDateConvertion(this.searchView.filterto).isBefore(this.rtWindow.to);
+                            this.searchView.filterrealtime = dateRequestOnRealtimeWindow;
+                            this.searchView.searchinprogress = true;
+                            if (resetPage)
+                                this.searchView.page = 1;
+                            this.POSTGetItems(this.backend + Repository.POST_Adm_GetTopActivities, searchViewOverride !== null && searchViewOverride !== void 0 ? searchViewOverride : this.searchView, update);
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         AdmTopActivitiesComponent.prototype.POSTGetItems = function (url, data, update) {
             var _this = this;
@@ -1710,7 +1763,7 @@
         { type: core.Component, args: [{
                     selector: "node-detail",
                     viewProviders: [{ provide: localizations.LocalizationService, useClass: NodeDetailLoc }],
-                    template: "<div class=\"modal-dialog modal-xl\" cdkDrag>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\" cdkDragHandle>\r\n            <h4 class=\"modal-title pull-left\">\r\n                {{'Activity Node Details' | localize : lc}}\r\n                <span *ngIf=\"NodeDetails\">&nbsp;{{NodeDetails.nodeid}}</span>\r\n            </h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\">\r\n                <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"NodeDetails\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Event Type' | localize: lc}}</strong>:&nbsp;{{NodeDetails.eventtypedesc}}&nbsp;<strong>{{'Wait Class' | localize: lc}}</strong>:&nbsp;{{NodeDetails.waitclassname}}\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Elapsed (With Children)' | localize: lc}}</strong>:&nbsp;{{NodeDetails.elapsed}}&nbsp;s\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n\t\t\t\t\t<strong>{{'Executions' | localize: lc}}</strong>:&nbsp;{{NodeDetails.executions}}\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Elapsed (No Children)' | localize: lc}}</strong>:&nbsp;{{NodeDetails.elapsedlesschildren}}&nbsp;s\r\n                </div>\r\n            </div>\r\n\t\t\t<div style=\"height: 200px;\">\r\n\t\t\t\t<h5 class=\"app-margin-top-10\"><strong>{{'Event detail' | localize: lc}}</strong></h5>\r\n\t\t\t\t{{NodeDetails.nodedescription}}\r\n\t\t\t</div>\r\n\t\t\t<div style=\"max-height: 200px; overflow: auto\" *ngIf=\"(NodeDetails?.waitstack?.length || 0) > 0\">\r\n                <h5 class=\"app-margin-top-10\"><strong>{{'Wait Stack' | localize: lc}}</strong></h5>\r\n                <div *ngFor=\"let wait of NodeDetails.waitstack; let i = index;\">\r\n                    <ng-container *ngFor=\"let _ of [].constructor(i+1)\">-</ng-container>&nbsp;{{wait.nodeid}}&nbsp;-&nbsp;{{wait.nodedescription}}:&nbsp;\r\n                    <strong>{{'Event Type' | localize: lc}}</strong>:&nbsp;{{wait.eventtypedesc}}&nbsp;\r\n                    <strong>{{'Wait Class' | localize: lc}}</strong>:&nbsp;{{wait.waitclassname}}\r\n                </div>\r\n            </div>\r\n            <div style=\"height: 200px;\">\r\n                <h5 class=\"app-margin-top-10\"><strong>{{'Resources Usage' | localize: lc}}</strong></h5>\r\n                <es-line-chart *ngIf=\"NodeDetails.sessionchart\"\r\n                    [MinGridDistance]=\"65\"\r\n                    [Timeline]=\"false\"\r\n                    [FinalInstants]=\"false\"\r\n                    [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                    [Fill]=\"true\"\r\n                    [MergeDatasets]=\"true\"\r\n                    [Data]=\"NodeDetails.sessionchart\"\r\n                    [Legend]=\"true\" \r\n                    name=\"nodeDetailSessionChart\"\r\n                    [DataGroupingThreshold]=\"99999999\"></es-line-chart>\r\n            </div>\r\n            <div style=\"height: 200px;\">\r\n                <es-pie-chart *ngIf=\"NodeDetails.loadchart\" [Legend]=\"true\" [Data]=\"NodeDetails.loadchart\" name=\"nodeDetailLoadChart\"></es-pie-chart>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Close' | localize : lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>"
+                    template: "<div class=\"modal-dialog modal-xl\" cdkDrag>\r\n    <div class=\"modal-content\">\r\n        <div class=\"modal-header\" cdkDragHandle>\r\n            <h4 class=\"modal-title pull-left\">\r\n                {{'Activity Node Details' | localize : lc}}\r\n                <span *ngIf=\"NodeDetails\">&nbsp;{{NodeDetails.nodeid}}</span>\r\n            </h4>\r\n            <button type=\"button\" class=\"close pull-right\" (click)=\"closeDialog()\" aria-label=\"Close\">\r\n                <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n        </div>\r\n        <div class=\"modal-body\" *ngIf=\"NodeDetails\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Event Type' | localize: lc}}</strong>:&nbsp;{{NodeDetails.eventtypedesc}}&nbsp;<strong>{{'Wait Class' | localize: lc}}</strong>:&nbsp;{{NodeDetails.waitclassname}}\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Elapsed (With Children)' | localize: lc}}</strong>:&nbsp;{{NodeDetails.elapsed}}&nbsp;s\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n\t\t\t\t\t<strong>{{'Executions' | localize: lc}}</strong>:&nbsp;{{NodeDetails.executions}}\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                    <strong>{{'Elapsed (No Children)' | localize: lc}}</strong>:&nbsp;{{NodeDetails.elapsedlesschildren}}&nbsp;s\r\n                </div>\r\n            </div>\r\n\t\t\t<div>\r\n\t\t\t\t<h5 class=\"app-margin-top-10\"><strong>{{'Event detail' | localize: lc}}</strong></h5>\r\n\t\t\t\t{{NodeDetails.nodedescription}}\r\n\t\t\t</div>\r\n\t\t\t<div style=\"max-height: 200px; overflow: auto\" *ngIf=\"(NodeDetails?.waitstack?.length || 0) > 0\">\r\n                <h5 class=\"app-margin-top-10\"><strong>{{'Wait Stack' | localize: lc}}</strong></h5>\r\n                <div *ngFor=\"let wait of NodeDetails.waitstack; let i = index;\">\r\n                    <ng-container *ngFor=\"let _ of [].constructor(i+1)\">-</ng-container>&nbsp;{{wait.nodeid}}&nbsp;-&nbsp;{{wait.nodedescription}}:&nbsp;\r\n                    <strong>{{'Event Type' | localize: lc}}</strong>:&nbsp;{{wait.eventtypedesc}}&nbsp;\r\n                    <strong>{{'Wait Class' | localize: lc}}</strong>:&nbsp;{{wait.waitclassname}}\r\n                </div>\r\n            </div>\r\n            <div style=\"height: 200px;\">\r\n                <h5 class=\"app-margin-top-10\"><strong>{{'Resources Usage' | localize: lc}}</strong></h5>\r\n                <es-line-chart *ngIf=\"NodeDetails.sessionchart\"\r\n                    [MinGridDistance]=\"65\"\r\n                    [Timeline]=\"false\"\r\n                    [FinalInstants]=\"false\"\r\n                    [LegendPadding]=\"{top: 0, bottom: 7, right: 0, left: 10}\"\r\n                    [Fill]=\"true\"\r\n                    [MergeDatasets]=\"true\"\r\n                    [Data]=\"NodeDetails.sessionchart\"\r\n                    [Legend]=\"true\" \r\n                    name=\"nodeDetailSessionChart\"\r\n                    [DataGroupingThreshold]=\"99999999\"></es-line-chart>\r\n            </div>\r\n            <div style=\"height: 200px;\">\r\n                <es-pie-chart *ngIf=\"NodeDetails.loadchart\" [Legend]=\"true\" [Data]=\"NodeDetails.loadchart\" name=\"nodeDetailLoadChart\"></es-pie-chart>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <button type=\"button\" class=\"btn btn-primary\" (click)=\"closeDialog()\">{{'Close' | localize : lc}}</button>\r\n        </div>\r\n    </div>\r\n</div>"
                 },] }
     ];
     NodeDetailComponent.ctorParameters = function () { return [