Arvados-DCO-1.1-Signed-off-by: Radhika Chippada <radhika@curoverse.com>

[arvados.git] / apps / workbench / app / assets / javascripts / report_issue.js

diff --git a/apps/workbench/app/assets/javascripts/report_issue.js b/apps/workbench/app/assets/javascripts/report_issue.js
index 482fd535484d32356781744271402e07bbe0edce..0285693e8841ce83e040ec503f4a5dfb867e4935 100644 (file)
--- a/apps/workbench/app/assets/javascripts/report_issue.js
+++ b/apps/workbench/app/assets/javascripts/report_issue.js
@@ -1,36 +1,35 @@
-// ajax handling for report-issue function
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
 $(document).
-  on('ajax:send', function() {
-    var $sendButton = $('#report-issue-submit');
-    if ($sendButton) {
-      $sendButton.html('Sending...');
-      $sendButton.attr('disabled',true);
-    }
+  on('click', "#report-issue-submit", function(e){
+    $(this).html('Sending');
+    $(this).prop('disabled', true);
     var $cancelButton = $('#report-issue-cancel');
     if ($cancelButton) {
       $cancelButton.html('Close');
     }
     $('div').remove('.modal-footer-status');
-  }).
-  on('ajax:success', function() {
-    var $sendButton = $('#report-issue-submit');
-    if ($sendButton  && $sendButton.prop('disabled')) {
-      $sendButton.html('Report sent');
-      $('div').remove('.modal-footer-status');
-      $('.modal-footer').append('<div class="modal-footer-status alert alert-success"><div><p align="left">Thanks for reporting this issue!</p></div></div>');
-    }
-  }).
-  on('ajax:failure', function() {
-    var $sendButton = $('#report-issue-submit');
-    if ($sendButton && $sendButton.prop('disabled')) {
-      $('div').remove('.modal-footer-status');
-      $('.modal-footer').append('<div class="modal-footer-status alert alert-danger"></br><p align="left">We are sorry. We could not submit your report! We really want this to work, though -- please try again.</p></div>');
-      $sendButton.html('Send problem report');
-      $sendButton.attr('disabled',false);
-    }
-    var $cancelButton = $('#report-issue-cancel');
-    if ($cancelButton) {
-      var text = document.getElementById('report-issue-cancel').firstChild;
-      $cancelButton.html('Cancel');
-    }
+
+    $.ajax('/report_issue', {
+        type: 'POST',
+        data: $(this).parents('form').serialize()
+    }).success(function(data, status, jqxhr) {
+        var $sendButton = $('#report-issue-submit');
+        $sendButton.html('Report sent');
+        $('div').remove('.modal-footer-status');
+        $('.modal-footer').append('<div><br/></div><div class="modal-footer-status alert alert-success"><p class="contain-align-left">Thanks for reporting this issue!</p></div>');
+    }).fail(function(jqxhr, status, error) {
+        var $sendButton = $('#report-issue-submit');
+        if ($sendButton && $sendButton.prop('disabled')) {
+          $('div').remove('.modal-footer-status');
+          $('.modal-footer').append('<div><br/></div><div class="modal-footer-status alert alert-danger"><p class="contain-align-left">We are sorry. We could not submit your report! We really want this to work, though -- please try again.</p></div>');
+          $sendButton.html('Send problem report');
+          $sendButton.prop('disabled', false);
+        }
+        var $cancelButton = $('#report-issue-cancel');
+        $cancelButton.html('Cancel');
+    });
+    return false;
   });