commit 33c84ac94f01bc32678f4a912273fea002bf145f
author Scott Baker <smbaker@gmail.com> Tue Oct 28 21:40:20 2014 -0700
committer Scott Baker <smbaker@gmail.com> Tue Oct 28 21:40:20 2014 -0700
tree 3ea331e9918b6d44fd22b94a184259f358dad8d5
parent 77fbe5a4eb964fa3153a8d9cf8066945ff482431

success box

planetstack/core/xoslib/dashboards/test.html

diff --git a/planetstack/core/xoslib/dashboards/test.html b/planetstack/core/xoslib/dashboards/test.html
index b15f4fd..5326b76 100644
--- a/planetstack/core/xoslib/dashboards/test.html
+++ b/planetstack/core/xoslib/dashboards/test.html
@@ -53,6 +53,8 @@
 </div>
 
 <div id="rightSide">
+<div id="successBox">
+</div>
 <div id="errorBox">
 </div>
 
@@ -73,6 +75,15 @@
   </table>
 </script>
 
+<script type="text/template" id="test-success-template">
+  <button id="close-success-box">Close Success Message</button>
+  <h3>Success!</h3>
+  <table class="test-success-table">
+  <tr><td>Code:</td><td><%= status %></td></tr>
+  <tr><td>Message:</td><td><%= statusText %></td></tr>
+  </table>
+</script>
+
 <!-- Deployment -->
 
 <script type="text/template" id="test-deployment-list-template">

planetstack/core/xoslib/static/css/test.css

diff --git a/planetstack/core/xoslib/static/css/test.css b/planetstack/core/xoslib/static/css/test.css
index 51b7407..e5b1b80 100644
--- a/planetstack/core/xoslib/static/css/test.css
+++ b/planetstack/core/xoslib/static/css/test.css
@@ -12,7 +12,7 @@
     padding: 10px;
     border: 2px solid;
     background-color: #f0f0f0;
-    margin-bottom:50px;
+    margin-bottom:30px;
     display:none;
 }
 
@@ -20,7 +20,15 @@
     padding: 10px;
     border: 2px solid;
     background-color: #f00000;
-    margin-bottom:50px;
+    margin-bottom:30px;
+    display:none;
+}
+
+#successBox {
+    padding: 10px;
+    border: 2px solid;
+    background-color: #00f000;
+    margin-bottom:30px;
     display:none;
 }
 

planetstack/core/xoslib/static/js/test.js

diff --git a/planetstack/core/xoslib/static/js/test.js b/planetstack/core/xoslib/static/js/test.js
index fff0df3..ff681e8 100644
--- a/planetstack/core/xoslib/static/js/test.js
+++ b/planetstack/core/xoslib/static/js/test.js
@@ -34,6 +34,15 @@
 
 TestApp.hideError = function(result) {
     $("#errorBox").hide();
+    $("#successBox").hide();
+};
+
+TestApp.showSuccess = function(result) {
+     $("#successBox").show();
+     $("#successBox").html(_.template($("#test-success-template").html())(result));
+     $('#close-success-box').unbind().bind('click', function() {
+         $('#successBox').hide();
+     });
 };
 
 TestApp.showError = function(result) {
@@ -75,12 +84,17 @@
                 TestApp.showError(result);

             },

 

+            saveSuccess: function(model, result, xhr) {

+                TestApp.showSuccess({status: xhr.xhr.status, statusText: xhr.xhr.statusText});

+            },

+

             submitClicked: function(e) {

                 TestApp.hideError();

                 e.preventDefault();

                 var data = Backbone.Syphon.serialize(this);

                 var thisView = this;

-                this.model.save(data, {error: function(model, result, xhr) { thisView.saveError(model, result, xhr); }});

+                this.model.save(data, {error: function(model, result, xhr) { thisView.saveError(model, result, xhr); },

+                                       success: function(model, result, xhr) { thisView.saveSuccess(model, result, xhr); }});

                 this.dirty = false;

             },

          });
@@ -120,7 +134,7 @@
          var listView = new listViewClass();
 
          TestApp[region_name].show(listView);
-         xos[collection_name].startPolling();
+         xos[collection_name].fetch(); //startPolling();
      }
 
      $('#close-detail-view').unbind().bind('click', function() {