implement taggable in auto-complete popups

This commit is contained in:
friendica 2013-06-16 16:31:59 -07:00
parent c4c80a2e47
commit 47ef689c92
2 changed files with 7 additions and 4 deletions

View File

@ -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") {

View File

@ -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;}