@centreon/react-components
Version:
react components used by centreon web frontend
177 lines (156 loc) • 10 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 _tableDynamic = _interopRequireDefault(require("./table-dynamic.scss"));
var _InputFieldSelect = _interopRequireDefault(require("../../InputField/InputFieldSelect"));
var _Checkbox = _interopRequireDefault(require("../../Checkbox"));
var _SearchLive = _interopRequireDefault(require("../../Search/SearchLive"));
var _ScrollBar = _interopRequireDefault(require("../../ScrollBar"));
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prefer-stateless-function */
/* eslint-disable import/no-named-as-default */
var TableDynamic =
/*#__PURE__*/
function (_Component) {
(0, _inherits2["default"])(TableDynamic, _Component);
function TableDynamic() {
(0, _classCallCheck2["default"])(this, TableDynamic);
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TableDynamic).apply(this, arguments));
}
(0, _createClass2["default"])(TableDynamic, [{
key: "render",
value: function render() {
return _react["default"].createElement("table", {
className: (0, _classnames["default"])(_tableDynamic["default"]['table-dynamic'])
}, _react["default"].createElement("thead", null, _react["default"].createElement("tr", null, _react["default"].createElement("th", {
scope: (0, _classnames["default"])(_tableDynamic["default"].col)
}, _react["default"].createElement("div", {
className: (0, _classnames["default"])(_tableDynamic["default"].container__row)
}, _react["default"].createElement("div", {
className: (0, _classnames["default"])(_tableDynamic["default"]['container__col-md-3'], _tableDynamic["default"]['center-vertical'], _tableDynamic["default"]['ml-1'])
}, _react["default"].createElement(_Checkbox["default"], {
label: "ALL HOSTS",
name: "all-hosts",
iconColor: "white"
})), _react["default"].createElement("div", {
className: (0, _classnames["default"])(_tableDynamic["default"]['container__col-md-6'], _tableDynamic["default"]['center-vertical'])
}, _react["default"].createElement(_SearchLive["default"], null)))), _react["default"].createElement("th", {
scope: "col"
}, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
})))), _react["default"].createElement("tbody", null, _react["default"].createElement(_ScrollBar["default"], {
scrollType: "big"
}, _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))), _react["default"].createElement("tr", null, _react["default"].createElement("td", null, _react["default"].createElement(_Checkbox["default"], {
label: "Host 1 lorem ipsum dolor sit amet",
name: "host1",
iconColor: "light-blue"
})), _react["default"].createElement("td", null, _react["default"].createElement(_InputFieldSelect["default"], {
customClass: "medium"
}))))));
}
}]);
return TableDynamic;
}(_react.Component);
var _default = TableDynamic;
exports["default"] = _default;