diff options
Diffstat (limited to 'core/misc/dropbutton/dropbutton.js')
-rw-r--r-- | core/misc/dropbutton/dropbutton.js | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/core/misc/dropbutton/dropbutton.js b/core/misc/dropbutton/dropbutton.js index 54b8a627605..166eab58452 100644 --- a/core/misc/dropbutton/dropbutton.js +++ b/core/misc/dropbutton/dropbutton.js @@ -7,23 +7,30 @@ (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 { @@ -39,25 +46,24 @@ 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'; @@ -85,10 +91,12 @@ 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\">".concat(options.title, "</span></span></button></li>"); + return '<li class="dropbutton-toggle"><button type="button"><span class="dropbutton-arrow"><span class="visually-hidden">' + options.title + '</span></span></button></li>'; } }); + Drupal.DropButton = DropButton; })(jQuery, Drupal);
\ No newline at end of file |