inviton-powerduck 0.0.173 → 0.0.174

package/app/powerduck-initializer.ts

@@ -4,6 +4,7 @@ import type { IPowerduckSystemResources } from './powerduck-system-resources';
 import jquery from 'jquery';
 import moment from 'moment';
 import select2 from 'select2';
+import StorageProvider from '../common/local-storage-shim';
 import { isNullOrEmpty } from '../common/utils/is-null-or-empty';
 import { LanguageUtils } from '../common/utils/language-utils';
 import TemporalUtils from '../common/utils/temporal-utils';
@@ -29,9 +30,9 @@ export default class PowerduckInitializer {
 
 			globalState.addEventListener('vite:preloadError', (event) => {
 				const key = `${PowerduckState.getAppPrefix()}errLastReload`;
-				const lastTry = Number(localStorage.getItem(key) || '0');
+				const lastTry = Number(StorageProvider.getString(key) || '0');
 				if (TemporalUtils.dateNowMs() - lastTry > 3000) {
-					localStorage.setItem(key, TemporalUtils.dateNowMs().toString());
+					StorageProvider.setString(key, TemporalUtils.dateNowMs().toString());
 
 					if (globalState.__routerNextTo != null && !isNullOrEmpty(globalState.__routerNextTo.path)) {
 						location.href = globalState.__routerNextTo.path;

package/app/powerduck-state.ts

@@ -2,6 +2,7 @@ import type { IDynamicComponentContainer } from '../components/app/dynamic-compo
 import type { IPowerduckSystemResources } from './powerduck-system-resources';
 import { Language } from '../common/enums/language';
 import { ModalSectionMode } from '../common/enums/modal';
+import StorageProvider from '../common/local-storage-shim';
 import { isNullOrEmpty } from '../common/utils/is-null-or-empty';
 import { documentWrap, globalState } from './global-state';
 
@@ -100,8 +101,8 @@ export default class PowerduckState {
 
 	static getModalSectionMode(): ModalSectionMode {
 		if ((PowerduckState as any)._modalSectionMode == null) {
-			if (localStorage.getItem(`${PowerduckState._prefix}modalSectionMode`) != null) {
-				(PowerduckState as any)._modalSectionMode = Number(localStorage.getItem(`${PowerduckState._prefix}modalSectionMode`));
+			if (StorageProvider.getString(`${PowerduckState._prefix}modalSectionMode`) != null) {
+				(PowerduckState as any)._modalSectionMode = Number(StorageProvider.getString(`${PowerduckState._prefix}modalSectionMode`));
 			} else {
 				PowerduckState.setModalSectionMode(ModalSectionMode.navPills);
 			}
@@ -111,7 +112,7 @@ export default class PowerduckState {
 	}
 
 	static setModalSectionMode(mode: ModalSectionMode): void {
-		localStorage.setItem(`${PowerduckState._prefix}modalSectionMode`, mode.toString());
+		StorageProvider.setString(`${PowerduckState._prefix}modalSectionMode`, mode.toString());
 		(PowerduckState as any)._modalSectionMode = mode;
 	}
 

package/common/api-http.ts

@@ -194,6 +194,13 @@ export interface AjaxLogProvider {
 	log: (level: 'debug' | 'info' | 'warning' | 'error', message: string, data: any) => any;
 }
 
+export interface AjaxMiddlewareArgs {
+	response: any;
+	httpCode: number;
+}
+
+export type AjaxMiddleware = (args: AjaxMiddlewareArgs) => Promise<void>;
+
 export class AppHttpProvider {
 	static getRetryCount = 0;
 	static postRetryCount = 0;
@@ -202,6 +209,7 @@ export class AppHttpProvider {
 	static defaultRequestProvider: AppHttpRequestProvider = 'xhr';
 	static xhrRequestProvider: AjaxRequestProvider = new AjaxProviderXhr();
 	static cordovaRequestProvider: AjaxRequestProvider = null;
+	static middlewares: AjaxMiddleware[] = [];
 	static getRequestTimeoutMessage(): string {
 		return PowerduckState.getResourceValue('requestTimeout');
 	}
@@ -402,7 +410,7 @@ export class AppHttpProvider {
 						timeout: args.timeout,
 						url,
 					})
-					.then((resp) => {
+					.then(async (resp) => {
 						if (blockUiEnabled) {
 							try {
 								this.unblockUi(args);
@@ -415,6 +423,20 @@ export class AppHttpProvider {
 							AppHttpProvider.postProcessJsObject(jsonData, args.jsonAdapter);
 						}
 
+						if (AppHttpProvider.middlewares?.length > 0) {
+							for (const middleware of this.middlewares) {
+								try {
+									await middleware({
+										httpCode: resp.httpCode,
+										response: jsonData ?? resp.responseText,
+									});
+								} catch (e) {
+									reject(e);
+									return;
+								}
+							}
+						}
+
 						if (resp.httpCode < 300 && resp.httpCode > 0) {
 							if (resp.httpCode == 204) {
 								AppHttpProvider.log('info', `Request success to ${url}, took ${stop - start}ms`);
@@ -745,7 +767,7 @@ export class AppHttpProvider {
 	public static apiGet<T>(
 		apiMethodName: string,
 		data: object | string,
-		timeout: number = null,
+        timeout: number = null,
 	): Promise<T> {
 		return this.getJSON(
 			this.getApiUrl(
@@ -770,7 +792,7 @@ export class AppHttpProvider {
 	public static privateApiGet<T>(
 		apiMethodName: string,
 		data: object | string,
-		timeout: number = null,
+        timeout: number = null,
 	): Promise<T> {
 		return this.getJSON(
 			this.getApiUrl(

package/common/base-component.tsx

@@ -9,6 +9,7 @@ import { globalState } from '../app/global-state';
 import PowerduckState from '../app/powerduck-state';
 import NotificationProvider from './../components/ui/notification';
 import { TryCallApiResult } from './enums/api';
+import StorageProvider from './local-storage-shim';
 import ScrollUtils from './scroll-utils';
 import { isNullOrEmpty } from './utils/is-null-or-empty';
 import { PortalUtils } from './utils/utils';
@@ -193,12 +194,12 @@ export abstract class PowerduckViewModelBase extends Vue {
 	 * Validates current viewModel state based on given valdiation ruleset
 	 */
 	async validate(showErrorMessage?: boolean, silent?: boolean): Promise<boolean> {
-		if (localStorage.getItem('disableValidation') == '1') {
+		if (StorageProvider.getString('disableValidation') == '1') {
 			return true;
 		}
 
 		if (this.v$ == null) {
-			throw 'Validation rules not specified, has to be specified in @Component declaration!';
+			throw new Error('Validation rules not specified, has to be specified in @Component declaration!');
 		}
 
 		const isInvalid = !(await this.v$.$validate());

package/common/css/ladda-themeless-zoomin.min.css

@@ -1,89 +1,89 @@
-/*! Ladda http://lab.hakim.se/ladda MIT licensed Copyright (C) 2016 Hakim El Hattab, http://hakim.se ....Lightweight adaptation for Inviton API needs*/
-.ladda-button {
-    position: relative;
-}
-.ladda-button .ladda-spinner {
-    position: absolute;
-    z-index: 2;
-    display: inline-block;
-    width: 32px;
-    height: 32px;
-    top: 50%;
-    margin-top: 0;
-    opacity: 0;
-    pointer-events: none;
-}
-.ladda-button .ladda-label {
-    position: relative;
-    z-index: 3;
-}
-.ladda-button .ladda-progress {
-    position: absolute;
-    width: 0;
-    height: 100%;
-    left: 0;
-    top: 0;
-    background: rgba(0, 0, 0, 0.2);
-    visibility: hidden;
-    opacity: 0;
-    -webkit-transition: 0.1s linear all !important;
-    -moz-transition: 0.1s linear all !important;
-    -ms-transition: 0.1s linear all !important;
-    -o-transition: 0.1s linear all !important;
-    transition: 0.1s linear all !important;
-}
-.ladda-button[data-loading] .ladda-progress {
-    opacity: 1;
-    visibility: visible;
-}
-.ladda-button,
-.ladda-button .ladda-label,
-.ladda-button .ladda-spinner {
-    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-}
-.ladda-button[data-style="zoom-in"],
-.ladda-button[data-style="zoom-in"] .ladda-label,
-.ladda-button[data-style="zoom-in"] .ladda-spinner {
-    -webkit-transition: 0.3s ease all !important;
-    -moz-transition: 0.3s ease all !important;
-    -ms-transition: 0.3s ease all !important;
-    -o-transition: 0.3s ease all !important;
-    transition: 0.3s ease all !important;
-}
-.ladda-button[data-style="zoom-in"] {
-    overflow: hidden;
-}
-.ladda-button[data-style="zoom-in"] .ladda-spinner {
-    left: 50%;
-    margin-left: -16px;
-    -webkit-transform: scale(0.2);
-    -moz-transform: scale(0.2);
-    -ms-transform: scale(0.2);
-    -o-transform: scale(0.2);
-    transform: scale(0.2);
-}
-.ladda-button[data-style="zoom-in"] .ladda-label {
-    position: relative;
-    display: inline-block;
-}
-.ladda-button[data-style="zoom-in"][data-loading] .ladda-label {
-    opacity: 0;
-    -webkit-transform: scale(2.2);
-    -moz-transform: scale(2.2);
-    -ms-transform: scale(2.2);
-    -o-transform: scale(2.2);
-    transform: scale(2.2);
-}
-.ladda-button[data-style="zoom-in"][data-loading] .ladda-spinner {
-    opacity: 1;
-    margin-left: 0;
-    -webkit-transform: none;
-    -moz-transform: none;
-    -ms-transform: none;
-    -o-transform: none;
-    transform: none;
-}
+/*! Ladda http://lab.hakim.se/ladda MIT licensed Copyright (C) 2016 Hakim El Hattab, http://hakim.se ....Lightweight adaptation for Inviton API needs*/
+.ladda-button {
+    position: relative;
+}
+.ladda-button .ladda-spinner {
+    position: absolute;
+    z-index: 2;
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    top: 50%;
+    margin-top: 0;
+    opacity: 0;
+    pointer-events: none;
+}
+.ladda-button .ladda-label {
+    position: relative;
+    z-index: 3;
+}
+.ladda-button .ladda-progress {
+    position: absolute;
+    width: 0;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: rgba(0, 0, 0, 0.2);
+    visibility: hidden;
+    opacity: 0;
+    -webkit-transition: 0.1s linear all !important;
+    -moz-transition: 0.1s linear all !important;
+    -ms-transition: 0.1s linear all !important;
+    -o-transition: 0.1s linear all !important;
+    transition: 0.1s linear all !important;
+}
+.ladda-button[data-loading] .ladda-progress {
+    opacity: 1;
+    visibility: visible;
+}
+.ladda-button,
+.ladda-button .ladda-label,
+.ladda-button .ladda-spinner {
+    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+}
+.ladda-button[data-style="zoom-in"],
+.ladda-button[data-style="zoom-in"] .ladda-label,
+.ladda-button[data-style="zoom-in"] .ladda-spinner {
+    -webkit-transition: 0.3s ease all !important;
+    -moz-transition: 0.3s ease all !important;
+    -ms-transition: 0.3s ease all !important;
+    -o-transition: 0.3s ease all !important;
+    transition: 0.3s ease all !important;
+}
+.ladda-button[data-style="zoom-in"] {
+    overflow: hidden;
+}
+.ladda-button[data-style="zoom-in"] .ladda-spinner {
+    left: 50%;
+    margin-left: -16px;
+    -webkit-transform: scale(0.2);
+    -moz-transform: scale(0.2);
+    -ms-transform: scale(0.2);
+    -o-transform: scale(0.2);
+    transform: scale(0.2);
+}
+.ladda-button[data-style="zoom-in"] .ladda-label {
+    position: relative;
+    display: inline-block;
+}
+.ladda-button[data-style="zoom-in"][data-loading] .ladda-label {
+    opacity: 0;
+    -webkit-transform: scale(2.2);
+    -moz-transform: scale(2.2);
+    -ms-transform: scale(2.2);
+    -o-transform: scale(2.2);
+    transform: scale(2.2);
+}
+.ladda-button[data-style="zoom-in"][data-loading] .ladda-spinner {
+    opacity: 1;
+    margin-left: 0;
+    -webkit-transform: none;
+    -moz-transform: none;
+    -ms-transform: none;
+    -o-transform: none;
+    transform: none;
+}

package/components/chart-js/thirdparty/flot/jquery.flot.categories.min.js

@@ -1,93 +1,93 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
-    function processRawData(plot, series, data, datapoints) {
-        var xCategories = series.xaxis.options.mode == "categories",
-            yCategories = series.yaxis.options.mode == "categories";
-        if (!(xCategories || yCategories)) return;
-        var format = datapoints.format;
-        if (!format) {
-            var s = series;
-            format = [];
-            format.push({ x: true, number: true, required: true });
-            format.push({ y: true, number: true, required: true });
-            if (s.bars.show || (s.lines.show && s.lines.fill)) {
-                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
-                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
-                if (s.bars.horizontal) {
-                    delete format[format.length - 1].y;
-                    format[format.length - 1].x = true;
-                }
-            }
-            datapoints.format = format;
-        }
-        for (var m = 0; m < format.length; ++m) {
-            if (format[m].x && xCategories) format[m].number = false;
-            if (format[m].y && yCategories) format[m].number = false;
-        }
-    }
-    function getNextIndex(categories) {
-        var index = -1;
-        for (var v in categories) if (categories[v] > index) index = categories[v];
-        return index + 1;
-    }
-    function categoriesTickGenerator(axis) {
-        var res = [];
-        for (var label in axis.categories) {
-            var v = axis.categories[label];
-            if (v >= axis.min && v <= axis.max) res.push([v, label]);
-        }
-        res.sort(function (a, b) {
-            return a[0] - b[0];
-        });
-        return res;
-    }
-    function setupCategoriesForAxis(series, axis, datapoints) {
-        if (series[axis].options.mode != "categories") return;
-        if (!series[axis].categories) {
-            var c = {},
-                o = series[axis].options.categories || {};
-            if ($.isArray(o)) {
-                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
-            } else {
-                for (var v in o) c[v] = o[v];
-            }
-            series[axis].categories = c;
-        }
-        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
-        transformPointsOnAxis(datapoints, axis, series[axis].categories);
-    }
-    function transformPointsOnAxis(datapoints, axis, categories) {
-        var points = datapoints.points,
-            ps = datapoints.pointsize,
-            format = datapoints.format,
-            formatColumn = axis.charAt(0),
-            index = getNextIndex(categories);
-        for (var i = 0; i < points.length; i += ps) {
-            if (points[i] == null) continue;
-            for (var m = 0; m < ps; ++m) {
-                var val = points[i + m];
-                if (val == null || !format[m][formatColumn]) continue;
-                if (!(val in categories)) {
-                    categories[val] = index;
-                    ++index;
-                }
-                points[i + m] = categories[val];
-            }
-        }
-    }
-    function processDatapoints(plot, series, datapoints) {
-        setupCategoriesForAxis(series, "xaxis", datapoints);
-        setupCategoriesForAxis(series, "yaxis", datapoints);
-    }
-    function init(plot) {
-        plot.hooks.processRawData.push(processRawData);
-        plot.hooks.processDatapoints.push(processDatapoints);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
+    function processRawData(plot, series, data, datapoints) {
+        var xCategories = series.xaxis.options.mode == "categories",
+            yCategories = series.yaxis.options.mode == "categories";
+        if (!(xCategories || yCategories)) return;
+        var format = datapoints.format;
+        if (!format) {
+            var s = series;
+            format = [];
+            format.push({ x: true, number: true, required: true });
+            format.push({ y: true, number: true, required: true });
+            if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                if (s.bars.horizontal) {
+                    delete format[format.length - 1].y;
+                    format[format.length - 1].x = true;
+                }
+            }
+            datapoints.format = format;
+        }
+        for (var m = 0; m < format.length; ++m) {
+            if (format[m].x && xCategories) format[m].number = false;
+            if (format[m].y && yCategories) format[m].number = false;
+        }
+    }
+    function getNextIndex(categories) {
+        var index = -1;
+        for (var v in categories) if (categories[v] > index) index = categories[v];
+        return index + 1;
+    }
+    function categoriesTickGenerator(axis) {
+        var res = [];
+        for (var label in axis.categories) {
+            var v = axis.categories[label];
+            if (v >= axis.min && v <= axis.max) res.push([v, label]);
+        }
+        res.sort(function (a, b) {
+            return a[0] - b[0];
+        });
+        return res;
+    }
+    function setupCategoriesForAxis(series, axis, datapoints) {
+        if (series[axis].options.mode != "categories") return;
+        if (!series[axis].categories) {
+            var c = {},
+                o = series[axis].options.categories || {};
+            if ($.isArray(o)) {
+                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
+            } else {
+                for (var v in o) c[v] = o[v];
+            }
+            series[axis].categories = c;
+        }
+        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
+        transformPointsOnAxis(datapoints, axis, series[axis].categories);
+    }
+    function transformPointsOnAxis(datapoints, axis, categories) {
+        var points = datapoints.points,
+            ps = datapoints.pointsize,
+            format = datapoints.format,
+            formatColumn = axis.charAt(0),
+            index = getNextIndex(categories);
+        for (var i = 0; i < points.length; i += ps) {
+            if (points[i] == null) continue;
+            for (var m = 0; m < ps; ++m) {
+                var val = points[i + m];
+                if (val == null || !format[m][formatColumn]) continue;
+                if (!(val in categories)) {
+                    categories[val] = index;
+                    ++index;
+                }
+                points[i + m] = categories[val];
+            }
+        }
+    }
+    function processDatapoints(plot, series, datapoints) {
+        setupCategoriesForAxis(series, "xaxis", datapoints);
+        setupCategoriesForAxis(series, "yaxis", datapoints);
+    }
+    function init(plot) {
+        plot.hooks.processRawData.push(processRawData);
+        plot.hooks.processDatapoints.push(processDatapoints);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
+})(jQuery);