75a7f4499a
1. switched from autocomplete.js to jquery-textcomplete 2. style update 3. Allow mentioning by ign OR display name 4. display names can be two words and separated by a space 5. display names can be all characters, except a few special ones (punctuation etc) 6. Wildcard characters are escaped in SQL 7. Suggestions are html escaped 8. Suggestions have a timeout of 300ms, so the query is made after you stopped typing
96 lines
2.7 KiB
JavaScript
96 lines
2.7 KiB
JavaScript
$(function() {
|
|
|
|
$('.md_editor .field_container .preview-button').click(function() {
|
|
if ($(this).data('preview') == 'true') {
|
|
edit($(this));
|
|
} else {
|
|
preview($(this));
|
|
}
|
|
});
|
|
|
|
function edit(target) {
|
|
target.data('preview', 'false');
|
|
target.text('Preview');
|
|
target.parent().find('.preview').hide();
|
|
target.parent().find('.editor_field').show();
|
|
}
|
|
|
|
function preview(target) {
|
|
target.data('preview', 'true');
|
|
target.text('Edit');
|
|
var prev = target.parent().find('.preview');
|
|
var editor = target.parent().find('.editor_field');
|
|
prev.html("<i>(Loading ...)</i>");
|
|
prev.show();
|
|
editor.hide();
|
|
if (target.parent().parent().hasClass('mini')) {
|
|
var url = '/tools/render_mini_markdown';
|
|
} else {
|
|
var url = '/tools/render_markdown';
|
|
}
|
|
$.ajax(url, {
|
|
type: 'post',
|
|
data: {text: editor.val()},
|
|
dataType: 'html',
|
|
headers: {
|
|
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
|
|
},
|
|
success: function(data) {
|
|
prev.html(data);
|
|
prev.find('pre code').each(function(i, e) {
|
|
if ($(this).attr("class")) {
|
|
$(this).parent().attr("lang", $(this).attr("class").replace("hljs", "").trim());
|
|
} else {
|
|
$(this).parent().attr("lang", "(language unknown)");
|
|
}
|
|
hljs.highlightBlock(e);
|
|
});
|
|
},
|
|
error: function(xhr, status, err) {
|
|
prev.html('<i>(Error: ' + status + ')</i><br>' + err);
|
|
}
|
|
});
|
|
}
|
|
|
|
$('.md_editor .editor_field').textcomplete([{
|
|
// match up to 2 words (everything except some special characters)
|
|
// each word can have up to 16 characters (up to 32 total)
|
|
// words must be separated by a single space
|
|
match: /(^|\s)@(([^!"§$%&\/()=?.,;+*@\s]{1,16} ?){0,1}[^!"§$%&\/()=?.,;+*@\s]{1,16})$/,
|
|
search: function (text, callback, match) {
|
|
console.log("Searching " + text);
|
|
text = text.toLowerCase();
|
|
$.ajax("/users/suggestions", {
|
|
type: "post",
|
|
data: {name: text},
|
|
dataType: "json",
|
|
headers: {
|
|
"X-CSRF-Token": $('meta[name="csrf-token"]').attr("content")
|
|
},
|
|
success: function(data) {
|
|
callback(data);
|
|
},
|
|
error: function(xhr, status, err) {
|
|
console.error(err);
|
|
callback([]);
|
|
}
|
|
});
|
|
},
|
|
template: function(user) {
|
|
var name = user[0];
|
|
var ign = user[1];
|
|
if (name != ign) {
|
|
return name + " <small>(" + ign + ")</small>";
|
|
} else {
|
|
return ign;
|
|
}
|
|
},
|
|
cache: true,
|
|
replace: function (word) {
|
|
return "$1@" + word[1] + " ";
|
|
}
|
|
}], {
|
|
debounce: 300
|
|
});
|
|
|
|
}); |