diff --git a/web/app/assets/javascripts/inviteMusicians.js b/web/app/assets/javascripts/inviteMusicians.js index 36a11a465..49f5e64f5 100644 --- a/web/app/assets/javascripts/inviteMusicians.js +++ b/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); } diff --git a/web/app/assets/stylesheets/client/jamkazam.css.scss b/web/app/assets/stylesheets/client/jamkazam.css.scss index 305eba56f..b7398d5c8 100644 --- a/web/app/assets/stylesheets/client/jamkazam.css.scss +++ b/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;