103 lines
2.4 KiB
JavaScript
103 lines
2.4 KiB
JavaScript
/* global jQuery */
|
|
|
|
(($) => {
|
|
|
|
$.fn.aalert = function (method) {
|
|
if (methods[method]) {
|
|
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
}
|
|
|
|
$.error('Method ' + method + ' does not exist');
|
|
return false;
|
|
};
|
|
|
|
var methods = {
|
|
|
|
changeTo(valiant) {
|
|
var $this = $(this);
|
|
|
|
$this.removeClass((index, css) => {
|
|
return (css.match (/(^|\s)alert-\S+/g) || []).join(' ');
|
|
});
|
|
|
|
$this.addClass('alert-' + valiant);
|
|
|
|
return this;
|
|
},
|
|
|
|
changeContentTo(content, open = true) {
|
|
var $this = $(this);
|
|
|
|
$this.find('.alert-content').html(content);
|
|
|
|
if (open === true) {
|
|
methods.open.apply(this);
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
toggle() {
|
|
var $this = $(this);
|
|
if ($this.hasClass('fade')) {
|
|
$this.fadeToggle();
|
|
} else if ($this.hasClass('slide')) {
|
|
$this.slideToggle();
|
|
} else {
|
|
$this.toggle();
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
close() {
|
|
var $this = $(this);
|
|
if ($this.hasClass('fade')) {
|
|
$this.fadeOut();
|
|
} else if ($this.hasClass('slide')) {
|
|
$this.slideUp();
|
|
} else {
|
|
$this.hide();
|
|
}
|
|
|
|
if ($this.hasClass('remove')) {
|
|
$this.remove();
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
open() {
|
|
var $this = $(this);
|
|
if ($this.hasClass('fade')) {
|
|
$this.fadeIn();
|
|
} else if ($this.hasClass('slide')) {
|
|
$this.slideDown();
|
|
} else {
|
|
$this.show();
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
closeAfter(timeOut) {
|
|
var that = this;
|
|
setTimeout(() => {
|
|
methods.close.apply(that);
|
|
}, timeOut);
|
|
|
|
return this;
|
|
}
|
|
|
|
};
|
|
|
|
$('.alert [data-dismiss="aalert"]').click(e => {
|
|
var $element = $(e.target).closest('.alert');
|
|
methods.close.apply($element);
|
|
});
|
|
|
|
$('.alert[data-timeout]').each((index, element) => {
|
|
methods.closeAfter.apply(element, [$(element).data('timeout')]);
|
|
});
|
|
|
|
})(jQuery);
|