big-scheduler
Version:
Big scheduler is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-a
53 lines (52 loc) • 2.72 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function AgendaView(props) {
var schedulerData = props.schedulerData;
var config = schedulerData.config,
renderData = schedulerData.renderData;
var agendaResourceTableWidth = schedulerData.getResourceTableWidth();
var tableHeaderHeight = schedulerData.getTableHeaderHeight();
var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
var agendaViewHeader = config.agendaViewHeader;
var resourceEventsList = renderData.map(function (item) {
return /*#__PURE__*/_react["default"].createElement(_AgendaResourceEvents["default"], _extends({}, props, {
resourceEvents: item,
key: item.slotId
}));
});
return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("table", {
className: "scheduler-table"
}, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
style: {
height: tableHeaderHeight
}
}, /*#__PURE__*/_react["default"].createElement("th", {
style: {
width: agendaResourceTableWidth
},
className: "header3-text"
}, resourceName), /*#__PURE__*/_react["default"].createElement("th", {
className: "header3-text"
}, agendaViewHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))));
}
AgendaView.propTypes = {
schedulerData: _propTypes["default"].object.isRequired,
subtitleGetter: _propTypes["default"].func,
eventItemClick: _propTypes["default"].func,
eventContextMenuOpen: _propTypes["default"].func,
viewEventClick: _propTypes["default"].func,
viewEventText: _propTypes["default"].string,
viewEvent2Click: _propTypes["default"].func,
viewEvent2Text: _propTypes["default"].string,
slotClickedFunc: _propTypes["default"].func
};
var _default = exports["default"] = AgendaView;
//# sourceMappingURL=AgendaView.js.map