(function($) { var tipsroot; $('script[src*=tips]').each(function(){ var s=this.src; if(s.match(/tips[^\/]*\.js/i)){tipsroot=s.replace(/[\?#].*$/, '').replace(/(^|[\/\\])[^\/]*$/, '$1');return false;} }); var tipcss=tipsroot+"css/jquery.tip.css" $('head').append(''); /*begin*/ if(window.tips)return false; $.fn.tips=function(options) { var settings=options; var sethead,settype; if(settings.content==null){settings.content="";} if(settings.time==null){settings.time=800;} if ( settings.type == 'ok' ) { settype="success"; } else if ( settings.type == 'error' ) { settype="error"; } else if ( settings.type == 'warn' ) { settype="warning"; } else if ( settings.type == 'clear' ) { settype="info"; } else if ( settings.type == 'loading' ) { settype="loading"; } else { settype="warning"; } let instance = $.toast({ text: settings.content, heading: '', icon: settype, showhidetransition: 'fade', allowtoastclose: true, hideafter: settings.time, stack: 5, position: 'mid-center', textalign: 'left', loader: true, loaderbg: '#f37b1d' }); } $.fn.tips.close=function(){ $('.jq-toast-wrap').remove(); } /*over*/ })(jquery); // jquery toast plugin created by kamran ahmed copyright mit license 2015 if ( typeof object.create !== 'function' ) { object.create = function( obj ) { function f() {} f.prototype = obj; return new f(); }; } (function( $, window, document, undefined ) { "use strict"; var toast = { _positionclasses : ['bottom-left', 'bottom-right', 'top-right', 'top-left', 'bottom-center', 'top-center', 'mid-center'], _defaulticons : ['success', 'error', 'info', 'warning', 'loading'], init: function (options, elem) { this.prepareoptions(options, $.toast.options); this.process(); }, prepareoptions: function(options, options_to_extend) { var _options = {}; if ( ( typeof options === 'string' ) || ( options instanceof array ) ) { _options.text = options; } else { _options = options; } this.options = $.extend( {}, options_to_extend, _options ); }, process: function () { this.setup(); this.addtodom(); this.position(); this.bindtoast(); this.animate(); }, setup: function () { var _toastcontent = ''; this._toastel = this._toastel || $('
', { class : 'jq-toast-single' }); // for the loader on top _toastcontent += ''; if ( this.options.allowtoastclose ) { _toastcontent += '×'; }; if ( this.options.text instanceof array ) { if ( this.options.heading ) { _toastcontent +='

' + this.options.heading + '

'; }; _toastcontent += ''; } else { if ( this.options.heading ) { _toastcontent +='

' + this.options.heading + '

'; }; _toastcontent += this.options.text; } this._toastel.html( _toastcontent ); if ( this.options.bgcolor !== false ) { this._toastel.css("background-color", this.options.bgcolor); }; if ( this.options.textcolor !== false ) { this._toastel.css("color", this.options.textcolor); }; if ( this.options.textalign ) { this._toastel.css('text-align', this.options.textalign); } if ( this.options.icon !== false ) { this._toastel.addclass('jq-has-icon'); if ( $.inarray(this.options.icon, this._defaulticons) !== -1 ) { this._toastel.addclass('jq-icon-' + this.options.icon); }; }; if ( this.options.class !== false ){ this._toastel.addclass(this.options.class) } }, position: function () { if ( ( typeof this.options.position === 'string' ) && ( $.inarray( this.options.position, this._positionclasses) !== -1 ) ) { if ( this.options.position === 'bottom-center' ) { this._container.css({ left: ( $(window).outerwidth() / 2 ) - this._container.outerwidth()/2, bottom: 20 }); } else if ( this.options.position === 'top-center' ) { this._container.css({ left: ( $(window).outerwidth() / 2 ) - this._container.outerwidth()/2, top: 180 }); } else if ( this.options.position === 'mid-center' ) { this._container.css({ left: ( $(window).outerwidth() / 2 ) - this._container.outerwidth()/2, top: ( $(window).outerheight() / 2 ) - this._container.outerheight()/2 }); } else { this._container.addclass( this.options.position ); } } else if ( typeof this.options.position === 'object' ) { this._container.css({ top : this.options.position.top ? this.options.position.top : 'auto', bottom : this.options.position.bottom ? this.options.position.bottom : 'auto', left : this.options.position.left ? this.options.position.left : 'auto', right : this.options.position.right ? this.options.position.right : 'auto' }); } else { this._container.addclass( 'bottom-left' ); } }, bindtoast: function () { var that = this; this._toastel.on('aftershown', function () { that.processloader(); }); this._toastel.find('.close-jq-toast-single').on('click', function ( e ) { e.preventdefault(); if( that.options.showhidetransition === 'fade') { that._toastel.trigger('beforehide'); that._toastel.fadeout(function () { that._toastel.trigger('afterhidden'); }); } else if ( that.options.showhidetransition === 'slide' ) { that._toastel.trigger('beforehide'); that._toastel.slideup(function () { that._toastel.trigger('afterhidden'); }); } else { that._toastel.trigger('beforehide'); that._toastel.hide(function () { that._toastel.trigger('afterhidden'); }); } }); if ( typeof this.options.beforeshow == 'function' ) { this._toastel.on('beforeshow', function () { that.options.beforeshow(); }); }; if ( typeof this.options.aftershown == 'function' ) { this._toastel.on('aftershown', function () { that.options.aftershown(); }); }; if ( typeof this.options.beforehide == 'function' ) { this._toastel.on('beforehide', function () { that.options.beforehide(); }); }; if ( typeof this.options.afterhidden == 'function' ) { this._toastel.on('afterhidden', function () { that.options.afterhidden(); }); }; }, addtodom: function () { var _container = $('.jq-toast-wrap'); if ( _container.length === 0 ) { _container = $('
',{ class: "jq-toast-wrap", role: "alert", "aria-live": "polite" }); $('body').append( _container ); } else if ( !this.options.stack || isnan( parseint(this.options.stack, 10) ) ) { _container.empty(); } _container.find('.jq-toast-single:hidden').remove(); _container.append( this._toastel ); if ( this.options.stack && !isnan( parseint( this.options.stack ), 10 ) ) { var _prevtoastcount = _container.find('.jq-toast-single').length, _exttoastcount = _prevtoastcount - this.options.stack; if ( _exttoastcount > 0 ) { $('.jq-toast-wrap').find('.jq-toast-single').slice(0, _exttoastcount).remove(); }; } this._container = _container; }, canautohide: function () { return ( this.options.hideafter !== false ) && !isnan( parseint( this.options.hideafter, 10 ) ); }, processloader: function () { // show the loader only, if auto-hide is on and loader is demanded if (!this.canautohide() || this.options.loader === false) { return false; } var loader = this._toastel.find('.jq-toast-loader'); // 400 is the default time that jquery uses for fade/slide // divide by 1000 for milliseconds to seconds conversion var transitiontime = (this.options.hideafter - 400) / 1000 + 's'; var loaderbg = this.options.loaderbg; var style = loader.attr('style') || ''; style = style.substring(0, style.indexof('-webkit-transition')); // remove the last transition definition style += '-webkit-transition: width ' + transitiontime + ' ease-in; \ -o-transition: width ' + transitiontime + ' ease-in; \ transition: width ' + transitiontime + ' ease-in; \ background-color: ' + loaderbg + ';'; loader.attr('style', style).addclass('jq-toast-loaded'); }, animate: function () { var that = this; this._toastel.hide(); this._toastel.trigger('beforeshow'); if ( this.options.showhidetransition.tolowercase() === 'fade' ) { this._toastel.fadein(function ( ){ that._toastel.trigger('aftershown'); }); } else if ( this.options.showhidetransition.tolowercase() === 'slide' ) { this._toastel.slidedown(function ( ){ that._toastel.trigger('aftershown'); }); } else { this._toastel.show(function ( ){ that._toastel.trigger('aftershown'); }); } if (this.canautohide()) { var that = this; window.settimeout(function(){ if ( that.options.showhidetransition.tolowercase() === 'fade' ) { that._toastel.trigger('beforehide'); that._toastel.fadeout(function () { that._toastel.trigger('afterhidden'); }); } else if ( that.options.showhidetransition.tolowercase() === 'slide' ) { that._toastel.trigger('beforehide'); that._toastel.slideup(function () { that._toastel.trigger('afterhidden'); }); } else { that._toastel.trigger('beforehide'); that._toastel.hide(function () { that._toastel.trigger('afterhidden'); }); } }, this.options.hideafter); }; }, reset: function ( resetwhat ) { if ( resetwhat === 'all' ) { $('.jq-toast-wrap').remove(); } else { this._toastel.remove(); } }, update: function(options) { this.prepareoptions(options, this.options); this.setup(); this.bindtoast(); } }; $.toast = function(options) { var toast = object.create(toast); toast.init(options, this); return { reset: function ( what ) { toast.reset( what ); }, update: function( options ) { toast.update( options ); } } }; $.toast.options = { text: '', heading: '', showhidetransition: 'fade', allowtoastclose: true, hideafter: 3000, loader: true, loaderbg: '#f37b1d', stack: 5, position: 'bottom-left', bgcolor: false, textcolor: false, textalign: 'left', icon: false, beforeshow: function () {}, aftershown: function () {}, beforehide: function () {}, afterhidden: function () {} }; })( jquery, window, document );