|
- {"ast":null,"code":"import _regeneratorRuntime from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _asyncToGenerator from \"/Users/michielcarman/Projects/React Access/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _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/Dspecs/Motor/MotorList.tsx\";\nimport React, { Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport { MotorHeaderObjects } from '../../../shared/components/TableHeaderObjects';\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable';\nimport axios from 'axios';\n\nvar MotorList = /*#__PURE__*/function (_Component) {\n _inherits(MotorList, _Component);\n\n function MotorList(props) {\n var _this;\n\n _classCallCheck(this, MotorList);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(MotorList).call(this, props));\n _this.getAll = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var _this$state$paginatio, size, i, MotorList;\n\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _this$state$paginatio = _this.state.pagination, size = _this$state$paginatio.size, i = _this$state$paginatio.i;\n _context.next = 3;\n return axios.get(\"/api/designspec/motorlist/?size=1000000&i=\".concat(i)).then(function (res) {\n return MotorList = res.data.items.records;\n }).catch(function (err) {\n return console.error(err);\n });\n\n case 3:\n _this.setState({\n isLoading: false,\n tableData: {\n heads: MotorHeaderObjects,\n rows: MotorList\n }\n });\n\n case 4:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n _this.state = {\n isLoading: true,\n tableData: {\n heads: MotorHeaderObjects,\n rows: []\n },\n pagination: {\n size: 1000,\n i: 0\n }\n };\n return _this;\n }\n\n _createClass(MotorList, [{\n key: \"componentDidMount\",\n value: function () {\n var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {\n var _this$state$paginatio2, size, i, MotorList;\n\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _this$state$paginatio2 = this.state.pagination, size = _this$state$paginatio2.size, i = _this$state$paginatio2.i;\n _context2.next = 3;\n return axios.get(\"/api/designspec/motorlist/?size=\".concat(size, \"&i=\").concat(i)).then(function (res) {\n return MotorList = res.data.items.records;\n }).catch(function (err) {\n return console.error(err);\n });\n\n case 3:\n this.setState({\n isLoading: false,\n tableData: {\n heads: MotorHeaderObjects,\n rows: MotorList\n }\n });\n\n case 4:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n }));\n\n function componentDidMount() {\n return _componentDidMount.apply(this, arguments);\n }\n\n return componentDidMount;\n }()\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n return /*#__PURE__*/React.createElement(Container, {\n className: \"dashboard\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Col, {\n md: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h3\", {\n className: \"page-title\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 25\n }\n }, \"D-Specs \", /*#__PURE__*/React.createElement(\"span\", {\n className: \"lnr lnr-chevron-right\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 60\n }\n }), \" Motor\"))), /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Col, {\n md: 12,\n lg: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(\"button\", {\n onClick: function onClick() {\n return _this2.getAll();\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 33\n }\n }, \"GETALL\"), /*#__PURE__*/React.createElement(RPMTable, {\n heads: this.state.tableData.heads,\n rows: this.state.tableData.rows,\n tableType: \"motor\",\n isLoading: this.state.isLoading,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 33\n }\n }))))));\n }\n }]);\n\n return MotorList;\n}(Component);\n\nexport { MotorList as default };","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/ClientApp/src/containers/Dspecs/Motor/MotorList.tsx"],"names":["React","Component","Card","CardBody","Col","Container","Row","MotorHeaderObjects","RPMTable","axios","MotorList","props","getAll","state","pagination","size","i","get","then","res","data","items","records","catch","err","console","error","setState","isLoading","tableData","heads","rows"],"mappings":"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","sourcesContent":["import React, { PureComponent, Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport MotorMockData from '../../../shared/components/mockdata/MotorMockData';\nimport { MotorHeaderObjects } from '../../../shared/components/TableHeaderObjects';\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable'\nimport axios from 'axios';\n\nexport default class MotorList extends Component<any, any> {\n constructor(props: any) {\n super(props)\n this.state = {\n isLoading: true,\n tableData: {\n heads: MotorHeaderObjects,\n rows: []\n },\n pagination: {\n size: 1000,\n i: 0\n }\n }\n }\n\n async componentDidMount() {\n const { size, i } = this.state.pagination\n let MotorList;\n await axios.get(`/api/designspec/motorlist/?size=${size}&i=${i}`)\n .then((res: any) => MotorList = res.data.items.records)\n .catch((err: any) => console.error(err))\n this.setState({\n isLoading: false,\n tableData: {\n heads: MotorHeaderObjects,\n rows: MotorList\n }\n })\n }\n\n getAll = async () => {\n const { size, i } = this.state.pagination\n let MotorList;\n await axios.get(`/api/designspec/motorlist/?size=1000000&i=${i}`)\n .then((res: any) => MotorList = res.data.items.records)\n .catch((err: any) => console.error(err))\n this.setState({\n isLoading: false,\n tableData: {\n heads: MotorHeaderObjects,\n rows: MotorList\n }\n })\n }\n\n\n render() {\n return (\n <Container className=\"dashboard\">\n <Row>\n <Col md={12}>\n <h3 className=\"page-title\">D-Specs <span className=\"lnr lnr-chevron-right\"></span> Motor</h3>\n </Col>\n </Row>\n <Row>\n <Col md={12} lg={12}>\n <Card>\n <CardBody>\n <button onClick={() => this.getAll()} >GETALL</button>\n <RPMTable heads={this.state.tableData.heads} rows={this.state.tableData.rows} tableType=\"motor\" isLoading={this.state.isLoading} />\n </CardBody>\n </Card>\n </Col>\n </Row>\n </Container>\n );\n }\n}\n"]},"metadata":{},"sourceType":"module"}
|