Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

1 zeile
13 KiB

  1. {"ast":null,"code":"import _regeneratorRuntime from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _asyncToGenerator from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _classCallCheck from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Dspecs/Kits/KitsList.tsx\";\nimport React, { Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport { KitsHeaderObjects } from '../../../shared/components/TableHeaderObjects';\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable';\nimport axios from 'axios';\n\nvar KitsList = /*#__PURE__*/function (_Component) {\n _inherits(KitsList, _Component);\n\n function KitsList(props) {\n var _this;\n\n _classCallCheck(this, KitsList);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(KitsList).call(this, props));\n _this.getAll = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n var _this$state$paginatio, size, i, KitsList;\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/kitslist/?size=1000000&i=\".concat(i)).then(function (res) {\n KitsList = 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: KitsHeaderObjects,\n rows: KitsList\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: KitsHeaderObjects,\n rows: []\n },\n pagination: {\n i: 0,\n size: 1000\n }\n };\n return _this;\n }\n\n _createClass(KitsList, [{\n key: \"componentDidMount\",\n value: function () {\n var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {\n var _this$state$paginatio2, size, i, KitsList;\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/kitslist/?size=\".concat(size, \"&i=\").concat(i)).then(function (res) {\n KitsList = 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: KitsHeaderObjects,\n rows: KitsList\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: 60,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Col, {\n md: 12,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h3\", {\n className: \"page-title\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\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: 63,\n columnNumber: 60\n }\n }), \" Kits\"))), /*#__PURE__*/React.createElement(Row, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\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: 67,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(Card, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(CardBody, {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\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: 70,\n columnNumber: 33\n }\n }, \"GETALL\"), /*#__PURE__*/React.createElement(RPMTable, {\n heads: this.state.tableData.heads,\n rows: this.state.tableData.rows,\n tableType: \"kits\",\n isLoading: this.state.isLoading,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 33\n }\n }))))));\n }\n }]);\n\n return KitsList;\n}(Component);\n\nexport { KitsList as default };","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Dspecs/Kits/KitsList.tsx"],"names":["React","Component","Card","CardBody","Col","Container","Row","KitsHeaderObjects","RPMTable","axios","KitsList","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 KitsMockData from '../../../shared/components/mockdata/KitsMockData';\nimport { KitsHeaderObjects } from '../../../shared/components/TableHeaderObjects';\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable'\nimport axios from 'axios'\n\nexport default class KitsList extends Component<any, any> {\n constructor(props: any) {\n super(props)\n this.state = {\n isLoading: true,\n tableData: {\n heads: KitsHeaderObjects,\n rows: [],\n },\n pagination: {\n i: 0,\n size: 1000,\n }\n }\n }\n\n async componentDidMount() {\n const { size, i } = this.state.pagination\n let KitsList;\n await axios.get(`/api/designspec/kitslist/?size=${size}&i=${i}`)\n .then((res: any) => {\n KitsList = res.data.items.records\n })\n .catch((err: any) => console.error(err))\n this.setState({\n isLoading: false,\n tableData: {\n heads: KitsHeaderObjects,\n rows: KitsList\n }\n })\n }\n getAll = async () => {\n const { size, i } = this.state.pagination\n let KitsList;\n await axios.get(`/api/designspec/kitslist/?size=1000000&i=${i}`)\n .then((res: any) => {\n KitsList = res.data.items.records\n })\n .catch((err: any) => console.error(err))\n this.setState({\n isLoading: false,\n tableData: {\n heads: KitsHeaderObjects,\n rows: KitsList\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> Kits</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=\"kits\" isLoading={this.state.isLoading} />\n </CardBody>\n </Card>\n </Col>\n </Row>\n </Container>\n );\n }\n}\n\n\n\n\n"]},"metadata":{},"sourceType":"module"}