UNPKG

soma.js

Version:

soma.js is a javascript framework created to build scalable and maintainable applications.

92 lines (79 loc) 2.87 kB
/** * bootstrap-notify.js v1.0.0 * -- * Copyright 2012 Nijiko Yonskai <nijikokun@gmail.com> * Copyright 2012 Goodybag, Inc. * -- * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ (function ($) { var Notification = function (element, options) { // Element collection this.$element = $(element); this.$note = $('<div class="alert"></div>'); this.options = $.extend(true, $.fn.notify.defaults, options, this.$element.data()); // Setup from options if(this.options.transition) if(this.options.transition == 'fade') this.$note.addClass('in').addClass(this.options.transition); else this.$note.addClass(this.options.transition); else this.$note.addClass('fade').addClass('in'); if(this.options.type) this.$note.addClass('alert-' + this.options.type); else this.$note.addClass('alert-success'); if(this.options.message) if(typeof this.options.message === 'string') this.$note.html(this.options.message); else if(typeof this.options.message === 'object') if(this.options.message.html) this.$note.html(this.options.message.html); else if(this.options.message.text) this.$note.text(this.options.message.text); if(this.options.closable) var link = $('<a class="close pull-right">&times;</a>'); $(link).on('click', $.proxy(onClose, this)); this.$note.prepend(link); return this; }; onClose = function() { this.options.onClose(); $(this.$note).remove(); this.options.onClosed(); }; Notification.prototype.show = function () { if(this.options.fadeOut.enabled) this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this)); this.$element.append(this.$note); this.$note.alert(); }; Notification.prototype.hide = function () { if(this.options.fadeOut.enabled) this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this)); else onClose.call(this); }; $.fn.notify = function (options) { return new Notification(this, options); }; $.fn.notify.defaults = { type: 'success', closable: true, transition: 'fade', fadeOut: { enabled: true, delay: 3000 }, message: null, onClose: function () {}, onClosed: function () {} } })(window.jQuery);