Skip to content

Commit f29a1c0

Browse files
committed
FIFA sample
1 parent 28595f8 commit f29a1c0

File tree

112 files changed

+1124
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

112 files changed

+1124
-0
lines changed

FIFA-STATS/.gitignore

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*
24+
25+
.idea

FIFA-STATS/README.md

+12

FIFA-STATS/package.json

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{
2+
"name": "management-sample",
3+
"version": "0.1.0",
4+
"private": true,
5+
"dependencies": {
6+
"@syncfusion/ej2-react-grids": "*",
7+
"@syncfusion/ej2-react-popups": "*",
8+
"@testing-library/jest-dom": "^4.2.4",
9+
"@testing-library/react": "^9.3.2",
10+
"@testing-library/user-event": "^7.1.2",
11+
"@types/jest": "^24.9.1",
12+
"@types/node": "^12.20.55",
13+
"@types/react": "^18.0.15",
14+
"@types/react-dom": "^18.0.6",
15+
"@types/react-intl": "^3.0.0",
16+
"react": "^18.2.0",
17+
"react-dom": "^18.2.0",
18+
"react-intl": "^6.0.5",
19+
"react-router-dom": "^6.23.0",
20+
"react-scripts": "^5.0.1",
21+
"typescript": "^4.7.4"
22+
},
23+
"scripts": {
24+
"start": "react-scripts start",
25+
"build": "react-scripts build",
26+
"test": "react-scripts test",
27+
"eject": "react-scripts eject",
28+
"extract": "formatjs extract",
29+
"i18n:extract": "npm run extract -- 'src/**/*.ts*' --ignore='**/*.d.ts' --out-file lang/en.json --id-interpolation-pattern '[sha512:contenthash:base64:6]'",
30+
"i18n:upload": "simplelocalize upload",
31+
"i18n:download": "simplelocalize download"
32+
},
33+
"eslintConfig": {
34+
"extends": "react-app"
35+
},
36+
"browserslist": {
37+
"production": [
38+
">0.2%",
39+
"not dead",
40+
"not op_mini all"
41+
],
42+
"development": [
43+
"last 1 chrome version",
44+
"last 1 firefox version",
45+
"last 1 safari version"
46+
]
47+
},
48+
"devDependencies": {
49+
"@formatjs/cli": "^5.0.6",
50+
"@formatjs/ts-transformer": "^3.9.9"
51+
}
52+
}

FIFA-STATS/public/favicon.ico

3.08 KB
Binary file not shown.

FIFA-STATS/public/images/Football.png

328 Bytes

FIFA-STATS/public/images/Football.svg

+10

FIFA-STATS/public/images/WorldCup.png

49.8 KB

FIFA-STATS/public/images/WorldCup.svg

+13
27.5 KB
11.9 KB
31.2 KB
42.8 KB
34.8 KB
27.7 KB
7.21 KB
Binary file not shown.
19.5 KB
343 Bytes
2.02 KB
388 Bytes
10.9 KB
Binary file not shown.
447 Bytes
90 Bytes
Binary file not shown.
64 Bytes
Binary file not shown.
375 Bytes
430 Bytes
1.53 KB
Binary file not shown.
16.9 KB
Binary file not shown.
328 Bytes
15.3 KB
Binary file not shown.
1.01 KB
536 Bytes
Binary file not shown.
18.1 KB
436 Bytes
86 Bytes
Binary file not shown.
Binary file not shown.
15.6 KB
Binary file not shown.
20.2 KB
21.3 KB
140 KB
43.7 KB
49.5 KB
42 KB
44.7 KB
36.4 KB
13.4 KB
58.1 KB
34.9 KB
77 KB
25.6 KB
18.7 KB
44.7 KB
45.6 KB
50.5 KB
27.5 KB

