@centreon/react-components/lib/MaterialComponents/Dialog/MassiveChange/Numbers/index.js

react components used by centreon web frontend

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireWildcard(require("react"));

var _ = _interopRequireDefault(require(".."));

var _InputField = _interopRequireDefault(require("../../../../InputField"));

function MassiveChangeNumbersDialog(_ref) {
  var _onYesClicked = _ref.onYesClicked,
      _ref$warningLabel = _ref.warningLabel,
      warningLabel = _ref$warningLabel === void 0 ? "Warning threshold" : _ref$warningLabel,
      _ref$criticalLabel = _ref.criticalLabel,
      criticalLabel = _ref$criticalLabel === void 0 ? "Critical threshold" : _ref$criticalLabel,
      rest = (0, _objectWithoutProperties2["default"])(_ref, ["onYesClicked", "warningLabel", "criticalLabel"]);

  var _useState = (0, _react.useState)(0),
      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
      warning = _useState2[0],
      setWarning = _useState2[1];

  var _useState3 = (0, _react.useState)(0),
      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
      critical = _useState4[0],
      setCritical = _useState4[1];

  var onWarningChanged = function onWarningChanged(_ref2) {
    var target = _ref2.target;

    if (target.value <= 100 && target.value >= 0) {
      setWarning(target.value);
    }
  };

  var onCriticalChanged = function onCriticalChanged(_ref3) {
    var target = _ref3.target;

    if (target.value <= 100 && target.value >= 0) {
      setCritical(target.value);
    }
  };

  return _react["default"].createElement("div", null, _react["default"].createElement(_["default"], (0, _extends2["default"])({
    onYesClicked: function onYesClicked() {
      _onYesClicked({
        critical: critical,
        warning: warning
      });
    }
  }, rest), _react["default"].createElement(_InputField["default"], {
    type: "number",
    label: warningLabel,
    onChange: onWarningChanged,
    name: "prompt-input",
    inputSize: "big",
    value: warning
  }), _react["default"].createElement(_InputField["default"], {
    type: "number",
    label: criticalLabel,
    onChange: onCriticalChanged,
    name: "prompt-input",
    inputSize: "big",
    value: critical
  })));
}

var _default = MassiveChangeNumbersDialog;
exports["default"] = _default;