@centreon/react-components/lib/ExtensionDeletePopup/index.js

react components used by centreon web frontend

"use strict";

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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

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

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

var _classnames = _interopRequireDefault(require("classnames"));

var _popup = _interopRequireDefault(require("../Popup/popup.scss"));

var _Popup = _interopRequireDefault(require("../Popup"));

var _Title = _interopRequireDefault(require("../Title"));

var _MessageInfo = _interopRequireDefault(require("../Message/MessageInfo"));

var _ButtonRegular = _interopRequireDefault(require("../Button/ButtonRegular"));

var _IconClose = _interopRequireDefault(require("../Icon/IconClose"));

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable react/prop-types */

/* eslint-disable react/prefer-stateless-function */
var ExtensionDeletePopup =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2["default"])(ExtensionDeletePopup, _React$Component);

  function ExtensionDeletePopup() {
    (0, _classCallCheck2["default"])(this, ExtensionDeletePopup);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ExtensionDeletePopup).apply(this, arguments));
  }

  (0, _createClass2["default"])(ExtensionDeletePopup, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          deletingEntity = _this$props.deletingEntity,
          onConfirm = _this$props.onConfirm,
          onCancel = _this$props.onCancel;
      return _react["default"].createElement(_Popup["default"], {
        popupType: "small"
      }, _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-header'])
      }, _react["default"].createElement(_Title["default"], {
        label: deletingEntity.description
      })), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-body'])
      }, _react["default"].createElement(_MessageInfo["default"], {
        messageInfo: "red",
        text: "Do you want to delete this extension? This action will remove all associated data."
      })), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-footer'])
      }, _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"].container__row)
      }, _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['container__col-xs-6'])
      }, _react["default"].createElement(_ButtonRegular["default"], {
        label: "Delete",
        buttonType: "regular",
        color: "red",
        onClick: function onClick(e) {
          e.preventDefault();
          e.stopPropagation();
          onConfirm(deletingEntity.id, deletingEntity.type);
        }
      })), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['container__col-xs-6'], ['text-left'])
      }, _react["default"].createElement(_ButtonRegular["default"], {
        label: "Cancel",
        buttonType: "regular",
        color: "gray",
        onClick: function onClick(e) {
          e.preventDefault();
          e.stopPropagation();
          onCancel();
        }
      })))), _react["default"].createElement(_IconClose["default"], {
        iconPosition: "icon-close-position-middle",
        iconType: "middle",
        onClick: function onClick(e) {
          e.preventDefault();
          e.stopPropagation();
          onCancel();
        }
      }));
    }
  }]);
  return ExtensionDeletePopup;
}(_react["default"].Component);

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