Extract and split GFM auto-completion setup JS
* static initialization and setup moved to assets * per request initialization moved to layout partial
This commit is contained in:
parent
eb92813757
commit
e4aa5a5c8f
4 changed files with 76 additions and 46 deletions
|
@ -36,49 +36,3 @@
|
|||
%a.file_upload.btn.small Upload File
|
||||
= f.file_field :attachment, class: "input-file"
|
||||
%span.hint Any file less than 10 MB
|
||||
|
||||
:javascript
|
||||
$(function(){
|
||||
// init auto-completion of team members
|
||||
var membersUrl = "#{root_url}/api/v2/projects/#{@project.code}/members";
|
||||
var membersParams = {
|
||||
private_token: "#{current_user.authentication_token}",
|
||||
page: 1,
|
||||
};
|
||||
var membersData = [];
|
||||
$('.gfm-input').atWho('@', function(query, callback) {
|
||||
(function getMoreMembers() {
|
||||
$.getJSON(membersUrl, membersParams).
|
||||
success(function(members) {
|
||||
// pick the data we need
|
||||
var newMembersData = $.map(members, function(member) { return member.name });
|
||||
|
||||
// add the new page of data to the rest
|
||||
$.merge(membersData, newMembersData);
|
||||
|
||||
// show the pop-up with a copy of the current data
|
||||
callback(membersData.slice(0));
|
||||
|
||||
// are we past the last page?
|
||||
if (newMembersData.length == 0) {
|
||||
// set static data and stop callbacks
|
||||
$('.gfm-input').atWho('@', { data: membersData, callback: null });
|
||||
} else {
|
||||
// get next page
|
||||
getMoreMembers();
|
||||
}
|
||||
});
|
||||
// next request will get the next page
|
||||
membersParams.page += 1;
|
||||
})();
|
||||
});
|
||||
|
||||
// init auto-completion of emoji
|
||||
var emoji = #{emoji_for_completion};
|
||||
// convert the list so that the items have the right format for completion
|
||||
emoji = $.map(emoji, function(value) {return { key: value+':', name: value }});
|
||||
$('.gfm-input').atWho(':', {
|
||||
data: emoji,
|
||||
tpl: "<li data-value='${key}'>${name} #{escape_javascript image_tag('emoji/${name}.png', :size => '20x20')}</li>"
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue