From 47ef689c927f8c8692bb98f190b7cc56d5e088ec Mon Sep 17 00:00:00 2001
From: friendica <info@friendica.com>
Date: Sun, 16 Jun 2013 16:31:59 -0700
Subject: implement taggable in auto-complete popups

---
 js/fk.autocomplete.js             | 6 +++---
 view/theme/redbasic/css/style.css | 5 ++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/js/fk.autocomplete.js b/js/fk.autocomplete.js
index fc41f9cbe..cd0a1c044 100644
--- a/js/fk.autocomplete.js
+++ b/js/fk.autocomplete.js
@@ -80,7 +80,7 @@ ACPopup.prototype._search = function(){
 				that.cont.show();
 				$(data.items).each(function(){
 					html = "<img src='{0}' height='16px' width='16px'>{1} ({2})".format(this.photo, this.name, this.nick)
-						that.add(html, this.nick.replace(' ','') + '+' + this.id + ' - ' + this.link);
+					that.add(this.taggable, html, this.nick.replace(' ','') + '+' + this.id + ' - ' + this.link);
 				});			
 			} else {
 				that.cont.hide();
@@ -89,9 +89,9 @@ ACPopup.prototype._search = function(){
 	});
 	
 }
-	ACPopup.prototype.add = function(label, value){
+ACPopup.prototype.add = function(taggable, label, value){
 	var that=this;
-	var elm = $("<div class='acpopupitem' title='"+value+"'>"+label+"</div>");
+	var elm = $("<div class='acpopupitem " + taggable +"' title='"+value+"'>"+label+"</div>");
 	elm.click(function(e){
 		t = $(this).attr('title').replace(new RegExp(' \- .*'),'');
 		if(typeof(that.element.container) === "undefined") {
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 416e79dd5..f644d7903 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -3256,6 +3256,9 @@ brain is weird like that */
 	background-color:#ffffff; padding: 4px;
 	clear:left;
 }
+.acpopupitem.taggable {
+	background-color: #ddddff;
+}
 .acpopupitem img {
 	float: left;
 	margin-right: 4px;
@@ -3740,7 +3743,7 @@ ul.menu-popup {
 	margin: 4px;
 }
 .acl-list-item.taggable {
-	background-color: #ccccff;
+	background-color: #ddddff;
 }
 
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-- 
cgit v1.2.3