asab_webui_shell 25.1.1

package/dist/containers/Alerts/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AlertsComponent;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactstrap = require("reactstrap");
+var _actions = require("../../actions");
+var _reactI18next = require("react-i18next");
+require("./alerts.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function AlertsComponent(props) {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    seconds = _useState2[0],
+    setSeconds = _useState2[1];
+  var store = props.app.Store;
+  var alerts = (0, _reactRedux.useSelector)(function (state) {
+    return state.alerts.alerts;
+  });
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+
+  // Expire old alerts
+  (0, _react.useEffect)(function () {
+    // There is probably smarter way how to set interval to avoid speculative ticking
+    var interval = 1000;
+    var intervalId = setTimeout(function () {
+      setSeconds(function (seconds) {
+        return seconds + 1;
+      });
+      var now = new Date();
+      for (var i in alerts) {
+        var alert = alerts[i];
+        if (alert.expire < now) {
+          if (alert.acked) {
+            store.dispatch({
+              type: _actions.DEL_ALERT,
+              key: alert.key
+            });
+          } else {
+            store.dispatch({
+              type: _actions.ACK_ALERT,
+              key: alert.key
+            });
+          }
+        }
+      }
+    }, interval);
+    return function () {
+      clearInterval(intervalId);
+    };
+  }, [seconds]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "alerts"
+  }, alerts.map(function (alert) {
+    if (alert.component === null) {
+      return /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
+        key: alert.key,
+        color: alert.level,
+        className: "shadow alerts-style d-print-none",
+        fade: true,
+        isOpen: !alert.acked,
+        toggle: function toggle() {
+          return store.dispatch({
+            type: _actions.ACK_ALERT,
+            key: alert.key
+          });
+        }
+      }, alert.shouldBeTranslated ? t(alert.message) : alert.message);
+    } else {
+      return alert.component(alert, store);
+    }
+  }));
+}

package/dist/containers/Alerts/reducer.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = alertsReducer;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _actions = require("../../actions");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // Actions
+var initialState = {
+  alerts: []
+};
+function alertsReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.ADD_ALERT:
+      {
+        var expire = new Date();
+        expire.setSeconds(expire.getSeconds() + action.expire);
+        var newAlert = {
+          key: Math.floor(Math.random() * 65536),
+          message: action.message,
+          level: action.level,
+          expire: expire,
+          acked: false,
+          shouldBeTranslated: action.shouldBeTranslated,
+          component: action.component
+        };
+        return _objectSpread(_objectSpread({}, state), {}, {
+          alerts: [].concat((0, _toConsumableArray2["default"])(state.alerts), [newAlert])
+        });
+      }
+    case _actions.DEL_ALERT:
+      {
+        var newAlerts = (0, _toConsumableArray2["default"])(state.alerts);
+        for (var i = newAlerts.length - 1; i >= 0; i--) {
+          if (newAlerts[i].key === action.key) {
+            newAlerts.splice(i, 1);
+          }
+        }
+        return _objectSpread(_objectSpread({}, state), {}, {
+          alerts: newAlerts
+        });
+      }
+    case _actions.ACK_ALERT:
+      {
+        var _newAlerts = (0, _toConsumableArray2["default"])(state.alerts);
+        for (var i in _newAlerts) {
+          var alert = _newAlerts[i];
+          if (alert.key === action.key) {
+            // Prolong the longevity of acked alarm a little bit
+            alert.expire.setSeconds(alert.expire.getSeconds() + 3);
+            alert.acked = true;
+            break;
+          }
+        }
+        return _objectSpread(_objectSpread({}, state), {}, {
+          alerts: _newAlerts
+        });
+      }
+    default:
+      return state;
+  }
+}