FIFA-STATS/public/index.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<link
6+
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
7+
rel="stylesheet"
8+
/>
9+
<link
10+
href="https://cdn.syncfusion.com/ej2/25.2.3/material3.css"
11+
rel="stylesheet"
12+
/>
13+
<script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js"></script>
14+
<style>
15+
#root {
16+
padding: 15px 80px 50px 15px;
17+
}
18+
</style>
19+
</head>
20+
<body>
21+
<div id="root"></div>
22+
</body>
23+
</html>

FIFA-STATS/public/logo192.png

5.22 KB

FIFA-STATS/public/logo512.png

9.44 KB

FIFA-STATS/public/manifest.json

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"short_name": "React App",
3+
"name": "Create React App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "logo192.png",
12+
"type": "image/png",
13+
"sizes": "192x192"
14+
},
15+
{
16+
"src": "logo512.png",
17+
"type": "image/png",
18+
"sizes": "512x512"
19+
}
20+
],
21+
"start_url": ".",
22+
"display": "standalone",
23+
"theme_color": "#000000",
24+
"background_color": "#ffffff"
25+
}

FIFA-STATS/public/robots.txt

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

FIFA-STATS/src/App.css

+95
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
/* Tooltip */
2+
3+
.e-tooltip-template-css.e-tooltip-wrap.e-popup {
4+
background-color: #ffffff;
5+
border: 1px solid #e0e0e0;
6+
}
7+
.e-tooltip-template-css.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
8+
border-top: 8px solid #e0e0e0;
9+
}
10+
.e-tooltip-template-css.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
11+
border-bottom: 8px solid #e0e0e0;
12+
}
13+
.e-tooltip-template-css.e-tooltip-wrap .e-tip-content {
14+
color: rgba(0, 0, 0, 0.87);
15+
}
16+
.e-tooltip-template-css.e-tooltip-wrap {
17+
opacity: 1;
18+
border-radius: 15px;
19+
}
20+
.e-tooltip-template-css.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
21+
.e-tooltip-template-css.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
22+
color: transparent;
23+
}
24+
25+
.e-tooltip-template-css.e-tooltip-wrap .e-tip-content {
26+
padding: 0;
27+
}
28+
29+
/* Grid */
30+
31+
32+
#fifa_grid.e-grid .e-rowcell{
33+
font-size: 18px;
34+
}
35+
#fifa_grid .e-gridheader .e-headercell {
36+
/* background: #f2e6ff; */
37+
/* background: #e6ecff; */
38+
background-color: #cce6ff;
39+
40+
}
41+
#fifa_grid.e-grid .e-headercelldiv{
42+
font-size: 20px;
43+
font-weight: bold;
44+
}
45+
46+
#fifa_grid .e-gridcontent {
47+
background: transparent;
48+
/* background-image: url(/public/images/WorldCup.png);
49+
background-size: contain;
50+
background-position: top;
51+
background-repeat: no-repeat; */
52+
.e-content,
53+
table {
54+
background: transparent;
55+
}
56+
.football {
57+
margin-right: 1px;
58+
padding: 3px;
59+
}
60+
}
61+
62+
63+
#fifa_grid .e-gridcontent::before {
64+
content: "";
65+
position: absolute;
66+
top: 0;
67+
left: 0;
68+
width: 100%;
69+
height: 100%;
70+
background-image: url(/public/images/WorldCup.svg);
71+
background-size: auto;
72+
background-position: center;
73+
background-repeat: no-repeat;
74+
opacity: 0.1;
75+
}
76+
77+
body,
78+
#fifa_grid,
79+
.e-control,
80+
.e-tooltip-wrap .e-tip-content {
81+
font-family: cursive;
82+
}
83+
84+
85+
@keyframes bounce {
86+
0%, 20%, 50%, 80%, 100% {
87+
transform: translateY(0);
88+
}
89+
40% {
90+
transform: translateY(10px);
91+
}
92+
60% {
93+
transform: translateY(5px);
94+
}
95+
}

0 commit comments

Comments
 (0)