Adding loading logic

thedjpetersen · Dec 27, 2011 · 390af2f · 390af2f
1 parent ce5326d
commit 390af2f
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 0 deletions.
diff --git a/assets/css/subway.css b/assets/css/subway.css
@@ -48,6 +48,11 @@
   cursor: pointer;
 }
 
+#overview form #loading_image{
+  position: fixed; 
+  margin-left: 10px;
+}
+
 #channels{
   margin-top: 25px;
 }

diff --git a/assets/images/loading.gif b/assets/images/loading.gif
diff --git a/assets/js/views/overview.js b/assets/js/views/overview.js
@@ -16,6 +16,21 @@ var OverViewView = Backbone.View.extend({
       $('#overview').html(func());
     }
     $('.overview_button').bind('click', jQuery.proxy(this.render, this));
+    $('#connect_button').bind('click', function(){
+      $('.error').removeClass('error');
+      if(!$('#connect_server').val()) {
+        $('#connect_server').closest('.clearfix').addClass('error');
+        $('#connect_server').addClass('error');  
+      }
+      if(!$('#connect_nick').val()) {
+        $('#connect_nick').closest('.clearfix').addClass('error');
+        $('#connect_nick').addClass('error');  
+      } 
+      if($('#connect_nick').val() && $('#connect_server')) {
+        $('form').append(ich.load_image()); 
+        $('#connect_button').addClass('disabled');
+      }
+    });
     return this;
   }
 });
diff --git a/views/layout.jade b/views/layout.jade
@@ -11,5 +11,6 @@ html
     include templates/overview_home_template
     include templates/overview_connection_template
     include templates/overview_settings_template
+    include templates/load_image_template
   body
     block content
diff --git a/views/templates/load_image_template.jade b/views/templates/load_image_template.jade
@@ -0,0 +1,2 @@
+script(id="load_image", type="text/html")
+  img(id="loading_image", src="/assets/images/loading.gif")