New directory js/ for Javascript file.

Use a local jquery instead of an online one.

1 files changed, 38 insertions, 0 deletions

diff --git a/js/looking-glass.js b/js/looking-glass.js
new file mode 100644
index 0000000..b837e82
--- /dev/null
+++ b/js/looking-glass.js
@@ -0,0 +1,38 @@
+$(document).ready(function() {
+  // hide the optional parameters field
+  $('.result').hide();
+  $('.loading').hide();
+
+  // show and hide loading bar
+  $(document).ajaxStart(function() {
+    $('#command_properties').attr('disabled', '');
+    $('.loading').show();
+  });
+  $(document).ajaxStop(function() {
+    $('#command_properties').removeAttr('disabled');
+    $('.loading').hide();
+  });
+
+  // reset the view to the default one
+  $('#backhome').click(function() {
+    $('.content').slideDown();
+    $('.result').slideUp();
+  });
+
+  // send an ajax request that will get the info on the router
+  $('form').on('submit', function(e) {
+    e.preventDefault();
+
+    $.ajax({
+      type: 'post',
+      url: 'execute.php',
+      data: $('form').serialize()
+    }).done(function(response, state, xhr) {
+      $('#output').text(response);
+      $('.content').slideUp();
+      $('.result').slideDown();
+    }).fail(function(xhr, state, error) {
+      alert('The following error occured: ' + state, error);
+    });
+  });
+});