All files / app/assets/javascripts/behaviors quick_submit.js

62.96% Statements 17/27
55.56% Branches 15/27
40% Functions 2/5
65.38% Lines 17/26

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83                                                    10x 1x   9x     1x   10x 6x     4x 4x 4x       4x 4x 4x   4x 4x   4x 4x             1x                                              
import $ from 'jquery';
import '../commons/bootstrap';
import { __ } from '~/locale';
import { add, show, hide } from '~/tooltips';
import { isInIssuePage } from '../lib/utils/common_utils';
 
// Quick Submit behavior
//
// When a child field of a form with a `js-quick-submit` class receives a
// "Meta+Enter" (Mac) or "Ctrl+Enter" (Linux/Windows) key combination, the form
// is submitted.
//
// ### Example Markup
//
//   <form action="/foo" class="js-quick-submit">
//     <input type="text" />
//     <textarea></textarea>
//     <input type="submit" value="Submit" />
//   </form>
//
 
function isMac() {
  return navigator.userAgent.match(/Macintosh/);
}
 
function keyCodeIs(e, keyCode) {
  if ((e.originalEvent && e.originalEvent.repeat) || e.repeat) {
    return false;
  }
  return e.keyCode === keyCode;
}
 
$(document).on('keydown.quick_submit', '.js-quick-submit', (e) => {
  // Enter
  if (!keyCodeIs(e, 13)) {
    return;
  }
 
  const onlyMeta = e.metaKey && !e.altKey && !e.ctrlKey && !e.shiftKey;
  const onlyCtrl = e.ctrlKey && !e.altKey && !e.metaKey && !e.shiftKey;
  Iif (!onlyMeta && !onlyCtrl) {
    return;
  }
 
  e.preventDefault();
  const $form = $(e.target).closest('form');
  const $submitButton = $form.find('input[type=submit], button[type=submit]').first();
 
  Eif (!$submitButton.prop('disabled')) {
    $submitButton.trigger('click', [e]);
 
    Eif (!isInIssuePage()) {
      $submitButton.disable();
    }
  }
});
 
// If the user tabs to a submit button on a `js-quick-submit` form, display a
// tooltip to let them know they could've used the hotkey
$(document).on(
  'keyup.quick_submit',
  '.js-quick-submit input[type=submit], .js-quick-submit button[type=submit]',
  function displayTooltip(e) {
    // Tab
    if (!keyCodeIs(e, 9)) {
      return;
    }
 
    const $el = $(this);
    const title = isMac()
      ? __('You can also press \u{2318}-Enter')
      : __('You can also press Ctrl-Enter');
 
    add($el, {
      triggers: 'manual',
      show: true,
      title,
    });
    $el.one('blur click', () => hide($el));
    show($el);
  },
);