VRFS-1110 autocompletion ui tweaks

web/app/assets/javascripts/inviteMusicians.js

@@ -67,15 +67,19 @@
 
                     var autoCompleteOptions = {
                         lookup: { suggestions: userNames, data: userIds },
-                        onSelect: addInvitation
+                        onSelect: addInvitation,
+                        serviceUrl: '/api/search.json?srch_sessinv=1',
+                        minChars: 3,
+                        onSearchComplete: function(query, suggestions) {
+                            console.log(query+" suggestions:", suggestions);
+                        },
                     };
 
                     $('#friend-input').attr("placeholder", "Type a friend\'s name").prop('disabled', false);
 
                     if (!autoComplete) {
                         autoComplete = $('#friend-input').autocomplete(autoCompleteOptions);
-                    }
-                    else {
+                    } else {
                         autoComplete.setOptions(autoCompleteOptions);
                     }
 

web/app/assets/stylesheets/client/jamkazam.css.scss

@@ -235,6 +235,11 @@ input[type="button"] {
     _overflow-x:hidden;
 }
 
+.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
+.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
+.autocomplete-selected { background: #F0F0F0; }
+.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
+
 .autocomplete .selected { 
     background:$ColorScreenBackground;
     cursor:pointer;