lml-main
Version:
This is now a mono repository published into many standalone packages.
37 lines • 1.85 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_redux_1 = require("react-redux");
const cosmoui_1 = require("cosmoui");
const job_row_1 = require("./job-row");
class JobTableComponent extends React.Component {
constructor() {
super(...arguments);
this.renderRows = () => this.props.jobs.map(j => React.createElement(job_row_1.JobRow, { key: j.refId, refId: j.refId }));
this.tableStyles = () => ({
width: '100%',
});
this.headerStyles = () => ({
verticalAlign: 'middle',
borderLeft: 'none',
borderRight: 'none',
});
}
render() {
return (React.createElement(cosmoui_1.Table, { hover: true, condensed: true, id: "find-jobs-table" },
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", { style: this.headerStyles() }, "FREQ"),
React.createElement("th", { style: this.headerStyles() }, "DATE"),
React.createElement("th", { style: this.headerStyles() }, "JOB NO"),
React.createElement("th", { style: this.headerStyles() }, "CUSTOMER"),
React.createElement("th", { style: this.headerStyles() }, "COLLECT(ed) FROM"),
React.createElement("th", { style: this.headerStyles() }, "DELIVER(ed) TO"),
React.createElement("th", { style: this.headerStyles() }, "JOB STATUS"))),
React.createElement("tbody", null, this.renderRows())));
}
}
const mapStateToProps = (state, ownProps) => ({});
const mapDispatchToProps = {};
exports.JobTable = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(JobTableComponent);
//# sourceMappingURL=job-table.js.map