github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-17 12:12:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add a loading indicator before the Ember app boots

Browse Source
This commit is contained in:
Toby Zerner 2015-03-23 12:06:55 +10:30
parent 976d97877b
commit 42e6bb1d7f
3 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ember/app/app.js
View File

@ -13,4 +13,6 @@ var App = Ember.Application.extend({
loadInitializers(App, config.modulePrefix);
export default App;
Ember.$('#assets-loading').remove();
export default App;

5
ember/app/styles/flarum/layout.less
View File

@ -10,6 +10,11 @@ body {
overflow-x: hidden;
min-height: 100vh;
}
#assets-loading {
color: @fl-body-muted-color;
font-size: 16px;
padding: 20px;
}
// ------------------------------------
// Page Toolbar

11
views/ember.blade.php
View File

@ -11,7 +11,18 @@
{!! $styles !!}
</head>
<body>
<div id="assets-loading" class="fade">Loading...</div>
<script>
setTimeout(function() {
var loading = document.getElementById('assets-loading');
if (loading) {
loading.className += ' in';
}
}, 1000);
</script>
{!! $content !!}
<script>
var FLARUM_DATA = {!! json_encode($data) !!};
var FLARUM_SESSION = {!! json_encode($session) !!};