mcarman
/
React_Client_App_Access


			
				
					
						
						
							
							{"ast":null,"code":"import _regeneratorRuntime from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _objectSpread from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread\";\nimport _asyncToGenerator from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _classCallCheck from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/containers/Manage/Users/UserList.tsx\";\nimport React, { Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport axios from 'axios';\nimport { UserHeaderObjects } from '../../../shared/components/TableHeaderObjects';\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable';\n\nvar UsersList = /*#__PURE__*/function (_Component) {\n  _inherits(UsersList, _Component);\n\n  function UsersList(props) {\n    var _this;\n\n    _classCallCheck(this, UsersList);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(UsersList).call(this, props));\n    _this.state = {\n      isLoading: true,\n      tableData: {\n        heads: UserHeaderObjects,\n        rows: []\n      },\n      pagination: {\n        size: 1000,\n        i: 0\n      }\n    };\n    return _this;\n  }\n\n  _createClass(UsersList, [{\n    key: \"componentDidMount\",\n    value: function () {\n      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n        var _this$state$paginatio, i, size, UserList;\n\n        return _regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                // TODO: Handle by working with them on the back end\n                _this$state$paginatio = this.state.pagination, i = _this$state$paginatio.i, size = _this$state$paginatio.size;\n                _context.next = 3;\n                return axios.get(\"/api/users\") //?size=${this.state.pagination.size}\n                .then(function (res) {\n                  UserList = res.data.items.map(function (record) {\n                    //res.data.data.records.map((record: any) => {\n                    var isActiveVal = record.isactive ? 'true' : 'false';\n                    return _objectSpread({}, record, {\n                      isactive: isActiveVal\n                    });\n                  });\n                }).catch(function (err) {\n                  return console.error(err);\n                });\n\n              case 3:\n                this.setState(_objectSpread({}, this.state, {\n                  isLoading: false,\n                  tableData: {\n                    heads: UserHeaderObjects,\n                    rows: UserList\n                  }\n                }));\n\n              case 4:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, 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      return /*#__PURE__*/React.createElement(Container, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 50,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        md: 12,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 21\n        }\n      }, /*#__PURE__*/React.createElement(\"h3\", {\n        className: \"page-title\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 25\n        }\n      }, \"Users\"))), /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 56,\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: 57,\n          columnNumber: 21\n        }\n      }, /*#__PURE__*/React.createElement(Card, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 58,\n          columnNumber: 25\n        }\n      }, /*#__PURE__*/React.createElement(CardBody, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 29\n        }\n      }, /*#__PURE__*/React.createElement(RPMTable, {\n        heads: this.state.tableData.heads,\n        rows: this.state.tableData.rows,\n        tableType: \"users\",\n        isLoading: this.state.isLoading,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 60,\n          columnNumber: 33\n        }\n      }))))));\n    }\n  }]);\n\n  return UsersList;\n}(Component);\n\nexport { UsersList as default };","map":{"version":3,"sources":["/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/containers/Manage/Users/UserList.tsx"],"names":["React","Component","Card","CardBody","Col","Container","Row","axios","UserHeaderObjects","RPMTable","UsersList","props","state","isLoading","tableData","heads","rows","pagination","size","i","get","then","res","UserList","data","items","map","record","isActiveVal","isactive","catch","err","console","error","setState"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,QAAf,EAAyBC,GAAzB,EAA8BC,SAA9B,EAAyCC,GAAzC,QAAoD,YAApD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,QAAkC,+CAAlC;AACA,OAAOC,QAAP,MAAqB,+CAArB;;IAEqBC,S;;;AACjB,qBAAYC,KAAZ,EAAwB;AAAA;;AAAA;;AACpB,mFAAMA,KAAN;AACA,UAAKC,KAAL,GAAa;AACTC,MAAAA,SAAS,EAAE,IADF;AAETC,MAAAA,SAAS,EAAE;AACPC,QAAAA,KAAK,EAAEP,iBADA;AAEPQ,QAAAA,IAAI,EAAE;AAFC,OAFF;AAMTC,MAAAA,UAAU,EAAE;AACRC,QAAAA,IAAI,EAAE,IADE;AAERC,QAAAA,CAAC,EAAE;AAFK;AANH,KAAb;AAFoB;AAcvB;;;;;;;;;;;;AAGG;wCACkB,KAAKP,KAAL,CAAWK,U,EAAvBE,C,yBAAAA,C,EAAGD,I,yBAAAA,I;;uBAEHX,KAAK,CACNa,GADC,eACgB;AADhB,iBAEDC,IAFC,CAEI,UAAAC,GAAG,EAAI;AACTC,kBAAAA,QAAQ,GAAGD,GAAG,CAACE,IAAJ,CAASC,KAAT,CAAeC,GAAf,CAAmB,UAACC,MAAD,EAAiB;AAAC;AAC5C,wBAAIC,WAAW,GAAGD,MAAM,CAACE,QAAP,GAAkB,MAAlB,GAA2B,OAA7C;AACA,6CAAYF,MAAZ;AAAoBE,sBAAAA,QAAQ,EAAED;AAA9B;AACH,mBAHU,CAAX;AAIH,iBAPC,EAQDE,KARC,CAQK,UAAAC,GAAG;AAAA,yBAAIC,OAAO,CAACC,KAAR,CAAcF,GAAd,CAAJ;AAAA,iBARR,C;;;AAUN,qBAAKG,QAAL,mBACO,KAAKtB,KADZ;AAEIC,kBAAAA,SAAS,EAAE,KAFf;AAGIC,kBAAAA,SAAS,EAAE;AACPC,oBAAAA,KAAK,EAAEP,iBADA;AAEPQ,oBAAAA,IAAI,EAAEO;AAFC;AAHf;;;;;;;;;;;;;;;;;;6BAUK;AACL,0BACI,oBAAC,SAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,GAAD;AAAK,QAAA,EAAE,EAAE,EAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI;AAAI,QAAA,SAAS,EAAC,YAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBADJ,CADJ,CADJ,eAMI,oBAAC,GAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,GAAD;AAAK,QAAA,EAAE,EAAE,EAAT;AAAa,QAAA,EAAE,EAAE,EAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACI,oBAAC,QAAD;AAAU,QAAA,KAAK,EAAE,KAAKX,KAAL,CAAWE,SAAX,CAAqBC,KAAtC;AAA6C,QAAA,IAAI,EAAE,KAAKH,KAAL,CAAWE,SAAX,CAAqBE,IAAxE;AAA8E,QAAA,SAAS,EAAC,OAAxF;AAAgG,QAAA,SAAS,EAAE,KAAKJ,KAAL,CAAWC,SAAtH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADJ,CADJ,CADJ,CADJ,CANJ,CADJ;AAkBH;;;;EA5DkCZ,S;;SAAlBS,S","sourcesContent":["import React, { Component } from 'react'\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap'\nimport axios from 'axios';\nimport { UserHeaderObjects } from '../../../shared/components/TableHeaderObjects'\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable'\n\nexport default class UsersList extends Component<any, any> {\n    constructor(props: any) {\n        super(props)\n        this.state = {\n            isLoading: true,\n            tableData: {\n                heads: UserHeaderObjects,\n                rows: [],\n            },\n            pagination: {\n                size: 1000,\n                i: 0,\n            }\n\n        }\n    }\n\n    async componentDidMount() {\n        // TODO: Handle by working with them on the back end\n        let { i, size } = this.state.pagination\n        let UserList;\n        await axios\n            .get(`/api/users`)//?size=${this.state.pagination.size}\n            .then(res => {\n                UserList = res.data.items.map((record: any) => {//res.data.data.records.map((record: any) => {\n                    let isActiveVal = record.isactive ? 'true' : 'false';\n                    return { ...record, isactive: isActiveVal }\n                });\n            })\n            .catch(err => console.error(err))\n\n        this.setState({\n            ...this.state,\n            isLoading: false,\n            tableData: {\n                heads: UserHeaderObjects,\n                rows: UserList,\n            }\n        })\n    }\n\n    render() {\n        return (\n            <Container>\n                <Row>\n                    <Col md={12}>\n                        <h3 className=\"page-title\">Users</h3>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col md={12} lg={12}>\n                        <Card>\n                            <CardBody>\n                                <RPMTable heads={this.state.tableData.heads} rows={this.state.tableData.rows} tableType=\"users\" isLoading={this.state.isLoading} />\n                            </CardBody>\n                        </Card>\n                    </Col>\n                </Row>\n            </Container>\n        )\n    }\n}\n"]},"metadata":{},"sourceType":"module"}