Add a loading indicator before the Ember app boots

2025-07-25 10:41:24 +02:00 · 2015-03-23 12:06:55 +10:30
parent 0c40dc7136
commit 27c537bee4
3 changed files with 19 additions and 1 deletions
--- a/framework/core/views/ember.blade.php
+++ b/framework/core/views/ember.blade.php
@@ -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) !!};