diff options
Diffstat (limited to 'core/misc/dropbutton/dropbutton.js')
-rw-r--r-- | core/misc/dropbutton/dropbutton.js | 22 |
1 files changed, 7 insertions, 15 deletions
diff --git a/core/misc/dropbutton/dropbutton.js b/core/misc/dropbutton/dropbutton.js index 166eab584525..54b8a627605c 100644 --- a/core/misc/dropbutton/dropbutton.js +++ b/core/misc/dropbutton/dropbutton.js @@ -7,30 +7,23 @@ (function ($, Drupal) { function DropButton(dropbutton, settings) { - var options = $.extend({ title: Drupal.t('List additional actions') }, settings); + var options = $.extend({ + title: Drupal.t('List additional actions') + }, settings); var $dropbutton = $(dropbutton); - this.$dropbutton = $dropbutton; - this.$list = $dropbutton.find('.dropbutton'); - this.$actions = this.$list.find('li').addClass('dropbutton-action'); if (this.$actions.length > 1) { var $primary = this.$actions.slice(0, 1); - var $secondary = this.$actions.slice(1); $secondary.addClass('secondary-action'); - $primary.after(Drupal.theme('dropbuttonToggle', options)); - this.$dropbutton.addClass('dropbutton-multiple').on({ 'mouseleave.dropbutton': $.proxy(this.hoverOut, this), - 'mouseenter.dropbutton': $.proxy(this.hoverIn, this), - 'focusout.dropbutton': $.proxy(this.focusOut, this), - 'focusin.dropbutton': $.proxy(this.focusIn, this) }); } else { @@ -46,24 +39,25 @@ Drupal.behaviors.dropButton = { attach: function attach(context, settings) { var $dropbuttons = $(context).find('.dropbutton-wrapper').once('dropbutton'); + if ($dropbuttons.length) { var $body = $('body').once('dropbutton-click'); + if ($body.length) { $body.on('click', '.dropbutton-toggle', dropbuttonClickHandler); } var il = $dropbuttons.length; + for (var i = 0; i < il; i++) { DropButton.dropbuttons.push(new DropButton($dropbuttons[i], settings.dropbutton)); } } } }; - $.extend(DropButton, { dropbuttons: [] }); - $.extend(DropButton.prototype, { toggle: function toggle(show) { var isBool = typeof show === 'boolean'; @@ -91,12 +85,10 @@ this.hoverIn.call(this, e); } }); - $.extend(Drupal.theme, { dropbuttonToggle: function dropbuttonToggle(options) { - return '<li class="dropbutton-toggle"><button type="button"><span class="dropbutton-arrow"><span class="visually-hidden">' + options.title + '</span></span></button></li>'; + return "<li class=\"dropbutton-toggle\"><button type=\"button\"><span class=\"dropbutton-arrow\"><span class=\"visually-hidden\">".concat(options.title, "</span></span></button></li>"); } }); - Drupal.DropButton = DropButton; })(jQuery, Drupal);
\ No newline at end of file |