Avans/smarthome
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added loading screen

Browse Source
This commit is contained in:
kennyboy55
2017-04-11 18:10:42 +02:00
parent 8201a21e79
commit 16a439f209
3 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mean-app/dist/index.html
Vendored
+22 -1
View File
@@ -3,6 +3,25 @@
<head>
<meta charset="utf-8">
<title>MeanApp</title>
<style>
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -18,6 +37,8 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.bundle.min.js"></script>
</head>
<body>
<app-root>Loading...</app-root>
<app-root><div class="loader"></div></app-root>
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
</html>
mean-app/dist/inline.bundle.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
mean-app/src/index.html
+22 -1
View File
@@ -3,6 +3,25 @@
<head>
<meta charset="utf-8">
<title>MeanApp</title>
<style>
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -18,6 +37,8 @@
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.bundle.min.js"></script>
</head>
<body>
<app-root>Loading...</app-root>
<app-root><div class="loader"></div></app-root>
</body>
</html>