mirror of https://github.com/ColorlibHQ/gentelella
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
4.7 KiB
133 lines
4.7 KiB
// Buttons
|
|
// Uses AMD or browser globals for jQuery.
|
|
(function (factory) {
|
|
if (typeof define === 'function' && define.amd) {
|
|
// AMD. Register as a module.
|
|
define('pnotify.buttons', ['jquery', 'pnotify'], factory);
|
|
} else {
|
|
// Browser globals
|
|
factory(jQuery, PNotify);
|
|
}
|
|
}(function($, PNotify){
|
|
PNotify.prototype.options.buttons = {
|
|
// Provide a button for the user to manually close the notice.
|
|
closer: true,
|
|
// Only show the closer button on hover.
|
|
closer_hover: true,
|
|
// Provide a button for the user to manually stick the notice.
|
|
sticker: true,
|
|
// Only show the sticker button on hover.
|
|
sticker_hover: true,
|
|
// The various displayed text, helps facilitating internationalization.
|
|
labels: {
|
|
close: "Close",
|
|
stick: "Stick"
|
|
}
|
|
};
|
|
PNotify.prototype.modules.buttons = {
|
|
// This lets us update the options available in the closures.
|
|
myOptions: null,
|
|
|
|
closer: null,
|
|
sticker: null,
|
|
|
|
init: function(notice, options){
|
|
var that = this;
|
|
this.myOptions = options;
|
|
notice.elem.on({
|
|
"mouseenter": function(e){
|
|
// Show the buttons.
|
|
if (that.myOptions.sticker && !(notice.options.nonblock && notice.options.nonblock.nonblock)) that.sticker.trigger("pnotify_icon").css("visibility", "visible");
|
|
if (that.myOptions.closer && !(notice.options.nonblock && notice.options.nonblock.nonblock)) that.closer.css("visibility", "visible");
|
|
},
|
|
"mouseleave": function(e){
|
|
// Hide the buttons.
|
|
if (that.myOptions.sticker_hover)
|
|
that.sticker.css("visibility", "hidden");
|
|
if (that.myOptions.closer_hover)
|
|
that.closer.css("visibility", "hidden");
|
|
}
|
|
});
|
|
|
|
// Provide a button to stick the notice.
|
|
this.sticker = $("<div />", {
|
|
"class": "ui-pnotify-sticker",
|
|
"css": {"cursor": "pointer", "visibility": options.sticker_hover ? "hidden" : "visible"},
|
|
"click": function(){
|
|
notice.options.hide = !notice.options.hide;
|
|
if (notice.options.hide)
|
|
notice.queueRemove();
|
|
else
|
|
notice.cancelRemove();
|
|
$(this).trigger("pnotify_icon");
|
|
}
|
|
})
|
|
.bind("pnotify_icon", function(){
|
|
$(this).children().removeClass(notice.styles.pin_up+" "+notice.styles.pin_down).addClass(notice.options.hide ? notice.styles.pin_up : notice.styles.pin_down);
|
|
})
|
|
.append($("<span />", {"class": notice.styles.pin_up, "title": options.labels.stick}))
|
|
.prependTo(notice.container);
|
|
if (!options.sticker || (notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.sticker.css("display", "none");
|
|
|
|
// Provide a button to close the notice.
|
|
this.closer = $("<div />", {
|
|
"class": "ui-pnotify-closer",
|
|
"css": {"cursor": "pointer", "visibility": options.closer_hover ? "hidden" : "visible"},
|
|
"click": function(){
|
|
notice.remove(false);
|
|
that.sticker.css("visibility", "hidden");
|
|
that.closer.css("visibility", "hidden");
|
|
}
|
|
})
|
|
.append($("<span />", {"class": notice.styles.closer, "title": options.labels.close}))
|
|
.prependTo(notice.container);
|
|
if (!options.closer || (notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.closer.css("display", "none");
|
|
},
|
|
update: function(notice, options){
|
|
this.myOptions = options;
|
|
// Update the sticker and closer buttons.
|
|
if (!options.closer || (notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.closer.css("display", "none");
|
|
else if (options.closer)
|
|
this.closer.css("display", "block");
|
|
if (!options.sticker || (notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.sticker.css("display", "none");
|
|
else if (options.sticker)
|
|
this.sticker.css("display", "block");
|
|
// Update the sticker icon.
|
|
this.sticker.trigger("pnotify_icon");
|
|
// Update the hover status of the buttons.
|
|
if (options.sticker_hover)
|
|
this.sticker.css("visibility", "hidden");
|
|
else if (!(notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.sticker.css("visibility", "visible");
|
|
if (options.closer_hover)
|
|
this.closer.css("visibility", "hidden");
|
|
else if (!(notice.options.nonblock && notice.options.nonblock.nonblock))
|
|
this.closer.css("visibility", "visible");
|
|
}
|
|
};
|
|
$.extend(PNotify.styling.jqueryui, {
|
|
closer: "ui-icon ui-icon-close",
|
|
pin_up: "ui-icon ui-icon-pin-w",
|
|
pin_down: "ui-icon ui-icon-pin-s"
|
|
});
|
|
$.extend(PNotify.styling.bootstrap2, {
|
|
closer: "icon-remove",
|
|
pin_up: "icon-pause",
|
|
pin_down: "icon-play"
|
|
});
|
|
$.extend(PNotify.styling.bootstrap3, {
|
|
closer: "glyphicon glyphicon-remove",
|
|
pin_up: "glyphicon glyphicon-pause",
|
|
pin_down: "glyphicon glyphicon-play"
|
|
});
|
|
$.extend(PNotify.styling.fontawesome, {
|
|
closer: "fa fa-times",
|
|
pin_up: "fa fa-pause",
|
|
pin_down: "fa fa-play"
|
|
});
|
|
}));
|