@centreon/react-components/lib/ExtensionDetailsPopup/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 _Loader = _interopRequireDefault(require("../Loader"));

var _SliderContent = _interopRequireDefault(require("../Slider/SliderContent"));

var _IconContent = _interopRequireDefault(require("../Icon/IconContent"));

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

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

var _HorizontalLineRegular = _interopRequireDefault(require("../HorizontalLines/HorizontalLineRegular"));

var _Description = _interopRequireDefault(require("../Description"));

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

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

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

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

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

  (0, _createClass2["default"])(ExtensionDetailPopup, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          type = _this$props.type,
          onCloseClicked = _this$props.onCloseClicked,
          modalDetails = _this$props.modalDetails,
          onDeleteClicked = _this$props.onDeleteClicked,
          onUpdateClicked = _this$props.onUpdateClicked,
          onInstallClicked = _this$props.onInstallClicked,
          loading = _this$props.loading;

      if (modalDetails === null) {
        return null;
      }

      return _react["default"].createElement(_Popup["default"], {
        popupType: "big"
      }, loading ? _react["default"].createElement(_Loader["default"], {
        fullContent: true
      }) : null, _react["default"].createElement(_SliderContent["default"], {
        type: type,
        images: modalDetails.images || []
      }, modalDetails.version.installed && modalDetails.version.outdated ? _react["default"].createElement(_IconContent["default"], {
        customClass: "content-icon-popup-wrapper",
        iconContentType: "update",
        iconContentColor: "orange",
        onClick: function onClick() {
          onUpdateClicked(modalDetails.id, modalDetails.type);
        }
      }) : null, modalDetails.version.installed ? _react["default"].createElement(_IconContent["default"], {
        customClass: "content-icon-popup-wrapper",
        iconContentType: "delete",
        iconContentColor: "red",
        onClick: function onClick() {
          onDeleteClicked(modalDetails.id, modalDetails.type);
        }
      }) : _react["default"].createElement(_IconContent["default"], {
        customClass: "content-icon-popup-wrapper",
        iconContentType: "add",
        iconContentColor: "green",
        onClick: function onClick() {
          onInstallClicked(modalDetails.id, modalDetails.type);
        }
      })), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-header'])
      }, _react["default"].createElement(_Title["default"], {
        label: modalDetails.title
      }), _react["default"].createElement(_ButtonRegular["default"], {
        style: {
          cursor: 'default'
        },
        label: (!modalDetails.version.installed ? 'Available ' : '') + modalDetails.version.available,
        buttonType: "regular",
        color: "blue"
      }), _react["default"].createElement(_ButtonRegular["default"], {
        label: modalDetails.stability,
        buttonType: "bordered",
        color: "gray",
        style: {
          margin: '15px',
          cursor: 'default'
        }
      })), _react["default"].createElement(_HorizontalLineRegular["default"], null), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-body'])
      }, modalDetails.last_update ? _react["default"].createElement(_Description["default"], {
        date: "Last update ".concat(modalDetails.last_update)
      }) : null, _react["default"].createElement(_Description["default"], {
        title: "Description:"
      }), _react["default"].createElement(_Description["default"], {
        text: modalDetails.description
      })), _react["default"].createElement(_HorizontalLineRegular["default"], null), _react["default"].createElement("div", {
        className: (0, _classnames["default"])(_popup["default"]['popup-footer'])
      }, _react["default"].createElement(_Description["default"], {
        note: modalDetails.release_note,
        link: true
      })), _react["default"].createElement(_IconClose["default"], {
        iconPosition: "icon-close-position-big",
        iconType: "big",
        onClick: onCloseClicked
      }));
    }
  }]);
  return ExtensionDetailPopup;
}(_react["default"].Component);

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