lml-main
Version:
This is now a mono repository published into many standalone packages.
41 lines • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const react_redux_1 = require("react-redux");
const cosmo_redux_api_1 = require("@lml/cosmo-redux-api");
const cosmoui_1 = require("cosmoui");
const card_1 = require("./card");
const selectors_1 = require("../../frequencies/selectors");
const styles = require('./consolidations.scss');
class ConsolidationsComponent extends React.Component {
constructor() {
super(...arguments);
this.listStyle = { overflow: 'auto' };
}
componentDidMount() {
const frequencies = this.props.frequencies
.filter(f => !selectors_1.isFrequencyIdAuto(f));
this.props.fetchConsolidations(frequencies);
}
render() {
return (React.createElement(cosmoui_1.Column, null,
React.createElement(cosmoui_1.Row, { className: styles.consolidationHeader },
React.createElement("span", { style: { flexBasis: '12%' } }, "\u00A0Jobs"),
React.createElement("span", { style: { flexBasis: '16%' } }, "First Collection"),
React.createElement("span", { style: { flexBasis: '16%' } }, "Last Collection"),
React.createElement("span", { style: { flexBasis: '23%' } }, "Collection Window"),
React.createElement("span", { style: { flexBasis: '23%' } }, "Delivery Window"),
React.createElement("span", { style: { flexBasis: '10%' } }, "Items")),
React.createElement(cosmoui_1.Column, { style: this.listStyle }, Object.values(this.props.consolidations)
.map((c) => (React.createElement(card_1.ConsolidationCard, { key: c.id, consolidation: c }))))));
}
}
const mapStateToProps = (state, ownProps) => ({
consolidations: cosmo_redux_api_1.getConsolidations(state),
frequencies: selectors_1.getSelectedFrequencyLabels(state),
});
const mapActionsToProps = {
fetchConsolidations: cosmo_redux_api_1.fetchConsolidations,
};
exports.Consolidations = react_redux_1.connect(mapStateToProps, mapActionsToProps)(ConsolidationsComponent);
//# sourceMappingURL=consolidations.js.map