|
- {"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Queries/RevisionHistory/revisionECO.tsx\";\nimport React, { Component } from \"react\";\nimport { Card, CardBody, Col, Container, Row, CardHeader } from \"reactstrap\";\nimport FormRow from \"../../../shared/components/form/FormRow\";\nimport BOMTableSet from \"../../../shared/components/form/BOMTableSet\";\nimport PrintButton from \"../../../shared/components/PrintButton\";\nimport { FACMessage } from \"../../../shared/components/FACMessage/FACMessage\"; //Mock Data\n\nimport { formData1, formData2, formData5, bomData } from '../../../shared/components/mockdata/revisionECOMockData';\nimport { SubmissionButtonsGroup } from \"../../../shared/components/SubmissionButtonsGroup/SubmissionButtonsGroup\";\n\nvar revisionECOForm = /*#__PURE__*/function (_Component) {\n _inherits(revisionECOForm, _Component);\n\n function revisionECOForm(props) {\n var _this;\n\n _classCallCheck(this, revisionECOForm);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(revisionECOForm).call(this, props));\n\n _this.approvalMessage = function () {\n alert('The item has been updated');\n };\n\n _this.rejectionMessage = function () {\n alert('The item has been rejected');\n };\n\n _this.handleNewRowChange = function (e) {};\n\n _this.changeStatus = function (newStatus) {\n _this.setState({\n formStatus: newStatus\n });\n };\n\n _this.toggleSubmitButton = function () {\n alert('change');\n var newState = !_this.state.reviewRequired;\n\n _this.setState({\n reviewRequired: newState\n });\n };\n\n _this.state = {\n formStatus: 'read',\n reviewRequired: false,\n partNum: _this.props.match.params.id,\n newRow: {\n old: '',\n new: '',\n partNumber: '',\n partDescription: ''\n }\n };\n return _this;\n }\n\n _createClass(revisionECOForm, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var formStatus = this.state.formStatus;\n var formStatusAlert;\n var formDisabled = true;\n var editButton; //TODO: Should formDisabled be read from state/props?\n\n if (formStatus == 'read') {\n formStatusAlert = /*#__PURE__*/React.createElement(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 25\n }\n });\n editButton = /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"btn btn-primary heading-button\",\n onClick: function onClick() {\n return _this2.changeStatus('edit');\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 20\n }\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"lnr lnr-pencil\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 127\n }\n }), \" \\xA0 Edit\");\n formDisabled = true;\n } else if (formStatus == 'edit') {\n formStatusAlert = /*#__PURE__*/React.createElement(\"div\", {\n className: \"change-status editing\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 25\n }\n }, \"Currently Editing\");\n editButton = /*#__PURE__*/React.createElement(\"button\", {\n type: \"submit\",\n className: \"btn btn-primary heading-button\",\n disabled: true,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 20\n }\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"lnr lnr-pencil\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 94\n }\n }), \" \\xA0 Edit\");\n formDisabled = false;\n } else if (formStatus == 'review') {\n formStatusAlert = /*#__PURE__*/React.createElement(FACMessage, {\n approvalMessage: this.approvalMessage,\n rejectionMessage: this.rejectionMessage,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 25\n }\n });\n editButton = /*#__PURE__*/React.createElement(\"span\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 20\n }\n });\n formDisabled = true;\n }\n\n return /*#__PURE__*/React.createElement(Container, {\n className: \"dashboard\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 7\n }\n }, /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(Col, {\n md: 8,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 11\n }\n }, /*#__PURE__*/React.createElement(\"h3\", {\n className: \"page-title\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 13\n }\n }, \"Engineering Change Order \", /*#__PURE__*/React.createElement(\"span\", {\n className: \"lnr lnr-chevron-right\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 65\n }\n }), \" Revision History \", /*#__PURE__*/React.createElement(\"span\", {\n className: \"lnr lnr-chevron-right\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 131\n }\n }), \" \", this.state.partNum)), /*#__PURE__*/React.createElement(Col, {\n md: 4,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 11\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"text-right\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 13\n }\n }, editButton, /*#__PURE__*/React.createElement(PrintButton, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 15\n }\n })))), /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(Col, {\n md: 12,\n lg: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 11\n }\n }, formStatusAlert, /*#__PURE__*/React.createElement(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(CardHeader, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 15\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"eco-heading\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 109,\n columnNumber: 19\n }\n }, \"RPM Part Number: \", /*#__PURE__*/React.createElement(\"b\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 38\n }\n }, this.state.partNum)), /*#__PURE__*/React.createElement(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 19\n }\n }, \"ERN: \", /*#__PURE__*/React.createElement(\"a\", {\n href: \"#\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 26\n }\n }, \"8\")), /*#__PURE__*/React.createElement(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 115,\n columnNumber: 19\n }\n }, \"D-Spec ID: \", /*#__PURE__*/React.createElement(\"b\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 116,\n columnNumber: 32\n }\n }, \"104400\")))), /*#__PURE__*/React.createElement(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 15\n }\n }, /*#__PURE__*/React.createElement(FormRow, {\n formDirection: \"horizontal\",\n formLayout: \"third\",\n formData: formData1,\n formDisabled: formDisabled,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 17\n }\n }))), /*#__PURE__*/React.createElement(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(CardHeader, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 15\n }\n }, \"Bill of Materials\"), /*#__PURE__*/React.createElement(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 15\n }\n }, /*#__PURE__*/React.createElement(BOMTableSet, {\n handleNewRowChange: this.handleNewRowChange,\n emptyBomRow: this.state.newRow,\n formStatus: formStatus,\n formDisabled: formDisabled,\n bomData: bomData,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 17\n }\n }))), /*#__PURE__*/React.createElement(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 140,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(CardHeader, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 141,\n columnNumber: 15\n }\n }, \"Additional Information\"), /*#__PURE__*/React.createElement(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 144,\n columnNumber: 15\n }\n }, /*#__PURE__*/React.createElement(FormRow, {\n formDirection: \"vertical\",\n formLayout: \"third\",\n formData: formData5,\n formDisabled: formDisabled,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 145,\n columnNumber: 17\n }\n }), /*#__PURE__*/React.createElement(\"br\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 145,\n columnNumber: 129\n }\n }), \"\\xA0\", /*#__PURE__*/React.createElement(FormRow, {\n formDirection: \"horizontal\",\n formLayout: \"third\",\n formData: formData2,\n formDisabled: formDisabled,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 146,\n columnNumber: 19\n }\n }))), formStatus == 'edit' && /*#__PURE__*/React.createElement(SubmissionButtonsGroup, {\n reviewRequired: this.state.reviewRequired,\n toggleFACRequirement: this.toggleSubmitButton,\n changeFormStatus: this.changeStatus,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 150,\n columnNumber: 38\n }\n }))));\n }\n }]);\n\n return revisionECOForm;\n}(Component);\n\nexport default revisionECOForm; // export default reduxForm({\n// form: \"vertical_form_layout_half\" // a unique identifier for this form\n// })(VerticalFormHalf);","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Queries/RevisionHistory/revisionECO.tsx"],"names":["React","Component","Card","CardBody","Col","Container","Row","CardHeader","FormRow","BOMTableSet","PrintButton","FACMessage","formData1","formData2","formData5","bomData","SubmissionButtonsGroup","revisionECOForm","props","approvalMessage","alert","rejectionMessage","handleNewRowChange","e","changeStatus","newStatus","setState","formStatus","toggleSubmitButton","newState","state","reviewRequired","partNum","match","params","id","newRow","old","new","partNumber","partDescription","formStatusAlert","formDisabled","editButton"],"mappings":"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","sourcesContent":["import React, { PureComponent, Component } from \"react\";\nimport { Card, CardBody, Col, Container, Row, Button, ButtonToolbar, CardHeader } from \"reactstrap\";\nimport FormRow from \"../../../shared/components/form/FormRow\";\nimport BOMTable from \"../../../shared/components/form/BOMTable\"\nimport BOMTableSet from \"../../../shared/components/form/BOMTableSet\"\nimport PrintButton from \"../../../shared/components/PrintButton\";\nimport { FACMessage } from \"../../../shared/components/FACMessage/FACMessage\";\n\n//Mock Data\nimport {\n formData1,\n formData2,\n formData5,\n bomData\n} from '../../../shared/components/mockdata/revisionECOMockData'\nimport { SubmissionButtonsGroup } from \"../../../shared/components/SubmissionButtonsGroup/SubmissionButtonsGroup\";\n\n\ninterface ECOFormProps {\n match: any,\n}\ninterface ECOFormState {\n formStatus: string,\n reviewRequired: boolean,\n partNum: any,\n newRow: any,\n}\n\nclass revisionECOForm extends Component<ECOFormProps, ECOFormState> {\n\n constructor(props: ECOFormProps) {\n super(props);\n this.state = {\n formStatus: 'read',\n reviewRequired: false,\n partNum: this.props.match.params.id,\n newRow: {\n old: '',\n new: '',\n partNumber: '',\n partDescription: ''\n },\n };\n }\n\n approvalMessage = () => {\n alert('The item has been updated')\n }\n rejectionMessage = () => {\n alert('The item has been rejected')\n }\n handleNewRowChange = (e: any) => {\n\n }\n\n changeStatus = (newStatus: string) => {\n this.setState({ formStatus: newStatus });\n }\n\n toggleSubmitButton = () => {\n alert('change');\n const newState = !this.state.reviewRequired;\n this.setState({ reviewRequired: newState });\n }\n\n render() {\n const { formStatus } = this.state;\n let formStatusAlert;\n let formDisabled: boolean = true;\n let editButton;\n\n //TODO: Should formDisabled be read from state/props?\n if (formStatus == 'read') {\n formStatusAlert = <div></div>;\n editButton = <button type=\"submit\" className=\"btn btn-primary heading-button\" onClick={() => this.changeStatus('edit')}><span className=\"lnr lnr-pencil\"></span> Edit</button>;\n formDisabled = true;\n } else if (formStatus == 'edit') {\n formStatusAlert = <div className=\"change-status editing\">Currently Editing</div>;\n editButton = <button type=\"submit\" className=\"btn btn-primary heading-button\" disabled><span className=\"lnr lnr-pencil\"></span> Edit</button>;\n formDisabled = false;\n } else if (formStatus == 'review') {\n formStatusAlert = <FACMessage approvalMessage={this.approvalMessage} rejectionMessage={this.rejectionMessage} />\n editButton = <span />;\n formDisabled = true;\n }\n\n\n return (\n <Container className=\"dashboard\">\n <Row>\n <Col md={8}>\n <h3 className=\"page-title\">Engineering Change Order <span className=\"lnr lnr-chevron-right\"></span> Revision History <span className=\"lnr lnr-chevron-right\"></span> {this.state.partNum}</h3>\n </Col>\n <Col md={4}>\n <div className=\"text-right\">\n {editButton}\n <PrintButton />\n </div>\n </Col>\n </Row>\n <Row>\n <Col md={12} lg={12}>\n\n {formStatusAlert}\n\n <Card>\n <CardHeader>\n <div className=\"eco-heading\">\n <div>\n RPM Part Number: <b>{this.state.partNum}</b>\n </div>\n <div>\n ERN: <a href=\"#\">8</a>\n </div>\n <div>\n D-Spec ID: <b>104400</b>\n </div>\n </div>\n </CardHeader>\n <CardBody>\n <FormRow formDirection=\"horizontal\" formLayout=\"third\" formData={formData1} formDisabled={formDisabled}></FormRow>\n </CardBody>\n </Card>\n\n <Card>\n <CardHeader>\n Bill of Materials\n </CardHeader>\n <CardBody>\n <BOMTableSet\n handleNewRowChange={this.handleNewRowChange}\n emptyBomRow={this.state.newRow}\n formStatus={formStatus}\n formDisabled={formDisabled}\n bomData={bomData}\n />\n </CardBody>\n </Card>\n\n <Card>\n <CardHeader>\n Additional Information\n </CardHeader>\n <CardBody>\n <FormRow formDirection=\"vertical\" formLayout=\"third\" formData={formData5} formDisabled={formDisabled}></FormRow><br /> \n <FormRow formDirection=\"horizontal\" formLayout=\"third\" formData={formData2} formDisabled={formDisabled}></FormRow>\n </CardBody>\n </Card>\n\n {formStatus == 'edit' && <SubmissionButtonsGroup\n reviewRequired={this.state.reviewRequired}\n toggleFACRequirement={this.toggleSubmitButton}\n changeFormStatus={this.changeStatus}\n />\n }\n </Col>\n </Row>\n </Container>\n );\n }\n}\n\nexport default revisionECOForm;\n\n// export default reduxForm({\n// form: \"vertical_form_layout_half\" // a unique identifier for this form\n// })(VerticalFormHalf);\n"]},"metadata":{},"sourceType":"module"}
|