Skip to content

Commit 4378e3f

Browse files
zulyangzulyang
committed
Initial Commit
0 parents  commit 4378e3f

File tree

168 files changed

+36206
-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.

168 files changed

+36206
-0
lines changed

‎.gitignore

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
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*

‎package-lock.json

+32,032
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
{
2+
"name": "floor-plan-lab",
3+
"homepage": "./",
4+
"version": "0.1.0",
5+
"private": true,
6+
"dependencies": {
7+
"@fortawesome/fontawesome-free": "^5.13.0",
8+
"@material-ui/core": "^4.10.1",
9+
"@material-ui/icons": "^4.9.1",
10+
"@testing-library/jest-dom": "^4.2.4",
11+
"@testing-library/react": "^9.5.0",
12+
"@testing-library/user-event": "^7.2.1",
13+
"html2canvas": "^1.0.0-rc.5",
14+
"lzutf8": "^0.5.5",
15+
"react": "^16.13.1",
16+
"react-cursor-position": "^3.0.3",
17+
"react-device-detect": "^1.13.1",
18+
"react-dom": "^16.13.1",
19+
"react-draggable": "^4.4.2",
20+
"react-numeric-input": "^2.2.3",
21+
"react-outside-click-handler": "^1.3.0",
22+
"react-redux": "^7.2.0",
23+
"react-scripts": "3.4.1",
24+
"react-sticky-mouse-tooltip": "0.0.1",
25+
"redux": "^4.0.5",
26+
"redux-devtools-extension": "^2.13.8",
27+
"uuid": "^8.1.0"
28+
},
29+
"scripts": {
30+
"predeploy": "npm run build",
31+
"deploy": "gh-pages -d build",
32+
"start": "react-scripts start",
33+
"build": "react-scripts build",
34+
"test": "react-scripts test",
35+
"eject": "react-scripts eject"
36+
},
37+
"eslintConfig": {
38+
"extends": "react-app"
39+
},
40+
"browserslist": {
41+
"production": [
42+
">0.2%",
43+
"not dead",
44+
"not op_mini all"
45+
],
46+
"development": [
47+
"last 1 chrome version",
48+
"last 1 firefox version",
49+
"last 1 safari version"
50+
]
51+
},
52+
"devDependencies": {
53+
"gh-pages": "^3.1.0"
54+
}
55+
}

‎public/dartlogo.jpeg

11.5 KB
Loading

‎public/favicon.ico

19.2 KB
Binary file not shown.

‎public/favicon.png

1.74 KB
Loading

‎public/index.html

