2018-08-16 22:30:59 +00:00
|
|
|
/*
|
|
|
|
|
* Copyright (c) 2010-2018 Tim Düsterhus.
|
|
|
|
|
*
|
|
|
|
|
* Use of this software is governed by the Business Source License
|
|
|
|
|
* included in the LICENSE file.
|
|
|
|
|
*
|
2020-11-01 16:09:27 +00:00
|
|
|
* Change Date: 2024-11-01
|
2018-08-16 22:30:59 +00:00
|
|
|
*
|
|
|
|
|
* On the date above, in accordance with the Business Source
|
|
|
|
|
* License, use of this software will be governed by version 2
|
|
|
|
|
* or later of the General Public License.
|
|
|
|
|
*/
|
|
|
|
|
|
2020-11-01 16:41:19 +00:00
|
|
|
define(['WoltLabSuite/Core/Dom/Util'], function (DomUtil) {
|
|
|
|
|
'use strict'
|
2018-08-16 22:30:59 +00:00
|
|
|
|
2020-11-01 16:41:19 +00:00
|
|
|
const DEPENDENCIES = ['Template.UserList']
|
2018-08-16 22:30:59 +00:00
|
|
|
class UserList {
|
|
|
|
|
constructor(userListTemplate) {
|
2020-11-01 16:41:19 +00:00
|
|
|
this.userListTemplate = userListTemplate
|
|
|
|
|
this.chatUserList = elById('chatUserList')
|
2018-08-16 22:30:59 +00:00
|
|
|
}
|
|
|
|
|
|
2020-11-01 16:41:19 +00:00
|
|
|
bootstrap() {}
|
2018-08-16 22:30:59 +00:00
|
|
|
|
|
|
|
|
render(users) {
|
|
|
|
|
users.sort((a, b) => a.username.localeCompare(b.username))
|
2020-11-01 16:41:19 +00:00
|
|
|
const html = this.userListTemplate.fetch({ users })
|
2018-08-16 22:30:59 +00:00
|
|
|
const fragment = DomUtil.createFragmentFromHtml(html)
|
|
|
|
|
|
|
|
|
|
// Replace the current user list with the new one
|
|
|
|
|
const currentList = elBySel('#chatUserList > .boxContent > ul')
|
2020-11-01 16:41:19 +00:00
|
|
|
const parentNode = currentList.parentNode
|
2018-08-16 22:30:59 +00:00
|
|
|
parentNode.removeChild(currentList)
|
|
|
|
|
parentNode.appendChild(fragment)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
UserList.DEPENDENCIES = DEPENDENCIES
|
|
|
|
|
|
|
|
|
|
return UserList
|
2020-11-01 16:41:19 +00:00
|
|
|
})
|
