commit ea417799475a1ebef7bf0b84b4f92460af4f7dcb
author Scott Baker <smbaker@gmail.com> Wed May 21 17:52:44 2014 -0700
committer Scott Baker <smbaker@gmail.com> Wed May 21 17:52:44 2014 -0700
tree a9cac01917536c1d8014426e4dd8a9fae473b518
parent 2de3f8fff9b625f939b6cb2744165e88e518d4a1

better handling of save/saving message, error dialog support

planetstack/templates/admin/dashboard/customize.html

diff --git a/planetstack/templates/admin/dashboard/customize.html b/planetstack/templates/admin/dashboard/customize.html
index 274040e..d2e8a20 100644
--- a/planetstack/templates/admin/dashboard/customize.html
+++ b/planetstack/templates/admin/dashboard/customize.html
@@ -10,8 +10,8 @@
     </div>

     <div class="customize_column">

     <br>

-    <div class="btn btn-success" id="btn-add">Add &raquo;</div><br><br>

-    <div class="btn btn-success" id="btn-remove">&laquo; Remove</div>

+    <div class="btn btn-success" id="customize-btn-add">Add &raquo;</div><br><br>

+    <div class="btn btn-success" id="customize-btn-remove">&laquo; Remove</div>

     </div>

     <div class="customize_column">

     <div>Selected Dashboard Views</div>

@@ -21,31 +21,32 @@
         {% endfor %}

     </select>

     <br>

-    <div class="btn btn-high btn-info" id="btn-save">Save</div>

+    <div class="btn btn-high btn-info" id="customize-btn-save">Save</div>

+    <div style="display: none" id="customize-msg-saving">Saving...</div>

     </div>

     <div class="customize_column">

     <br>

-    <div class="btn btn-success" id="btn-up">Up</div><br><br>

-    <div class="btn btn-success" id="btn-down">Down</div>

+    <div class="btn btn-success" id="customize-btn-up">Up</div><br><br>

+    <div class="btn btn-success" id="customize-btn-down">Down</div>

     </div>

     </div>

 </form>

 
 <script>
 $(document).ready(function() {
-    $('#btn-add').click(function(){

+    $('#customize-btn-add').click(function(){

         $('#select-from option:selected').each( function() {

                 $('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");

             $(this).remove();

         });

     });

-    $('#btn-remove').click(function(){

+    $('#customize-btn-remove').click(function(){

         $('#select-to option:selected').each( function() {

             $('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");

             $(this).remove();

         });

     });

-    $('#btn-up').bind('click', function() {

+    $('#customize-btn-up').bind('click', function() {

         $('#select-to option:selected').each( function() {

             var newPos = $('#select-to option').index(this) - 1;

             if (newPos > -1) {

@@ -54,7 +55,7 @@
             }

         });

     });

-    $('#btn-down').bind('click', function() {

+    $('#customize-btn-down').bind('click', function() {

         var countOptions = $('#select-to option').size();

         $('#select-to option:selected').each( function() {

             var newPos = $('#select-to option').index(this) + 1;

@@ -64,9 +65,9 @@
             }

         });

     });

-    $('#btn-save').bind('click', function() {

-         $( "#btn-save").unbind()

-         $( "#btn-save" ).html("<div class='loading'>Saving ...</div>");

+    $('#customize-btn-save').bind('click', function() {

+         $("#customize-btn-save").hide();

+         $("#customize-msg-saving").show();

          var items=[];

          $("#select-to option").each(function() { items.push($(this).val()); });

          $.ajax({

@@ -77,7 +78,12 @@
   		        csrfmiddlewaretoken: "{{ csrf_token }}" // < here
                 },
                 type: 'POST',
-                complete: function () {
+                error: function (jqXHR, textStatus, errorThrown) {
+                    errorDialog("Error", textStatus + " " + jqXHR.responseText);
+                    $("#customize-btn-save").show();
+                    $("#customize-msg-saving").hide();
+                },
+                success: function () {
                         location.reload();
                 }
         });