diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-05-26 20:30:01 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-05-26 20:34:56 +0200 |
commit | 40c2411f2a1ce0bbd177f377828f9d6700112b06 (patch) | |
tree | bf1f7ab8d94fe3e0edfcde817961d6954c11af4d /client/components/main/editor.js | |
parent | 1b4fcc67f4ec94ed53a2f86ad6889e551f00815e (diff) | |
download | wekan-40c2411f2a1ce0bbd177f377828f9d6700112b06.tar.gz wekan-40c2411f2a1ce0bbd177f377828f9d6700112b06.tar.bz2 wekan-40c2411f2a1ce0bbd177f377828f9d6700112b06.zip |
Implement a new system to handle "escape actions"
The new EscapeActions object decide what to do when the user press the
Escape key (such as closing a opened popup or inlined form).
This commit also re-introduced the sidebar current view as a sidebar
component local state.
Diffstat (limited to 'client/components/main/editor.js')
-rw-r--r-- | client/components/main/editor.js | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/client/components/main/editor.js b/client/components/main/editor.js new file mode 100644 index 00000000..95a8dc5d --- /dev/null +++ b/client/components/main/editor.js @@ -0,0 +1,66 @@ +var dropdownMenuIsOpened = false; + +Template.editor.onRendered(function() { + var $textarea = this.$('textarea'); + + $textarea.textcomplete([ + // Emojies + { + match: /\B:([\-+\w]*)$/, + search: function(term, callback) { + callback($.map(Emoji.values, function(emoji) { + return emoji.indexOf(term) === 0 ? emoji : null; + })); + }, + template: function(value) { + var image = '<img src="' + Emoji.baseImagePath + value + '.png"></img>'; + return image + value; + }, + replace: function(value) { + return ':' + value + ':'; + }, + index: 1 + }, + + // User mentions + { + match: /\B@(\w*)$/, + search: function(term, callback) { + var currentBoard = Boards.findOne(Session.get('currentBoard')); + callback($.map(currentBoard.members, function(member) { + var username = Users.findOne(member.userId).username; + return username.indexOf(term) === 0 ? username : null; + })); + }, + template: function(value) { + return value; + }, + replace: function(username) { + return '@' + username + ' '; + }, + index: 1 + } + ]); + + // Since commit d474017 jquery-textComplete automatically closes a potential + // opened dropdown menu when the user press Escape. This behavior conflicts + // with our EscapeActions system, but it's too complicated and hacky to + // monkey-pach textComplete to disable it -- I tried. Instead we listen to + // 'open' and 'hide' events, and create a ghost escapeAction when the dropdown + // is opened (and rely on textComplete to execute the actual action). + $textarea.on({ + 'textComplete:show': function() { + dropdownMenuIsOpened = true; + }, + 'textComplete:hide': function() { + Tracker.afterFlush(function() { + dropdownMenuIsOpened = false; + }); + } + }); +}); + +EscapeActions.register(10, + function() { return dropdownMenuIsOpened; }, + function() {} +); |