From be7b42342685cee3ebf7f43dd1530912ab7c3cc6 Mon Sep 17 00:00:00 2001
From: Jonathan Kolyer <jonathan@jamkazam.com>
Date: Sun, 16 Feb 2014 02:10:17 -0600
Subject: [PATCH] VRFS-1110 autocompletion ui tweaks

---
 web/app/assets/javascripts/inviteMusicians.js       | 10 +++++++---
 web/app/assets/stylesheets/client/jamkazam.css.scss |  5 +++++
 2 files changed, 12 insertions(+), 3 deletions(-)

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;