60 lines
1.7 KiB
CoffeeScript
60 lines
1.7 KiB
CoffeeScript
@projectUsersSelect =
|
|
init: ->
|
|
$('.ajax-project-users-select').each (i, select) ->
|
|
project_id = $(select).data('project-id') || $('body').data('project-id')
|
|
|
|
$(select).select2
|
|
placeholder: $(select).data('placeholder') || "Search for a user"
|
|
multiple: $(select).hasClass('multiselect')
|
|
minimumInputLength: 0
|
|
query: (query) ->
|
|
Api.projectUsers project_id, query.term, (users) ->
|
|
data = { results: users }
|
|
|
|
nullUser = {
|
|
name: 'Unassigned',
|
|
avatar: null,
|
|
username: 'none',
|
|
id: ''
|
|
}
|
|
|
|
data.results.unshift(nullUser)
|
|
|
|
query.callback(data)
|
|
|
|
initSelection: (element, callback) ->
|
|
id = $(element).val()
|
|
if id isnt ""
|
|
Api.user(id, callback)
|
|
|
|
|
|
formatResult: projectUsersSelect.projectUserFormatResult
|
|
formatSelection: projectUsersSelect.projectUserFormatSelection
|
|
dropdownCssClass: "ajax-project-users-dropdown"
|
|
dropdownAutoWidth: true
|
|
escapeMarkup: (m) -> # we do not want to escape markup since we are displaying html in results
|
|
m
|
|
|
|
projectUserFormatResult: (user) ->
|
|
if user.avatar_url
|
|
avatar = user.avatar_url
|
|
else
|
|
avatar = gon.default_avatar_url
|
|
|
|
if user.id == ''
|
|
avatarMarkup = ''
|
|
else
|
|
avatarMarkup = "<div class='user-image'><img class='avatar s24' src='#{avatar}'></div>"
|
|
|
|
"<div class='user-result'>
|
|
#{avatarMarkup}
|
|
<div class='user-name'>#{user.name}</div>
|
|
<div class='user-username'>#{user.username}</div>
|
|
</div>"
|
|
|
|
projectUserFormatSelection: (user) ->
|
|
user.name
|
|
|
|
$ ->
|
|
projectUsersSelect.init()
|