@centreon/react-components/lib/Table/TableCustom/IndicatorsEditorRow.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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

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

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

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

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

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

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

var _InputFieldSelectTableCell = _interopRequireDefault(require("../../InputField/InputFieldSelectTableCell"));

var _InputFieldTableCell = _interopRequireDefault(require("../../InputField/InputFieldTableCell"));

var _StyledTableCell = _interopRequireDefault(require("./StyledTableCell2"));

var IndicatorsEditorRow =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(IndicatorsEditorRow, _Component);

  function IndicatorsEditorRow() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2["default"])(this, IndicatorsEditorRow);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(IndicatorsEditorRow)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onImpactChanged", function (value, key, event) {
      var _this$props = _this.props,
          onImpactEdit = _this$props.onImpactEdit,
          selected = _this$props.selected;
      var rowObject = selected.obj;

      if (key != 'type') {
        rowObject.impact.type = rowObject.impact.type ? rowObject.impact.type : 'word';
      }

      rowObject.impact[key] = value;
      onImpactEdit(event, rowObject, true);
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onImpactInputChanged", function (event, key) {
      var value = event.target.value;
      var _this$props2 = _this.props,
          onImpactEdit = _this$props2.onImpactEdit,
          selected = _this$props2.selected;
      var rowObject = selected.obj;
      rowObject.impact[key] = value;
      onImpactEdit(event, rowObject, true);
    });
    return _this;
  }

  (0, _createClass2["default"])(IndicatorsEditorRow, [{
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$props3 = this.props,
          row = _this$props3.row,
          index = _this$props3.index,
          impacts = _this$props3.impacts,
          selected = _this$props3.selected;
      var rowMode = selected.bool ? selected.obj.impact.type ? selected.obj.impact.type : 'word' : row.impact.type ? row.impact.type : 'word';
      return !selected.bool ? null : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, _react["default"].createElement(_InputFieldSelectTableCell["default"], {
        options: [{
          id: 'value',
          name: 'Value'
        }, {
          id: 'word',
          name: 'Words'
        }],
        active: "active",
        size: "extrasmall",
        disabled: !selected.bool,
        value: rowMode,
        onChange: function onChange(value, event) {
          _this2.onImpactChanged(value, 'type', event);
        }
      })), rowMode == 'word' ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, selected.obj.type != "B" ? _react["default"].createElement(_InputFieldSelectTableCell["default"], {
        options: impacts,
        value: selected.bool ? selected.obj.impact.warning ? selected.obj.impact.warning : 1 : row.impact.warning ? row.impact.warning : 1,
        isColored: true,
        size: "extrasmall",
        active: "active",
        disabled: !selected.bool,
        onChange: function onChange(value, event) {
          _this2.onImpactChanged(value, 'warning', event);
        }
      }) : null), _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, _react["default"].createElement(_InputFieldSelectTableCell["default"], {
        options: impacts,
        value: selected.bool ? selected.obj.impact.critical ? selected.obj.impact.critical : 1 : row.impact.critical ? row.impact.critical : 1,
        isColored: true,
        size: "extrasmall",
        active: "active",
        disabled: !selected.bool,
        onChange: function onChange(value, event) {
          _this2.onImpactChanged(value, 'critical', event);
        }
      })), _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, selected.obj.type != "B" ? _react["default"].createElement(_InputFieldSelectTableCell["default"], {
        options: impacts,
        value: selected.bool ? selected.obj.impact.unknown ? selected.obj.impact.unknown : 1 : row.impact.unknown ? row.impact.unknown : 1,
        isColored: true,
        size: "extrasmall",
        active: "active",
        disabled: !selected.bool,
        onChange: function onChange(value, event) {
          _this2.onImpactChanged(value, 'unknown', event);
        }
      }) : null)) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, _react["default"].createElement(_InputFieldTableCell["default"], {
        value: selected.bool ? selected.obj.impact.warning : row.impact.warning,
        inputSize: "extrasmall",
        disabled: !selected.bool,
        onChange: function onChange(event) {
          _this2.onImpactInputChanged(event, 'warning');
        }
      })), _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, _react["default"].createElement(_InputFieldTableCell["default"], {
        value: selected.bool ? selected.obj.impact.critical : row.impact.critical,
        inputSize: "extrasmall",
        disabled: !selected.bool,
        onChange: function onChange(event) {
          _this2.onImpactInputChanged(event, 'critical');
        }
      })), _react["default"].createElement(_StyledTableCell["default"], {
        align: "left",
        style: {
          padding: '3px 4px'
        }
      }, _react["default"].createElement(_InputFieldTableCell["default"], {
        value: selected.bool ? selected.obj.impact.unknown : row.impact.unknown,
        inputSize: "extrasmall",
        disabled: !selected.bool,
        onChange: function onChange(event) {
          _this2.onImpactInputChanged(event, 'unknown');
        }
      }))));
    }
  }]);
  return IndicatorsEditorRow;
}(_react.Component);

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