diff main.html @ 44:d3ed74176b4d

added module preloading and loading screen
author Atul Varma <avarma@mozilla.com>
date Sat, 24 Apr 2010 19:04:38 -0700
parents 0a1c7fec0af2
children 72d01c7d5258
line wrap: on
line diff
--- a/main.html	Sat Apr 24 18:33:45 2010 -0700
+++ b/main.html	Sat Apr 24 19:04:38 2010 -0700
@@ -15,6 +15,7 @@
     <li title="file-bug">File A Bug</span>
   </ul>
 </div>
+<div id="loading-screen" class="loading">&nbsp;</div>
 <div id="reports">
 </div>
 <div id="login" class="dialog">
@@ -43,8 +44,21 @@
 <!-- Base Scripts -->
 <script src="js/jquery.js"></script>
 <script src="js/require.js"></script>
-<script src="js/main.js"></script>
+<script>
+$(window).ready(function() {
+  var moduleScripts = [
+    "js/modules/app.js"
+  ];
 
-<!-- CommonJS Modules -->
-<script src="js/modules/app.js"></script>
+  var customModuleExports = {
+    jQuery: jQuery
+  };
+
+  Require.preload(document, moduleScripts, function whenLoaded() {
+    $("#loading-screen").hide();
+    var require = Require.build(Require.modules, customModuleExports);
+    require("app/ui").init(document);
+  });
+});
+</script>
 </html>