+244
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,244 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Global site tag (gtag.js) - Google Analytics -->
5+
<script
6+
async
7+
src="https://www.googletagmanager.com/gtag/js?id=UA-158877299-2"
8+
></script>
9+
<script>
10+
window.dataLayer = window.dataLayer || [];
11+
function gtag() {
12+
dataLayer.push(arguments);
13+
}
14+
gtag("js", new Date());
15+
16+
gtag("config", "UA-158877299-2");
17+
</script>
18+
<meta charset="utf-8" />
19+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
20+
<meta name="viewport" content="width=device-width, initial-scale=1" />
21+
<meta name="theme-color" content="#000000" />
22+
<meta
23+
name="description"
24+
content="Web site created using create-react-app"
25+
/>
26+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.png" />
27+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
28+
<link
29+
rel="stylesheet"
30+
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
31+
/>
32+
<link
33+
href="https://fonts.googleapis.com/css2?family=Mulish:wght@500;600;700;800&display=swap"
34+
rel="stylesheet"
35+
/>
36+
<link
37+
rel="stylesheet"
38+
href="https://fonts.googleapis.com/icon?family=Material+Icons"
39+
/>
40+
<script>
41+
window.addEventListener("beforeunload", function (event) {
42+
event.returnValue = "";
43+
});
44+
</script>
45+
<style type="text/css">
46+
body {
47+
height: 100%;
48+
margin: 0;
49+
padding: 0;
50+
width: 100%;
51+
}
52+
53+
body {
54+
font-family: Roboto, sans-serif;
55+
font-size: 13px;
56+
-webkit-font-smoothing: antialiased;
57+
}
58+
59+
.ipl-progress-indicator.available {
60+
opacity: 0;
61+
}
62+
63+
.ipl-progress-indicator {
64+
background-color: #f5f5f5;
65+
width: 100%;
66+
height: 100%;
67+
position: fixed;
68+
opacity: 1;
69+
pointer-events: none;
70+
-webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 436ms;
71+
-moz-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 436ms;
72+
transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 436ms;
73+
z-index: 9999;
74+
}
75+
76+
.insp-logo-frame {
77+
display: -webkit-flex;
78+
display: -moz-flex;
79+
display: flex;
80+
-webkit-flex-direction: column;
81+
-moz-flex-direction: column;
82+
flex-direction: column;
83+
-webkit-justify-content: center;
84+
-moz-justify-content: center;
85+
justify-content: center;
86+
-webkit-animation: fadein 436ms;
87+
-moz-animation: fadein 436ms;
88+
animation: fadein 436ms;
89+
height: 98%;
90+
}
91+
92+
.insp-logo-frame-img {
93+
width: 112px;
94+
height: 112px;
95+
-webkit-align-self: center;
96+
-moz-align-self: center;
97+
align-self: center;
98+
}
99+
100+
.ipl-progress-indicator-head {
101+
background-color: #c6dafc;
102+
height: 6px;
103+
overflow: hidden;
104+
position: relative;
105+
}
106+
107+
.ipl-progress-indicator .first-indicator,
108+
.ipl-progress-indicator .second-indicator {
109+
background-color: #056d8b;
110+
bottom: 0;
111+
left: 0;
112+
right: 0;
113+
top: 0;
114+
position: absolute;
115+
-webkit-transform-origin: left center;
116+
-moz-transform-origin: left center;
117+
transform-origin: left center;
118+
-webkit-transform: scaleX(0);
119+
-moz-transform: scaleX(0);
120+
transform: scaleX(0);
121+
}
122+
123+
.ipl-progress-indicator .first-indicator {
124+
-webkit-animation: first-indicator 2s linear infinite;
125+
-moz-animation: first-indicator 2s linear infinite;
126+
animation: first-indicator 2s linear infinite;
127+
}
128+
129+
.ipl-progress-indicator .second-indicator {
130+
-webkit-animation: second-indicator 2s linear infinite;
131+
-moz-animation: second-indicator 2s linear infinite;
132+
animation: second-indicator 2s linear infinite;
133+
}
134+
135+
.ipl-progress-indicator .insp-logo {
136+
animation: App-logo-spin infinite 20s linear;
137+
border-radius: 50%;
138+
-webkit-align-self: center;
139+
-moz-align-self: center;
140+
align-self: center;
141+
}
142+
143+
@keyframes App-logo-spin {
144+
from {
145+
transform: rotate(0);
146+
}
147+
148+
to {
149+
transform: rotate(360deg);
150+
}
151+
}
152+
153+
@-webkit-keyframes fadein {
154+
from {
155+
opacity: 0;
156+
}
157+
158+
to {
159+
opacity: 1;
160+
}
161+
}
162+
163+
@-moz-keyframes fadein {
164+
from {
165+
opacity: 0;
166+
}
167+
168+
to {
169+
opacity: 1;
170+
}
171+
}
172+
173+
@keyframes fadein {
174+
from {
175+
opacity: 0;
176+
}
177+
178+
to {
179+
opacity: 1;
180+
}
181+
}
182+
183+
@keyframes first-indicator {
184+
0% {
185+
transform: translate(0) scaleX(0);
186+
}
187+
188+
25% {
189+
transform: translate(0) scaleX(0.5);
190+
}
191+
192+
50% {
193+
transform: translate(25%) scaleX(0.75);
194+
}
195+
196+
75% {
197+
transform: translate(100%) scaleX(0);
198+
}
199+
200+
100% {
201+
transform: translate(100%) scaleX(0);
202+
}
203+
}
204+
205+
@keyframes second-indicator {
206+
0% {
207+
transform: translate(0) scaleX(0);
208+
}
209+
210+
60% {
211+
transform: translate(0) scaleX(0);
212+
}
213+
214+
80% {
215+
transform: translate(0) scaleX(0.6);
216+
}
217+
218+
100% {
219+
transform: translate(100%) scaleX(0.1);
220+
}
221+
}
222+
</style>
223+
<title>DART Base of Operations Floorplan</title>
224+
</head>
225+
226+
<body>
227+
<noscript>You need to enable JavaScript to run this app.</noscript>
228+
<div class="ipl-progress-indicator" id="ipl-progress-indicator">
229+
<div class="ipl-progress-indicator-head">
230+
<div class="first-indicator"></div>
231+
<div class="second-indicator"></div>
232+
</div>
233+
<div class="insp-logo-frame">
234+
<img
235+
width="112"
236+
class="insp-logo-frame-img"
237+
height="112"
238+
src="%PUBLIC_URL%/dartlogo.jpeg"
239+
/>
240+
</div>
241+
</div>
242+
<div id="root"></div>
243+
</body>
244+
</html>

‎public/manifest.json

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
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+
"start_url": ".",
12+
"display": "standalone",
13+
"theme_color": "#000000",
14+
"background_color": "#ffffff"
15+
}

‎public/robots.txt

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# https://www.robotstxt.org/robotstxt.html
2+
User-agent: *
3+
Disallow:

‎src/App.css

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
.App {
2+
text-align: center;
3+
}
4+
5+
.App-logo {
6+
height: 40vmin;
7+
pointer-events: none;
8+
}
9+
10+
a {
11+
color: transparent;
12+
text-decoration: none; /* no underline */
13+
}
14+
15+
@media (prefers-reduced-motion: no-preference) {
16+
.App-logo {
17+
animation: App-logo-spin infinite 20s linear;
18+
}
19+
}
20+
21+
.App-header {
22+
background-color: #282c34;
23+
min-height: 100vh;
24+
display: flex;
25+
flex-direction: column;
26+
align-items: center;
27+
justify-content: center;
28+
font-size: calc(10px + 2vmin);
29+
color: white;
30+
}
31+
32+
.App-link {
33+
color: #61dafb;
34+
}
35+
36+
@keyframes App-logo-spin {
37+
from {
38+
transform: rotate(0deg);
39+
}
40+
to {
41+
transform: rotate(360deg);
42+
}
43+
}

0 commit comments

Comments
 (0)