2 * DO NOT EDIT THIS FILE.
3 * See the following change record for more information,
4 * https://www.drupal.org/node/2815083
8 (function ($, Drupal, Backbone, _) {
9 Drupal.ckeditor.KeyboardView = Backbone.View.extend({
10 initialize: function initialize() {
11 this.$el.on('keydown.ckeditor', '.ckeditor-buttons a, .ckeditor-multiple-buttons a', this.onPressButton.bind(this));
12 this.$el.on('keydown.ckeditor', '[data-drupal-ckeditor-type="group"]', this.onPressGroup.bind(this));
14 render: function render() {},
15 onPressButton: function onPressButton(event) {
16 var upDownKeys = [38, 63232, 40, 63233];
17 var leftRightKeys = [37, 63234, 39, 63235];
19 if (event.keyCode === 13) {
20 event.stopPropagation();
23 if (_.indexOf(_.union(upDownKeys, leftRightKeys), event.keyCode) > -1) {
25 var $target = $(event.currentTarget);
26 var $button = $target.parent();
27 var $container = $button.parent();
28 var $group = $button.closest('.ckeditor-toolbar-group');
30 var containerType = $container.data('drupal-ckeditor-button-sorting');
31 var $availableButtons = this.$el.find('[data-drupal-ckeditor-button-sorting="source"]');
32 var $activeButtons = this.$el.find('.ckeditor-toolbar-active');
34 var $originalGroup = $group;
37 if (containerType === 'source') {
38 if (_.indexOf([40, 63233], event.keyCode) > -1) {
39 $activeButtons.find('.ckeditor-toolbar-group-buttons').eq(0).prepend($button);
41 } else if (containerType === 'target') {
42 if (_.indexOf(leftRightKeys, event.keyCode) > -1) {
43 var $siblings = $container.children();
44 var index = $siblings.index($button);
45 if (_.indexOf([37, 63234], event.keyCode) > -1) {
47 $button.insertBefore($container.children().eq(index - 1));
49 $group = $container.parent().prev();
50 if ($group.length > 0) {
51 $group.find('.ckeditor-toolbar-group-buttons').append($button);
53 $container.closest('.ckeditor-row').prev().find('.ckeditor-toolbar-group').not('.placeholder').find('.ckeditor-toolbar-group-buttons').eq(-1).append($button);
56 } else if (_.indexOf([39, 63235], event.keyCode) > -1) {
57 if (index < $siblings.length - 1) {
58 $button.insertAfter($container.children().eq(index + 1));
60 $container.parent().next().find('.ckeditor-toolbar-group-buttons').prepend($button);
63 } else if (_.indexOf(upDownKeys, event.keyCode) > -1) {
64 dir = _.indexOf([38, 63232], event.keyCode) > -1 ? 'prev' : 'next';
65 $row = $container.closest('.ckeditor-row')[dir]();
67 if (dir === 'prev' && $row.length === 0) {
68 if ($button.data('drupal-ckeditor-type') === 'separator') {
69 $button.off().remove();
71 $activeButtons.find('.ckeditor-toolbar-group-buttons').eq(0).children().eq(0).children().trigger('focus');
73 $availableButtons.prepend($button);
76 $row.find('.ckeditor-toolbar-group-buttons').eq(0).prepend($button);
79 } else if (containerType === 'dividers') {
80 if (_.indexOf([40, 63233], event.keyCode) > -1) {
81 $button = $button.clone(true);
82 $activeButtons.find('.ckeditor-toolbar-group-buttons').eq(0).prepend($button);
83 $target = $button.children();
89 Drupal.ckeditor.registerButtonMove(this, $button, function (result) {
90 if (!result && $originalGroup) {
91 $originalGroup.find('.ckeditor-buttons').append($button);
93 view.$el.find('.ui-sortable').sortable('refresh');
96 $target.trigger('focus');
99 event.preventDefault();
100 event.stopPropagation();
103 onPressGroup: function onPressGroup(event) {
104 var upDownKeys = [38, 63232, 40, 63233];
105 var leftRightKeys = [37, 63234, 39, 63235];
107 if (event.keyCode === 13) {
110 window.setTimeout(function () {
111 Drupal.ckeditor.openGroupNameDialog(view, $(event.currentTarget));
113 event.preventDefault();
114 event.stopPropagation();
117 if (_.indexOf(_.union(upDownKeys, leftRightKeys), event.keyCode) > -1) {
118 var $group = $(event.currentTarget);
119 var $container = $group.parent();
120 var $siblings = $container.children();
124 if (_.indexOf(leftRightKeys, event.keyCode) > -1) {
125 index = $siblings.index($group);
127 if (_.indexOf([37, 63234], event.keyCode) > -1) {
129 $group.insertBefore($siblings.eq(index - 1));
131 $group.insertBefore($container.closest('.ckeditor-row').prev().find('.ckeditor-toolbar-groups').children().eq(-1));
133 } else if (_.indexOf([39, 63235], event.keyCode) > -1) {
134 if (!$siblings.eq(index + 1).hasClass('placeholder')) {
135 $group.insertAfter($container.children().eq(index + 1));
137 $container.closest('.ckeditor-row').next().find('.ckeditor-toolbar-groups').prepend($group);
140 } else if (_.indexOf(upDownKeys, event.keyCode) > -1) {
141 dir = _.indexOf([38, 63232], event.keyCode) > -1 ? 'prev' : 'next';
142 $group.closest('.ckeditor-row')[dir]().find('.ckeditor-toolbar-groups').eq(0).prepend($group);
145 Drupal.ckeditor.registerGroupMove(this, $group);
146 $group.trigger('focus');
147 event.preventDefault();
148 event.stopPropagation();
152 })(jQuery, Drupal, Backbone, _);