harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show autocomplete taggable with special color

Browse Source
This commit is contained in:
Stefan Parviainen 2014-12-22 16:35:21 +01:00
parent d3830aea96
commit b6bbb8e4ad
2 changed files with 4 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
view/js/autocomplete.js
View File

@ -24,7 +24,7 @@ function mysearch(term, callback, backend_url) {
}
function format(item) {
return "<img src='{0}' height='16px' width='16px'>{1} ({2})".format(item.photo, item.name, ((item.label) ? item.nick + ' ' + item.label : item.nick) )
return "<div class='{0}'><img src='{1}'>{2} ({3})</div>".format(item.taggable, item.photo, item.name, ((item.label) ? item.nick + ' ' + item.label : item.nick) )
}
function replace(item) {
@ -54,6 +54,6 @@ function replace(item) {
template: function(item) { return item['icon'] + item['text'] },
replace: function(item) { return "$1"+item['text'] + ' '; },
}
this.textcomplete([contacts,smilies],{});
this.textcomplete([contacts,smilies],{className:'acpopup'});
};
})( jQuery );

31
view/theme/redbasic/css/style.css
View File

@ -1338,35 +1338,8 @@ footer {
margin-top: 10px;
}
/* autocomplete popup */
.acpopup {
max-height:150px;
background-color:$acpopup_bgcolour;
overflow:auto;
border:1px solid $acpopup_bordercolour;
}
.acpopupitem {
background-color:$acpopup_bgcolour;
clear:left;
}
.acpopupitem.taggable {
background-color: $acpopup_tgbl_bgcolour;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
.acpopupitem:hover {
text-decoration: underline;
color: $acpopup_hovercolour;
cursor:pointer;
}
.acpopupitem.selected {
color: #FFFFFF; background: #3465A4;
.acpopup li div.taggable {
color:#cc0000;
}
/* popup notifications */