mirror of
https://github.com/jwinterm/modoboa.git
synced 2026-10-18 05:51:26 +02:00
Antoine Nguyen
a295aa1ab6
* Use of jQuery in place of Mootools * Most of the custom mootools plugins have been ported to jQuery * Use of bootstrap from Twitter in place of the old CSS * Most of the admin templates have been reworked * The sievefilters extension has been ported * The postfix autoreply extension is almost done * more... see #204
102 lines
2.7 KiB
JavaScript
102 lines
2.7 KiB
JavaScript
(function($) {
|
||
var Notify = function(element, options) {
|
||
this.$element = $(element);
|
||
this.options = $.extend({}, $.fn.notify.defaults, options);
|
||
};
|
||
|
||
Notify.prototype = {
|
||
constructor: Notify,
|
||
|
||
build_box: function(bid) {
|
||
if (bid == undefined) {
|
||
bid = "notifybox";
|
||
}
|
||
var div = $("<div class='alert' />", {
|
||
id: bid,
|
||
click: $.proxy(this.destroy_box, this)
|
||
});
|
||
|
||
return div;
|
||
},
|
||
|
||
destroy_box: function(evt) {
|
||
evt.preventDefault();
|
||
this.$element.hide().remove();
|
||
},
|
||
|
||
set_position: function(box) {
|
||
box.css({
|
||
position: "absolute",
|
||
top: this.options.top_position,
|
||
left: "50%",
|
||
marginLeft: '-' + (box.outerWidth() / 2) + 'px'
|
||
});
|
||
},
|
||
|
||
set_message: function(box, value) {
|
||
var content = '<a class="close" data-dismiss="alert">×</a>' + value;
|
||
|
||
box.html(content);
|
||
},
|
||
|
||
show: function(klass, message, timer) {
|
||
var nbox = this.build_box();
|
||
|
||
if (klass != "normal") {
|
||
nbox.addClass("alert-" + klass);
|
||
}
|
||
this.set_message(nbox, message);
|
||
this.set_position(nbox);
|
||
this.$element.append(nbox);
|
||
if (timer != undefined) {
|
||
window.setTimeout(function() {
|
||
$('.alert').alert('close');
|
||
}, timer);
|
||
}
|
||
return this;
|
||
},
|
||
|
||
success: function(message, timer) {
|
||
return this.show.apply(this, ["success", message, timer]);
|
||
},
|
||
|
||
info: function(message, timer) {
|
||
return this.show.apply(this, ["info", message, timer]);
|
||
},
|
||
|
||
error: function(message, timer) {
|
||
return this.show.apply(this, ["error", message, timer]);
|
||
},
|
||
|
||
warning: function(message, timer) {
|
||
return this.show.apply(this, ["warning", message, timer]);
|
||
},
|
||
|
||
hide: function() {
|
||
|
||
}
|
||
};
|
||
|
||
$.fn.notify = function(method) {
|
||
var args = arguments;
|
||
|
||
return this.each(function() {
|
||
var $this = $(this),
|
||
data = $this.data('notify'),
|
||
options = typeof method === "object" && method;
|
||
|
||
if (!data) {
|
||
$this.data('notify', new Notify(this, options));
|
||
data = $this.data('notify');
|
||
}
|
||
if (typeof method === "string") {
|
||
data[method].apply(data, Array.prototype.slice.call(args, 1));
|
||
}
|
||
});
|
||
};
|
||
|
||
$.fn.notify.defaults = {
|
||
top_position: 50
|
||
};
|
||
|
||
})(jQuery); |