50 lines
1.8 KiB
CoffeeScript
50 lines
1.8 KiB
CoffeeScript
$ ->
|
|
userFormatResult = (user) ->
|
|
avatar = gon.gravatar_url
|
|
avatar = avatar.replace('%{hash}', md5(user.email))
|
|
avatar = avatar.replace('%{size}', '24')
|
|
|
|
markup = "<div class='user-result'>"
|
|
markup += "<div class='user-image'><img class='avatar s24' src='" + avatar + "'></div>"
|
|
markup += "<div class='user-name'>" + user.name + "</div>"
|
|
markup += "<div class='user-username'>" + user.username + "</div>"
|
|
markup += "</div>"
|
|
markup
|
|
|
|
userFormatSelection = (user) ->
|
|
user.name
|
|
|
|
$('.ajax-users-select').select2
|
|
placeholder: "Search for a user"
|
|
multiple: $('.ajax-users-select').hasClass('multiselect')
|
|
minimumInputLength: 0
|
|
ajax: # instead of writing the function to execute the request we use Select2's convenient helper
|
|
url: "/api/" + gon.api_version + "/users.json"
|
|
dataType: "json"
|
|
data: (term, page) ->
|
|
search: term # search term
|
|
per_page: 10
|
|
private_token: gon.api_token
|
|
|
|
results: (data, page) -> # parse the results into the format expected by Select2.
|
|
# since we are using custom formatting functions we do not need to alter remote JSON data
|
|
results: data
|
|
|
|
initSelection: (element, callback) ->
|
|
id = $(element).val()
|
|
if id isnt ""
|
|
$.ajax(
|
|
"/api/" + gon.api_version + "/users/" + id + ".json",
|
|
dataType: "json"
|
|
data:
|
|
private_token: gon.api_token
|
|
).done (data) ->
|
|
callback data
|
|
|
|
|
|
formatResult: userFormatResult # omitted for brevity, see the source of this page
|
|
formatSelection: userFormatSelection # omitted for brevity, see the source of this page
|
|
dropdownCssClass: "ajax-users-dropdown" # apply css that makes the dropdown taller
|
|
escapeMarkup: (m) -> # we do not want to escape markup since we are displaying html in results
|
|
m
|
|
|