mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-24 02:01:19 +02:00
Code Issues 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
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); 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; overflow-x: hidden;
min-height: 100vh; min-height: 100vh;
} }
#assets-loading {
color: @fl-body-muted-color;
font-size: 16px;
padding: 20px;
}
// ------------------------------------ // ------------------------------------
// Page Toolbar // Page Toolbar

11
views/ember.blade.php
View File

@@ -11,7 +11,18 @@
{!! $styles !!} {!! $styles !!}
</head> </head>
<body> <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 !!} {!! $content !!}
<script> <script>
var FLARUM_DATA = {!! json_encode($data) !!}; var FLARUM_DATA = {!! json_encode($data) !!};
var FLARUM_SESSION = {!! json_encode($session) !!}; var FLARUM_SESSION = {!! json_encode($session) !!};