Commit a5861b8f authored by Cyril's avatar Cyril

fix gfm autocomplete for usernames

parent d3b8952f
# Creates the variables for setting up GFM auto-completion # Creates the variables for setting up GFM auto-completion
window.GitLab ?= {} window.GitLab ?= {}
GitLab.GfmAutoComplete ?= {} GitLab.GfmAutoComplete =
# Emoji
data = []
template = "<li data-value='${insert}'>${name} <img alt='${name}' height='20' src='${image}' width='20' /></li>"
GitLab.GfmAutoComplete.Emoji = {data, template}
# Team Members
data = []
url = '';
params = {private_token: '', page: 1}
GitLab.GfmAutoComplete.Members = {data, url, params}
# Add GFM auto-completion to all input fields, that accept GFM input.
GitLab.GfmAutoComplete.setup = ->
input = $('.js-gfm-input')
# Emoji # Emoji
input.atWho ':', Emoji:
data: GitLab.GfmAutoComplete.Emoji.data, data: []
tpl: GitLab.GfmAutoComplete.Emoji.template template: '<li data-value="${insert}">${name} <img alt="${name}" height="20" src="${image}" width="20" /></li>'
# Team Members # Team Members
input.atWho '@', (query, callback) -> Members:
(getMoreMembers = -> data: []
$.getJSON(GitLab.GfmAutoComplete.Members.url, GitLab.GfmAutoComplete.Members.params) url: ''
.success (members) -> params:
# pick the data we need private_token: ''
newMembersData = $.map(members, (m) -> m.name ) page: 1
template: '<li data-value="${username}">${username} <small>${name}</small></li>'
# add the new page of data to the rest
$.merge(GitLab.GfmAutoComplete.Members.data, newMembersData) # Add GFM auto-completion to all input fields, that accept GFM input.
setup: ->
# show the pop-up with a copy of the current data input = $('.js-gfm-input')
callback(GitLab.GfmAutoComplete.Members.data[..])
# Emoji
# are we past the last page? input.atWho ':',
if newMembersData.length is 0 data: @Emoji.data
# set static data and stop callbacks tpl: @Emoji.template
input.atWho '@',
data: GitLab.GfmAutoComplete.Members.data # Team Members
callback: null input.atWho '@',
else tpl: @Members.template
# get next page callback: (query, callback) =>
getMoreMembers() (getMoreMembers = =>
$.getJSON(@Members.url, @Members.params).done (members) =>
# so the next request gets the next page # pick the data we need
GitLab.GfmAutoComplete.Members.params.page += 1 newMembersData = $.map(members, (m) ->
).call() username: m.username
name: m.name
)
# add the new page of data to the rest
$.merge(@Members.data, newMembersData)
# show the pop-up with a copy of the current data
callback(@Members.data[..])
# are we past the last page?
if newMembersData.length is 0
# set static data and stop callbacks
input.atWho '@',
data: @Members.data
callback: null
else
# get next page
getMoreMembers()
# so the next callback requests the next page
@Members.params.page += 1
).call()
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment