lml-main
Version:
This is now a mono repository published into many standalone packages.
40 lines • 2.09 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 actions_1 = require("../../../jobs/actions");
const forms_1 = require("../forms");
const constants_1 = require("../../../jobs/constants");
const job_incident_bar_1 = require("./job-incident-bar");
const cosmoui_1 = require("cosmoui");
const styles = require('./job-incident-details.scss');
class JobIncidentDetailComponent extends cosmoui_1.StylableComponent {
constructor() {
super(...arguments);
this.onSubmit = (formData) => {
// console.log('SUBMIT JOB EXCEPTION FORM', this)
this.props.submitJobIncidentForm(this.props.job.refId, formData.impact.value, formData.reason.value, formData.comment.value);
};
this.onDelete = (incidentId) => (e) => {
e.preventDefault();
this.props.submitDeleteJobIncidentForm(this.props.job.refId, incidentId);
};
}
render() {
return (React.createElement(cosmoui_1.Form, { name: constants_1.JOB_INCIDENT_FORM_KEY, onSubmit: this.onSubmit },
React.createElement(job_incident_bar_1.JobIncidentBar, { incidents: this.props.incidents }),
React.createElement(cosmoui_1.Row, { style: { marginTop: this.margin(300) } },
React.createElement(forms_1.JobIncidentForm, { horizontal: true }),
React.createElement(cosmoui_1.SaveButton, { id: `${constants_1.JOB_INCIDENT_FORM_KEY}-save`, className: styles.submit }, "save"))));
}
}
const mapStateToProps = (state, ownProps) => ({
incidents: cosmo_redux_api_1.getJobIncidents(state, ownProps.job.refId),
});
const mapActionsToProps = {
submitJobIncidentForm: actions_1.submitJobIncidentForm,
submitDeleteJobIncidentForm: actions_1.submitDeleteJobIncidentForm,
};
exports.JobIncidentDetail = react_redux_1.connect(mapStateToProps, mapActionsToProps)(JobIncidentDetailComponent);
//# sourceMappingURL=job-incident-details.js.map