64 lines
11 KiB
JavaScript
64 lines
11 KiB
JavaScript
|
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){function b(b,d,e){var d={content:{message:"object"==typeof d?d.message:d,title:d.title?d.title:"",icon:d.icon?d.icon:"",url:d.url?d.url:"#",target:d.target?d.target:"-"}};e=a.extend(!0,{},d,e),this.settings=a.extend(!0,{},c,e),this._defaults=c,"-"==this.settings.content.target&&(this.settings.content.target=this.settings.url_target),this.animations={start:"webkitAnimationStart oanimationstart MSAnimationStart animationstart",end:"webkitAnimationEnd oanimationend MSAnimationEnd animationend"},"number"==typeof this.settings.offset&&(this.settings.offset={x:this.settings.offset,y:this.settings.offset}),this.init()}var c={element:"body",position:null,type:"info",allow_dismiss:!0,newest_on_top:!1,showProgressbar:!1,placement:{from:"top",align:"right"},offset:20,spacing:10,z_index:1031,delay:5e3,timer:1e3,url_target:"_blank",mouse_over:null,animate:{enter:"animated fadeInDown",exit:"animated fadeOutUp"},onShow:null,onShown:null,onClose:null,onClosed:null,icon_type:"class",template:'<div data-notify="container" class="col-xs-11 col-sm-4 alert alert-{0}" role="alert"><button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button><span data-notify="icon"></span> <span data-notify="title">{1}</span> <span data-notify="message">{2}</span><div class="progress" data-notify="progressbar"><div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div></div><a href="{3}" target="{4}" data-notify="url"></a></div>'};String.format=function(){for(var a=arguments[0],b=1;b<arguments.length;b++)a=a.replace(RegExp("\\{"+(b-1)+"\\}","gm"),arguments[b]);return a},a.extend(b.prototype,{init:function(){var a=this;this.buildNotify(),this.settings.content.icon&&this.setIcon(),"#"!=this.settings.content.url&&this.styleURL(),this.styleDismiss(),this.placement(),this.bind(),this.notify={$ele:this.$ele,update:function(b,c){var d={};"string"==typeof b?d[b]=c:d=b;for(var b in d)switch(b){case"type":this.$ele.removeClass("alert-"+a.settings.type),this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass("progress-bar-"+a.settings.type),a.settings.type=d[b],this.$ele.addClass("alert-"+d[b]).find('[data-notify="progressbar"] > .progress-bar').addClass("progress-bar-"+d[b]);break;case"icon":var e=this.$ele.find('[data-notify="icon"]');"class"==a.settings.icon_type.toLowerCase()?e.removeClass(a.settings.content.icon).addClass(d[b]):(e.is("img")||e.find("img"),e.attr("src",d[b]));break;case"progress":var f=a.settings.delay-a.settings.delay*(d[b]/100);this.$ele.data("notify-delay",f),this.$ele.find('[data-notify="progressbar"] > div').attr("aria-valuenow",d[b]).css("width",d[b]+"%");break;case"url":this.$ele.find('[data-notify="url"]').attr("href",d[b]);break;case"target":this.$ele.find('[data-notify="url"]').attr("target",d[b]);break;default:this.$ele.find('[data-notify="'+b+'"]').html(d[b])}var g=this.$ele.outerHeight()+parseInt(a.settings.spacing)+parseInt(a.settings.offset.y);a.reposition(g)},close:function(){a.close()}}},buildNotify:function(){var b=this.settings.content;this.$ele=a(String.format(this.settings.template,this.settings.type,b.title,b.message,b.url,b.target)),this.$ele.attr("data-notify-position",this.settings.placement.from+"-"+this.settings.placement.align),this.settings.allow_dismiss||this.$ele.find('[data-notify="dismiss"]').css("display","none"),(this.settings.delay<=0&&!this.settings.showProgressbar||!this.settings.showProgressbar)&&this.$ele.find('[data-notify="progressbar"]').remove()},setIcon:function(){"class"==this.settings.icon_type.toLowerCase()?this.$ele.find('[data-notify="icon"]').addClass(this.settings.content.icon):this.$ele.find('[data-notify="icon"]').is("img")?this.$ele.find('[data-notify="icon"]').attr("src",this.settings.content.icon):this.$ele.find('[data-notify="icon"]').append('<img src="'+this.settings.content.icon+'" alt="Notify Icon" />')},styleDismiss:func
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*--
|
|||
|
|
Bootstrap notify
|
|||
|
|
------------------------*/
|
|||
|
|
var jpn_notifications = [{"image":"image/demo/shop/resize/e11-270x270.jpg","message":"The 30-inch \r\n Apple Cinema HD","time_ago":"<div class='price'><span class='price-new'>$35.00</span> <span class='price-old'> $52.00</span></div>","product_href":"https://themeforest.net/item/maxshop-multipurpose-ecommerce-html-template/19277593?s_rank=3","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/B5-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$68.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/index.html","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/E3_3-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$53.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/home2.html","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/E3-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$35.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/home3.html","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/B5-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$68.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/index.html","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/E3_3-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$53.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/home2.html","show_time_ago":"1"},
|
|||
|
|
{"image":"image/demo/shop/resize/E3-270x270.jpg","message":"Someone from Auckland, New Zealand ","time_ago":"<div class='price'><span class='price-new'>$35.00</span></div>","product_href":"http://demo.smartaddons.com/templates/html/maxshop/html/home3.html","show_time_ago":"1"}];
|
|||
|
|
var jpn_total_notifications = jpn_notifications.length;
|
|||
|
|
var jpn_show_index = 0;
|
|||
|
|
|
|||
|
|
$(document).ready(function(){
|
|||
|
|
$.notifyDefaults({
|
|||
|
|
position: 'fixed',
|
|||
|
|
type: 'custom',
|
|||
|
|
allow_dismiss: true,
|
|||
|
|
showProgressbar: true,
|
|||
|
|
placement: {
|
|||
|
|
from: 'bottom',
|
|||
|
|
align: 'left'
|
|||
|
|
},
|
|||
|
|
z_index: 1031,
|
|||
|
|
delay: 10000,
|
|||
|
|
url_target: '_self',
|
|||
|
|
mouse_over: 'pause',
|
|||
|
|
animate: {
|
|||
|
|
enter: 'animated fadeIn',
|
|||
|
|
exit: 'animated fadeOut'
|
|||
|
|
},
|
|||
|
|
icon_type: 'image',
|
|||
|
|
template: '<div data-notify="container" class="col-md-3 col-sm-3 col-xs-11 alert-jpn alert-{0}" role="alert">' +
|
|||
|
|
'<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
|
|||
|
|
'<span data-notify="icon"></span> ' +
|
|||
|
|
'<span data-notify="message">{2}</span>' +
|
|||
|
|
'<span data-notify="title">{1}</span> ' +
|
|||
|
|
'<div class="progress" data-notify="progressbar">' +
|
|||
|
|
'<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<a href="{3}" target="{4}" data-notify="url"></a>' +
|
|||
|
|
'</div>'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
showNotification(jpn_show_index);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function showNotification(show_index){
|
|||
|
|
$.notify({
|
|||
|
|
icon: jpn_notifications[show_index]['image'],
|
|||
|
|
message: jpn_notifications[show_index]['message'],
|
|||
|
|
title: (jpn_notifications[show_index]['show_time_ago'] != 0) ? jpn_notifications[show_index]['time_ago'] : '',
|
|||
|
|
url: jpn_notifications[show_index]['product_href']
|
|||
|
|
},{
|
|||
|
|
onClosed: function() {
|
|||
|
|
if (show_index < jpn_total_notifications - 1) {
|
|||
|
|
setTimeout(showNotification, 3000, ++show_index);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|