@centreon/react-components
Version:
react components used by centreon web frontend
103 lines (83 loc) • 5.27 kB
JavaScript
"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 _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _listSortable = _interopRequireDefault(require("./list-sortable.scss"));
var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
var _InputFieldMultiSelect = _interopRequireDefault(require("../../InputField/InputFieldMultiSelect"));
var _ = require("../..");
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prefer-stateless-function */
/* eslint-disable import/no-named-as-default */
var ListSortable =
/*#__PURE__*/
function (_Component) {
(0, _inherits2["default"])(ListSortable, _Component);
function ListSortable() {
(0, _classCallCheck2["default"])(this, ListSortable);
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ListSortable).apply(this, arguments));
}
(0, _createClass2["default"])(ListSortable, [{
key: "render",
value: function render() {
return _react["default"].createElement("table", {
className: (0, _classnames["default"])(_listSortable["default"].list, _listSortable["default"]['list-sortable'])
}, _react["default"].createElement("thead", null, _react["default"].createElement("tr", null, _react["default"].createElement("th", {
scope: "col"
}, "INDICATORS"), _react["default"].createElement("th", {
scope: "col"
}, "TYPE"), _react["default"].createElement("th", {
scope: "col"
}, "DEFINE IMPACT"), _react["default"].createElement("th", {
scope: "col"
}, "WARNING"), _react["default"].createElement("th", {
scope: "col"
}, "CRITICAL"), _react["default"].createElement("th", {
scope: "col"
}, "UNKOWN"))), _react["default"].createElement("tbody", null, _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Lorem Ipsum dolor sit amet",
name: "all-hosts",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, "Type 1"), _react["default"].createElement("td", null, _react["default"].createElement(_.SwitcherMode, null)), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Lorem Ipsum dolor sit amet",
name: "all-hosts",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, "Type 2"), _react["default"].createElement("td", null, _react["default"].createElement(_.SwitcherMode, null)), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Lorem Ipsum dolor sit amet",
name: "all-hosts",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, "Type 3"), _react["default"].createElement("td", null, _react["default"].createElement(_.SwitcherMode, null)), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldMultiSelect["default"], {
size: "small"
})))));
}
}]);
return ListSortable;
}(_react.Component);
var _default = ListSortable;
exports["default"] = _default;