summaryrefslogtreecommitdiffstatshomepage
path: root/core/misc/dropbutton/dropbutton.js
diff options
context:
space:
mode:
Diffstat (limited to 'core/misc/dropbutton/dropbutton.js')
-rw-r--r--core/misc/dropbutton/dropbutton.js22
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