3112: move ajax event handling into a separate js file

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

diff --git a/apps/workbench/app/assets/javascripts/select_modal.js b/apps/workbench/app/assets/javascripts/select_modal.js
index 0a6aad311ff2d2cec11d668dc668c53ff6420e22..1fec3dcb95e394405cebe8bc799d5491ef7e2d4e 100644 (file)
--- a/apps/workbench/app/assets/javascripts/select_modal.js
+++ b/apps/workbench/app/assets/javascripts/select_modal.js
@@ -72,11 +72,14 @@ $(document).on('click', '.selectable', function() {
         });
 }).on('click', '.chooser-show-project', function() {
     var params = {};
+    var project_uuid = $(this).attr('data-project-uuid');
     $(this).attr('href', '#');  // Skip normal click handler
-    if ($(this).attr('data-project-uuid')) {
+    if (project_uuid) {
         params = {'filters[]': JSON.stringify(['owner_uuid',
                                                '=',
-                                               $(this).attr('data-project-uuid')])};
+                                               project_uuid]),
+                  project_uuid: project_uuid
+                 };
     }
     // Use current selection as dropdown button label
     $(this).
@@ -88,29 +91,34 @@ $(document).on('click', '.selectable', function() {
         data('infinite-content-params', params).
         trigger('refresh-content');
 }).on('ready', function() {
-    $('form[data-search-modal] *').on('click keyup paste', function() {
-        // When user types, pastes, or clicks the top nav Search
-        // input, ask the server for a Search modal. When it arrives,
-        // copy the search string from the top nav input into the
-        // modal's search query field.
-        var $form = $(this).closest('form');
-        var $a;
+    $('form[data-search-modal] a').on('click', function() {
+        $(this).closest('form').submit();
+        return false;
+    });
+    $('form[data-search-modal]').on('submit', function() {
+        // Ask the server for a Search modal. When it arrives, copy
+        // the search string from the top nav input into the modal's
+        // search query field.
+        var $form = $(this);
+        var searchq = $form.find('input').val();
+        var is_a_uuid = /^([0-9a-f]{32}(\+\S+)?|[0-9a-z]{5}-[0-9a-z]{5}-[0-9a-z]{15})$/;
+        if (searchq.trim().match(is_a_uuid)) {
+            window.location = '/actions?uuid=' + encodeURIComponent(searchq.trim());
+            // Show the "loading" indicator. TODO: better page transition hook
+            $(document).trigger('ajax:send');
+            return false;
+        }
         if ($form.find('a[data-remote]').length > 0) {
             // A search dialog is already loading.
-            return;
+            return false;
         }
-        $a = $('<a />').
+        $('<a />').
             attr('href', $form.attr('data-search-modal')).
             attr('data-remote', 'true').
             attr('data-method', 'GET').
             hide().
             appendTo($form).
             on('ajax:success', function(data, status, xhr) {
-                // Move the dialog to the top of the window to prevent
-                // a well timed click on the top nav search box from
-                // closing the dialog as soon as it opens.
-                $('body > .modal-container .modal-dialog').
-                    css('margin-top', '0');
                 $('body > .modal-container input[type=text]').
                     val($form.find('input').val()).
                     focus();