status -> filestatus

Author: fredsa

bliss.css

@@ -144,7 +144,7 @@ TABLE {
     margin: 0.4em;
   }
 
-#status {
+.filestatus {
   color: #ccc;
   margin: 0em 2em;
   min-height: 2em;

bliss.js

@@ -12,10 +12,6 @@ var source_code = document.getElementById('source-code');
 var source_image = document.getElementById('source-image');
 
 
-function set_status(status) {
-  document.getElementById('status').innerHTML = status || ' ';
-}
-
 function lightbox(summary, details) {
   outer = document.createElement('div');
   _glassMessageZIndex += 2;

blissful.js

@@ -116,9 +116,11 @@ function ProjectController($scope, $http, $resource, $filter) {
     // TODO: fix me
     _dirty = false;
 
-    set_status('Saving...');
+    $scope.filestatus = 'Saving...';
+    $scope.$apply();
+
     $scope.putfile($scope.currentFilename(), _editor.getValue(), function () {
-      set_status(''); // saved
+      $scope.filestatus = ''; // saved
       if (callback) {
         callback.call();
       }

header.html

@@ -7,7 +7,6 @@
 <div id="header">
   <a class="logo" href="/bliss"><span class='app-back'>&#x2039;</span>Cloud Playground</a>
   <sup class="experimental">experimental</sup>
-  <span id="status"></span>
 
   <div class="topbar">
     <div class="email">

project.html

@@ -50,7 +50,10 @@
       </div>
     </div>
 
-    <div id="source-filename">{% raw %}{{currentFilename()}}{% endraw %}</div>
+    <div id="source-filename">
+      {% raw %}{{currentFilename()}}{% endraw %}
+      <span class="filestatus" ng-bind="filestatus">x</span>
+    </div>
     <div id="source-code"></div>
     <img id="source-image">
   </div>