Added loader message

cybrox · Aug 8, 2014 · 79ec92e · 79ec92e
1 parent ca67da3
commit 79ec92e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/assets/stylesheets/application.css b/assets/stylesheets/application.css
@@ -3,10 +3,12 @@
 body {
   margin: 0px;
   padding: 0px;
+  background: #000000;
 }
 
 #interface {
   position: absolute;
+  display: none;
   width: auto;
   height: auto;
   z-index: 500;
@@ -24,3 +26,16 @@ body {
   height: 100%;
   z-index: 100;
 }
+
+#overlay {
+  background: #000000;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  color: #fff;
+  font-size: 2em;
+  line-height: 100%;
+  text-align: center;
+}
diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
 </head>
 <body>
 
+  <div id="overlay"></div>
   <div id="interface">
     Analyzing Path <span id="readpathcur">0</span> / <span id="readpathtot">?</span><br />
     Rendering Path <span id="rendpathcur">0</span> / <span id="rendpathtot">?</span><br />
@@ -32,8 +33,15 @@
 
 
       var printer = printerultimaker2;
-
-      $.get('gcode/programmer.gcode', function(payload){
+      var model = 'skullglass';
+
+      $('#overlay')
+        .text('Loading model: '+model)
+        .css('line-height', window.innerHeight+'px');
+
+      $.get('gcode/'+model+'.gcode', function(payload){
+        $('#overlay').hide();
+        $('#interface').show();
         gcview._init();
         gcparse._parse(payload);
       });