1 files changed, 77 insertions, 0 deletions
diff --git a/app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js b/app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js
new file mode 100644
index 00000000000..5e48bf5a35c
--- /dev/null
+++ b/app/assets/javascripts/behaviors/shortcuts/shortcuts_issuable.js
@@ -0,0 +1,77 @@
+import $ from 'jquery';
+import Mousetrap from 'mousetrap';
+import _ from 'underscore';
+import Sidebar from '../../right_sidebar';
+import Shortcuts from './shortcuts';
+import { CopyAsGFM } from '../markdown/copy_as_gfm';
+
+export default class ShortcutsIssuable extends Shortcuts {
+  constructor(isMergeRequest) {
+    super();
+
+    Mousetrap.bind('a', () => ShortcutsIssuable.openSidebarDropdown('assignee'));
+    Mousetrap.bind('m', () => ShortcutsIssuable.openSidebarDropdown('milestone'));
+    Mousetrap.bind('l', () => ShortcutsIssuable.openSidebarDropdown('labels'));
+    Mousetrap.bind('r', ShortcutsIssuable.replyWithSelectedText);
+    Mousetrap.bind('e', ShortcutsIssuable.editIssue);
+
+    if (isMergeRequest) {
+      this.enabledHelp.push('.hidden-shortcut.merge_requests');
+    } else {
+      this.enabledHelp.push('.hidden-shortcut.issues');
+    }
+  }
+
+  static replyWithSelectedText() {
+    const $replyField = $('.js-main-target-form .js-vue-comment-form');
+    const documentFragment = window.gl.utils.getSelectedFragment();
+
+    if (!$replyField.length) {
+      return false;
+    }
+
+    if (!documentFragment) {
+      $replyField.focus();
+      return false;
+    }
+
+    const el = CopyAsGFM.transformGFMSelection(documentFragment.cloneNode(true));
+    const selected = CopyAsGFM.nodeToGFM(el);
+
+    if (selected.trim() === '') {
+      return false;
+    }
+
+    const quote = _.map(selected.split('\n'), val => `${`> ${val}`.trim()}\n`);
+
+    // If replyField already has some content, add a newline before our quote
+    const separator = ($replyField.val().trim() !== '' && '\n\n') || '';
+    $replyField
+      .val((a, current) => `${current}${separator}${quote.join('')}\n`)
+      .trigger('input')
+      .trigger('change');
+
+    // Trigger autosize
+    const event = document.createEvent('Event');
+    event.initEvent('autosize:update', true, false);
+    $replyField.get(0).dispatchEvent(event);
+
+    // Focus the input field
+    $replyField.focus();
+
+    return false;
+  }
+
+  static editIssue() {
+    // Need to click the element as on issues, editing is inline
+    // on merge request, editing is on a different page
+    document.querySelector('.js-issuable-edit').click();
+
+    return false;
+  }
+
+  static openSidebarDropdown(name) {
+    Sidebar.instance.openDropdown(name);
+    return false;
+  }
+}