app/views/script/index.erb in tailog-0.4.2 vs app/views/script/index.erb in tailog-0.4.3

@@ -14,17 +14,29 @@
 <div id="content"></div>
 
 <script type="text/javascript">
   var $content = $("#content");
 
-  $('#script').ajaxForm(function(json) {
-    try {
-      var data = JSON.parse(json);
+  $('#script').ajaxForm({
+    beforeSend: function() {
       $content
-        .html('<hr>')
-        .append('<span class="text-info">' + data.server_hostname + '</span>')
-        .append(ansi_up.ansi_to_html(data.content));
-    } catch (error) {
-      console.log(error)
+        .html('<hr/>')
+        .append('<span class="text-info">Loading...</span>')
+    },
+    error: function() {
+      $content
+        .html('<hr/>')
+        .append('<span class="text-danger">Oops! Something went wrong, please try again later!</span>')
+    },
+    success: function(json) {
+      try {
+        var data = JSON.parse(json);
+        $content
+          .html('<hr/>')
+          .append('<span class="text-info">' + data.server_hostname + '</span>')
+          .append(ansi_up.ansi_to_html(data.content));
+      } catch (error) {
+        console.log(error)
+      }
     }
   });
 </script>