\n
\n ) : (\n \n \n {data.single &&\n data.single.map((stat) => {\n return (\n \n \n \n \n {stat.icon} \n \n \n \n {stat.description && (\n \n \n \n \n \n );\n })}\n\n {data.ranking && (\n \n \n {data.ranking.title} \n \n \n
\n \n \n \n \n \n \n )}\n {data.tables &&\n data.tables.map((table) => {\n return (\n \n \n {table.title} \n \n \n
\n \n \n \n \n \n );\n })}\n {data.charts &&\n data.charts.map((chart) => {\n return (\n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n
\n );\n }\n}\n\nSummary.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(dashboardStyle)(Summary);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core\nimport withStyles from \"@material-ui/core/styles/withStyles\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Button from \"@material-ui/core/Button\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardActions from \"@material-ui/core/CardActions\";\nimport TextField from \"@material-ui/core/TextField\";\n\nimport dashboardStyle from \"assets/jss/material-dashboard-react/views/dashboardStyle.jsx\";\n\nclass Login extends React.Component {\n state = {\n name: localStorage.getItem(\"user_session\"),\n body_weight: localStorage.getItem(\"body_weight\"),\n };\n\n handleNameChange = (event) => {\n this.setState({ ...this.state, name: event.target.value });\n };\n handleWeightChange = (event) => {\n this.setState({ ...this.state, body_weight: event.target.value });\n };\n\n handleLoginClick = (event) => {\n if (this.state.name !== null) {\n localStorage.setItem(\"user_session\", this.state.name);\n window.location = \"/summary\";\n } else {\n alert(\"Say your name!\");\n }\n event.preventDefault();\n };\n\n handleWeightClick = (event) => {\n if (this.state.body_weight !== null) {\n let weight = parseFloat(this.state.body_weight);\n if (!isNaN(weight)) {\n localStorage.setItem(\"body_weight\", weight);\n } else {\n alert(\"Invalid\");\n }\n } else {\n alert(\"Put your weight!\");\n }\n event.preventDefault();\n };\n\n render() {\n const { classes } = this.props;\n return (\n {stat.title}
\n{stat.value}
\n\n \n
\n )}\n {stat.muscles && (\n \n
\n )}\n \n ![](\"assets/muscles/00.-Blank-Figures.png\")
\n
\n \n {stat.footer}
\n {stat.action && this.createAction(stat.action)}\n {data.ranking.description}
\n {table.description}
\n {chart.title}
\n\n {/*\n
{chart.description}
\n \n \n \n \n What is your name? \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nLogin.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(dashboardStyle)(Login);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core\nimport withStyles from \"@material-ui/core/styles/withStyles\";\nimport Icon from \"@material-ui/core/Icon\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport CardHeader from \"@material-ui/core/CardHeader\";\nimport Button from \"@material-ui/core/Button\";\nimport TextField from \"@material-ui/core/TextField\";\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\n\nimport dashboardStyle from \"assets/jss/material-dashboard-react/views/dashboardStyle.jsx\";\nimport api from \"api\";\nimport { CardActions } from \"@material-ui/core\";\n\nclass Login extends React.Component {\n state = {\n isFetching: true,\n isSaving: false,\n userInfo: null,\n username: localStorage.getItem(\"user_session\"),\n body_weight: localStorage.getItem(\"body_weight\"),\n feedback_open: false,\n email: null,\n };\n\n componentDidMount() {\n // Retrieve user info\n api.getUserInfo().then((userInfo) => {\n this.setState({ ...this.state, userInfo: userInfo });\n if (userInfo.body_weight != null) {\n this.setState({ ...this.state, body_weight: userInfo.body_weight });\n }\n if (userInfo.email != null) {\n this.setState({ ...this.state, email: userInfo.email });\n }\n });\n }\n\n componentDidUpdate = () => {\n const isFetching = this.state.userInfo === null;\n if (isFetching !== this.state.isFetching) {\n this.setState({ ...this.state, isFetching: isFetching });\n }\n };\n\n handleWeightChange = (event) => {\n this.setState({ ...this.state, body_weight: event.target.value });\n };\n\n handleEmailChange = (event) => {\n this.setState({ ...this.state, email: event.target.value });\n };\n\n _validateEmail(email) {\n // eslint-disable-next-line\n const re =\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(String(email).toLowerCase());\n }\n\n handleSaveClick = (event) => {\n this.setState({ ...this.state, isSaving: true });\n\n event.preventDefault();\n\n let userInfo = { username: this.state.username };\n if (this.state.body_weight !== null) {\n let weight = parseFloat(this.state.body_weight);\n if (!isNaN(weight)) {\n userInfo.body_weight = weight;\n } else {\n alert(\"Invalid weight value\");\n return;\n }\n } else {\n alert(\"Put your weight!\");\n return;\n }\n\n if (this.state.email !== null) {\n let email = this.state.email;\n if (this._validateEmail(email)) {\n userInfo.email = email;\n } else {\n alert(\"Invalid email value\");\n return;\n }\n } else {\n alert(\"Add your email!\");\n }\n\n api.saveUserInfo(userInfo).then((_) => {\n this.setState({ ...this.state, isSaving: false, feedback_open: true });\n });\n };\n\n onFeedbackClosed = () => {\n this.setState({ ...this.state, feedback_open: false });\n };\n\n render() {\n const { classes } = this.props;\n return this.state.isFetching ? (\n \n
\n ) : (\n \n \n \n \n {this.state.username}'s profile \n \n Kg,\n }}\n InputLabelProps={{ shrink: this.state.body_weight != null }}\n />\n \n\n \n \n save \n Save\n \n \n \n \n \n
\n );\n }\n}\n\nLogin.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(dashboardStyle)(Login);\n","// core components/views\nimport AddWorkoutPage from \"views/AddWorkout/AddWorkout.jsx\";\nimport SummaryPage from \"views/Summary/Summary.jsx\";\nimport LoginPage from \"views/Login/Login.jsx\";\nimport ProfilePage from \"views/Profile/Profile.jsx\";\n\nconst routes = [\n {\n path: \"/summary\",\n navbarName: \"Summary\",\n icon: \"poll\",\n component: SummaryPage,\n private: true,\n },\n {\n path: \"/new-workout\",\n navbarName: \"New Workout\", // Used to put title in page header\n icon: \"add_box\",\n component: AddWorkoutPage,\n private: true,\n },\n {\n path: \"/login\",\n navbarName: \"Login\",\n component: LoginPage,\n },\n {\n path: \"/profile\",\n navbarName: \"Profile\",\n icon: \"person\",\n component: ProfilePage,\n private: true,\n },\n {\n path: \"/\",\n redirect: true,\n navbarName: \"Redirect\",\n to: \"/summary\",\n },\n {\n path: \"/dashboard\",\n redirect: true,\n navbarName: \"Redirect\",\n to: \"/summary\",\n },\n];\n\nexport default routes;\n","import { container } from \"assets/jss/material-dashboard-react.jsx\";\n\nconst appStyle = _theme => ({\n wrapper: {\n position: \"relative\",\n top: \"0\",\n height: \"100vh\"\n },\n content: {\n marginTop: \"70px\",\n padding: \"30px 0px\",\n minHeight: \"calc(100vh - 123px)\"\n },\n container,\n map: {\n marginTop: \"70px\"\n }\n});\n\nexport default appStyle;\n","/* eslint-disable */\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n// creates a beautiful scrollbar\nimport \"perfect-scrollbar/css/perfect-scrollbar.css\";\n// @material-ui/core components\nimport withStyles from \"@material-ui/core/styles/withStyles\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\n// core components\nimport Header from \"components/Header/Header.jsx\";\nimport Footer from \"components/Footer/Footer.jsx\";\nimport Copyright from \"components/Copyright.jsx\";\n\nimport routes from \"routes/index.jsx\";\n\nimport dashboardStyle from \"assets/jss/material-dashboard-react/layouts/dashboardStyle.jsx\";\n\nconst PrivateRoute = ({ component: Component, ...rest }) => (\n \n
\n );\n }\n}\n\nApp.propTypes = {\n classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(dashboardStyle)(App);\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"components/App.jsx\";\nimport { createBrowserHistory } from \"history\";\nimport { Router, Route, Switch } from \"react-router-dom\";\n\nimport \"assets/css/material-dashboard-react.css?v=1.5.0\";\n\nconst hist = createBrowserHistory();\n\nReactDOM.render(\n // TODO Make App the root component. Has dependancy with Sidebar and Dashboard (history.location) components\n \n
\n \n {switchRoutes}
\n