Skip to content

C
checkin_hrm
Commit a34edde3 by Giang Tran
Options

update code

parent 8634a9b7
Showing with 114 additions and 4 deletions
.eslintcache
[{"D:\\checkin_hrm\\src\\index.js":"1","D:\\checkin_hrm\\src\\reportWebVitals.js":"2","D:\\checkin_hrm\\src\\App.js":"3","D:\\checkin_hrm\\src\\View\\RootView.js":"4","D:\\checkin_hrm\\src\\View\\Login\\LoginScreen.js":"5"},{"size":500,"mtime":1607323871389,"results":"6","hashOfConfig":"7"},{"size":362,"mtime":1607323871389,"results":"8","hashOfConfig":"7"},{"size":104,"mtime":1610361316049,"results":"9","hashOfConfig":"7"},{"size":493,"mtime":1610361425837,"results":"10","hashOfConfig":"7"},{"size":3492,"mtime":1610362917763,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},"1t40iya",{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},{"filePath":"19","messages":"20","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"21","usedDeprecatedRules":"14"},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\checkin_hrm\\src\\index.js",[],["24","25"],"D:\\checkin_hrm\\src\\reportWebVitals.js",[],"D:\\checkin_hrm\\src\\App.js",[],"D:\\checkin_hrm\\src\\View\\RootView.js",["26","27","28","29","30"],"import { BrowserRouter, Switch, Route, Link } from \"react-router-dom\";\r\nimport { useHistory, Redirect } from \"react-router-dom\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport LoginScreen from \"./Login/LoginScreen\";\r\n\r\nconst RootView = () => {\r\n let history = useHistory();\r\n return (\r\n <BrowserRouter>\r\n <Switch>\r\n <Route exact path=\"/\">\r\n <LoginScreen />\r\n </Route>\r\n </Switch>\r\n </BrowserRouter>\r\n );\r\n};\r\n\r\nexport default RootView;\r\n","D:\\checkin_hrm\\src\\View\\Login\\LoginScreen.js",[],{"ruleId":"31","replacedBy":"32"},{"ruleId":"33","replacedBy":"34"},{"ruleId":"35","severity":1,"message":"36","line":1,"column":40,"nodeType":"37","messageId":"38","endLine":1,"endColumn":44},{"ruleId":"35","severity":1,"message":"39","line":2,"column":22,"nodeType":"37","messageId":"38","endLine":2,"endColumn":30},{"ruleId":"35","severity":1,"message":"40","line":3,"column":17,"nodeType":"37","messageId":"38","endLine":3,"endColumn":26},{"ruleId":"35","severity":1,"message":"41","line":3,"column":28,"nodeType":"37","messageId":"38","endLine":3,"endColumn":36},{"ruleId":"35","severity":1,"message":"42","line":7,"column":7,"nodeType":"37","messageId":"38","endLine":7,"endColumn":14},"no-native-reassign",["43"],"no-negated-in-lhs",["44"],"no-unused-vars","'Link' is defined but never used.","Identifier","unusedVar","'Redirect' is defined but never used.","'useEffect' is defined but never used.","'useState' is defined but never used.","'history' is assigned a value but never used.","no-global-assign","no-unsafe-negation"] [{"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\index.js":"1","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\reportWebVitals.js":"2","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\App.js":"3","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\RootView.js":"4","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Login\\LoginScreen.js":"5","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\HomeContainer.js":"6","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\HomeView.js":"7","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\ButtonCheckIn.js":"8"},{"size":517,"mtime":1610422519446,"results":"9","hashOfConfig":"10"},{"size":375,"mtime":1610422519447,"results":"11","hashOfConfig":"10"},{"size":172,"mtime":1610423707928,"results":"12","hashOfConfig":"10"},{"size":493,"mtime":1610422519445,"results":"13","hashOfConfig":"10"},{"size":3468,"mtime":1610422814066,"results":"14","hashOfConfig":"10"},{"size":135,"mtime":1610423599300,"results":"15","hashOfConfig":"10"},{"size":1931,"mtime":1610520976695,"results":"16","hashOfConfig":"10"},{"size":543,"mtime":1610513346777,"results":"17","hashOfConfig":"10"},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},"2tm0q9",{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"25","usedDeprecatedRules":"20"},{"filePath":"26","messages":"27","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"28","usedDeprecatedRules":"20"},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"20"},{"filePath":"33","messages":"34","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"35","messages":"36","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"37","usedDeprecatedRules":"20"},"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\index.js",[],["38","39"],"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\reportWebVitals.js",[],"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\App.js",["40"],"import RootView from \"./View/RootView\";\r\nimport HomeContainer from \"./View/Home/HomeContainer\";\r\n\r\nfunction App() {\r\n return <HomeContainer />;\r\n}\r\n\r\nexport default App;\r\n","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\RootView.js",["41","42","43","44","45"],"import { BrowserRouter, Switch, Route, Link } from \"react-router-dom\";\r\nimport { useHistory, Redirect } from \"react-router-dom\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport LoginScreen from \"./Login/LoginScreen\";\r\n\r\nconst RootView = () => {\r\n let history = useHistory();\r\n return (\r\n <BrowserRouter>\r\n <Switch>\r\n <Route exact path=\"/\">\r\n <LoginScreen />\r\n </Route>\r\n </Switch>\r\n </BrowserRouter>\r\n );\r\n};\r\n\r\nexport default RootView;\r\n","C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Login\\LoginScreen.js",[],"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\HomeContainer.js",[],"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\HomeView.js",["46","47"],"C:\\Users\\MAY-4\\Desktop\\CheckInWeb\\checkin_hrm\\src\\View\\Home\\ButtonCheckIn.js",["48","49"],"import React from \"react\";\r\nimport { bounce, fadeIn, bounceIn } from \"react-animations\";\r\nimport Radium, { StyleRoot } from \"radium\";\r\n\r\nconst styles = {\r\n bounce: {\r\n animation: \"x 1s\",\r\n animationName: Radium.keyframes(bounceIn, \"bounceIn\"),\r\n animationDuration: \"10s\",\r\n },\r\n};\r\n\r\nclass ButtonCheckIn extends React.Component {\r\n render() {\r\n return (\r\n <StyleRoot>\r\n <div className=\"test\" style={styles.bounce}>\r\n aaa\r\n </div>\r\n </StyleRoot>\r\n );\r\n }\r\n}\r\n\r\nexport default ButtonCheckIn;\r\n",{"ruleId":"50","replacedBy":"51"},{"ruleId":"52","replacedBy":"53"},{"ruleId":"54","severity":1,"message":"55","line":1,"column":8,"nodeType":"56","messageId":"57","endLine":1,"endColumn":16},{"ruleId":"54","severity":1,"message":"58","line":1,"column":40,"nodeType":"56","messageId":"57","endLine":1,"endColumn":44},{"ruleId":"54","severity":1,"message":"59","line":2,"column":22,"nodeType":"56","messageId":"57","endLine":2,"endColumn":30},{"ruleId":"54","severity":1,"message":"60","line":3,"column":17,"nodeType":"56","messageId":"57","endLine":3,"endColumn":26},{"ruleId":"54","severity":1,"message":"61","line":3,"column":28,"nodeType":"56","messageId":"57","endLine":3,"endColumn":36},{"ruleId":"54","severity":1,"message":"62","line":7,"column":7,"nodeType":"56","messageId":"57","endLine":7,"endColumn":14},{"ruleId":"54","severity":1,"message":"63","line":2,"column":10,"nodeType":"56","messageId":"57","endLine":2,"endColumn":20},{"ruleId":"54","severity":1,"message":"64","line":5,"column":8,"nodeType":"56","messageId":"57","endLine":5,"endColumn":21},{"ruleId":"54","severity":1,"message":"65","line":2,"column":10,"nodeType":"56","messageId":"57","endLine":2,"endColumn":16},{"ruleId":"54","severity":1,"message":"66","line":2,"column":18,"nodeType":"56","messageId":"57","endLine":2,"endColumn":24},"no-native-reassign",["67"],"no-negated-in-lhs",["68"],"no-unused-vars","'RootView' is defined but never used.","Identifier","unusedVar","'Link' is defined but never used.","'Redirect' is defined but never used.","'useEffect' is defined but never used.","'useState' is defined but never used.","'history' is assigned a value but never used.","'makeStyles' is defined but never used.","'ButtonCheckIn' is defined but never used.","'bounce' is defined but never used.","'fadeIn' is defined but never used.","no-global-assign","no-unsafe-negation"]
\ No newline at end of file \ No newline at end of file
package.json
...@@ -29,7 +29,9 @@ ...@@ -29,7 +29,9 @@
"material-ui-popup-state": "^1.7.1", "material-ui-popup-state": "^1.7.1",
"moment": "^2.29.1", "moment": "^2.29.1",
"notistack": "^1.0.2", "notistack": "^1.0.2",
"radium": "^0.26.1",
"react": "^17.0.1", "react": "^17.0.1",
"react-animations": "^1.0.0",
"react-d3": "^0.4.0", "react-d3": "^0.4.0",
"react-dom": "^17.0.1", "react-dom": "^17.0.1",
"react-redux": "^7.2.2", "react-redux": "^7.2.2",
......
src/App.js
import RootView from "./View/RootView"; import RootView from "./View/RootView";
import HomeContainer from "./View/Home/HomeContainer";
function App() { function App() {
return <RootView />; return <HomeContainer />;
} }
export default App; export default App;
src/View/Home/ButtonCheckIn.js 0 → 100644
import React from "react";
import { bounce, fadeIn, bounceIn } from "react-animations";
import Radium, { StyleRoot } from "radium";
const styles = {
bounce: {
animation: "x 1s",
animationName: Radium.keyframes(bounceIn, "bounceIn"),
animationDuration: "10s",
},
};
class ButtonCheckIn extends React.Component {
render() {
return (
<StyleRoot>
<div className="test" style={styles.bounce}>
aaa
</div>
</StyleRoot>
);
}
}
export default ButtonCheckIn;
src/View/Home/HomeContainer.js 0 → 100644
import HomeView from "./HomeView";
const HomeContainer = (props) => {
return <HomeView />;
};
export default HomeContainer;
src/View/Home/HomeView.js 0 → 100644
import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import { Container, Grid, Paper, Card, Typography } from "@material-ui/core";
import ButtonCheckIn from "./ButtonCheckIn";
const HomeView = (props) => {
return (
<Container fixed>
<div style={{ marginTop: 50 }} />
<Grid xs={12} spacing={3} container direction="row">
<Grid item xs={4}>
<Paper>
<Grid justify="center" container alignItems="center">
<Grid
style={{
width: 100,
height: 100,
borderRadius: 50,
backgroundColor: "red",
justifyContent: "center",
alignItems: "center",
}}
>
<Typography style={{ textAlign: "center" }}>CHECKIN</Typography>
</Grid>
</Grid>
</Paper>
</Grid>
<Grid item xs={8}>
<Paper>RIght</Paper>
</Grid>
</Grid>
<Grid
xs={12}
spacing={3}
justify="space-between"
container
direction="row"
alignItems="center"
>
<Grid item xs={6}>
Báo cáo
</Grid>
<Grid item xs={6}>
RIght
</Grid>
</Grid>
<Grid
xs={12}
spacing={3}
justify="space-between"
container
direction="row"
alignItems="center"
>
<Grid item xs={3}>
<Card> Hợp lệ</Card>
</Grid>
<Grid item xs={3}>
<Card>Đi muộn</Card>
</Grid>
<Grid item xs={3}>
<Card>Chờ xử lý</Card>
</Grid>
<Grid item xs={3}>
<Card>Nghỉ</Card>
</Grid>
</Grid>
</Container>
);
};
export default HomeView;
src/View/Login/LoginScreen.js
...@@ -47,7 +47,7 @@ const useStyles = makeStyles((theme) => ({ ...@@ -47,7 +47,7 @@ const useStyles = makeStyles((theme) => ({
const LoginScreen = () => { const LoginScreen = () => {
const classes = useStyles(); const classes = useStyles();
return ( return (
<div style={{ backgroundColor: "red", height: "100vh" }}> <div style={{ height: "100vh" }}>
<Container component="main" maxWidth="xs"> <Container component="main" maxWidth="xs">
<CssBaseline /> <CssBaseline />
<div className={classes.paper}> <div className={classes.paper}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment