Patient search - handle onpaste

resources/views/layouts/template.blade.php

@@ -190,7 +190,6 @@
             }, 250);
             $('#patient-search')
                 .on('keydown', function(e) {
-                    var term = $.trim($('#patient-search').val());
                     var activeItem = $('.suggestions-outer .suggest-item.active');
                     switch (e.which) {
                         case 27:
@@ -224,28 +223,24 @@
                             }
                             return false;
                         default:
-                            if (!!term) {
-                                $('.suggestions-outer')
-                                    .html('<span class="d-block no-suggest-items">Searching...</span>')
-                                    .removeClass('d-none');
-                                returnedFunction();
-                            } else {
-                                $('.suggestions-outer').addClass('d-none');
-                            }
+                            window.setTimeout(onQueryChange, 50);
                             break;
                     }
                 })
-                .on('keypress', function(e) {
-                    var term = $.trim($('#patient-search').val());
-                    if (!!term) {
-                        $('.suggestions-outer')
-                            .html('<span class="d-block no-suggest-items">Searching...</span>')
-                            .removeClass('d-none');
-                        returnedFunction();
-                    } else {
-                        $('.suggestions-outer').addClass('d-none');
-                    }
+                .on('keypress paste', function(e) {
+                    window.setTimeout(onQueryChange, 50);
                 });
+            function onQueryChange() {
+                var term = $.trim($('#patient-search').val());
+                if (!!term) {
+                    $('.suggestions-outer')
+                        .html('<span class="d-block no-suggest-items">Searching...</span>')
+                        .removeClass('d-none');
+                    returnedFunction();
+                } else {
+                    $('.suggestions-outer').addClass('d-none');
+                }
+            }
             $(document).on('click', '.suggest-item[data-target-uid]', function() {
                 $('#patient-search').val('');
                 $('.suggestions-outer').addClass('d-none');