lml-main/packages/core-ui/dist/jobs/components/modals/job-cancel-modal.js

This is now a mono repository published into many standalone packages.

"use strict";
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 forms_1 = require("../forms");
const actions_1 = require("../../../jobs/actions");
const constants_1 = require("../../../jobs/constants");
const styles = require('./job-cancel.scss');
class JobCancelModalComponent extends React.Component {
    constructor() {
        super(...arguments);
        this.onSubmit = (formData) => {
            const { job } = this.props;
            this.props.deleteJob(job.refId);
            if (formData.impact.value && formData.reason.value) {
                this.props.submitJobIncidentForm(job.refId, formData.impact.value, formData.reason.value, formData.comment.value);
            }
        };
        this.handleClose = () => {
            const { closeModal, currentModal } = this.props;
            closeModal(currentModal.modalType);
        };
    }
    render() {
        const { job } = this.props;
        return (React.createElement(cosmoui_1.Modal, { closeButton: true, className: styles.modalContainer },
            React.createElement(cosmoui_1.Form, { name: constants_1.JOB_CANCEL_FORM_KEY, onSubmit: this.onSubmit },
                React.createElement(cosmoui_1.Row, { align: "flex-start", className: styles.container },
                    React.createElement(cosmoui_1.Column, { className: styles.iconColumn },
                        React.createElement(cosmoui_1.Icon, { icon: "Info", className: styles.icon, size: 40 })),
                    React.createElement(cosmoui_1.Column, { className: styles.mainColumn },
                        React.createElement(cosmoui_1.Header, { className: styles.headerText },
                            "Are you sure you want to ",
                            React.createElement("strong", null, "cancel this job"),
                            "?"),
                        React.createElement(forms_1.JobIncidentForm, { defaultReasonCode: "03", required: false }))),
                React.createElement(cosmoui_1.ButtonBar, null,
                    React.createElement(cosmoui_1.Button, { id: `job-form-cancel-confirm`, type: "submit" }, "Confirm"),
                    React.createElement(cosmoui_1.Button, { id: `job-form-cancel-cancel`, onClick: this.handleClose }, "Cancel")))));
    }
}
const mapStateToProps = (state, ownProps) => ({
    job: cosmo_redux_api_1.getJobById(state, ownProps.currentModal.modalProps.refId),
});
const mapActionsToProps = {
    deleteJob: cosmo_redux_api_1.deleteJob,
    submitJobIncidentForm: actions_1.submitJobIncidentForm,
};
exports.JobCancelModal = react_redux_1.connect(mapStateToProps, mapActionsToProps)(JobCancelModalComponent);
//# sourceMappingURL=job-cancel-modal.js.map