Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-20 22:43:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use avatar helper

Browse Source 
fix empty dropdown when searching
This commit is contained in:
Barış Soner Uşaklı
2022-09-30 23:01:14 -04:00
parent e270474eed
commit 260ac5f427
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/src/client/chats/search.js
View File

@@ -1,7 +1,9 @@
'use strict';
define('forum/chats/search', ['components', 'api', 'alerts'], function (components, api, alerts) {
define('forum/chats/search', [
'components', 'api', 'alerts', 'helpers',
], function (components, api, alerts, helpers) {
const search = {};
search.init = function () {
@@ -11,7 +13,7 @@ define('forum/chats/search', ['components', 'api', 'alerts'], function (componen
function doSearch() {
const username = components.get('chat/search').val();
if (!username) {
return $('[component="chat/search/list"]').empty();
return $('[component="chat/search/list"]').translateHtml('<li><a href="#" class="dropdown-item">[[admin/menu:search.start-typing]]</a></li>');
}
api.get('/api/users', {
@@ -31,7 +33,7 @@ define('forum/chats/search', ['components', 'api', 'alerts'], function (componen
});
if (!data.users.length) {
return chatsListEl.translateHtml('<li><div><span>[[users:no-users-found]]</span></div></li>');
return chatsListEl.translateHtml('<li><a href="#" class="dropdown-item">[[users:no-users-found]]</a></li>');
}
data.users.forEach(function (userObj) {
@@ -44,10 +46,8 @@ define('forum/chats/search', ['components', 'api', 'alerts'], function (componen
function displayUser(chatsListEl, userObj) {
function createUserImage() {
return (userObj.picture ?
'<img src="' + userObj.picture + '" title="' + userObj.username + '" />' :
'<div class="user-icon" style="background-color: ' + userObj['icon:bgColor'] + '">' + userObj['icon:text'] + '</div>') +
'<i class="fa fa-circle status ' + userObj.status + '"></i> ' + userObj.username;
const img = helpers.buildAvatar(userObj, '24px', true);
return `<a href="#" class="dropdown-item">${img} ${userObj.username}<a>`;
}
const chatEl = $('<li component="chat/search/user"></li>')