You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.8 KiB
101 lines
2.8 KiB
function notify(style,position) {
|
|
if(style == "error"){
|
|
icon = "fa fa-exclamation";
|
|
}else if(style == "warning"){
|
|
icon = "fa fa-warning";
|
|
}else if(style == "success"){
|
|
icon = "fa fa-check";
|
|
}else if(style == "info"){
|
|
icon = "fa fa-question";
|
|
}else{
|
|
icon = "fa fa-circle-o";
|
|
}
|
|
$.notify({
|
|
title: 'Sample Notification',
|
|
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae orci ut dolor scelerisque aliquam.',
|
|
image: "<i class='"+icon+"'></i>"
|
|
}, {
|
|
style: 'metro',
|
|
className: style,
|
|
globalPosition:position,
|
|
showAnimation: "show",
|
|
showDuration: 0,
|
|
hideDuration: 0,
|
|
autoHide: false,
|
|
clickToHide: true
|
|
});
|
|
}
|
|
|
|
function notify2(style,position) {
|
|
$(".autohidebut").notify({
|
|
text: '<i class="fa fa-comment-o"></i> Hi buddy. I\'m here!'
|
|
}, {
|
|
style: 'metro',
|
|
className: 'nonspaced',
|
|
elementPosition:position,
|
|
showAnimation: "show",
|
|
showDuration: 0,
|
|
hideDuration: 0,
|
|
autoHide: false,
|
|
clickToHide: true
|
|
});
|
|
}
|
|
|
|
function autohidenotify(style,position) {
|
|
if(style == "error"){
|
|
icon = "fa fa-exclamation";
|
|
}else if(style == "warning"){
|
|
icon = "fa fa-warning";
|
|
}else if(style == "success"){
|
|
icon = "fa fa-check";
|
|
}else if(style == "info"){
|
|
icon = "fa fa-question";
|
|
}else{
|
|
icon = "fa fa-circle-o";
|
|
}
|
|
$.notify({
|
|
title: 'I will be closed in 3 seconds...',
|
|
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae orci ut dolor scelerisque aliquam.',
|
|
image: "<i class='fa fa-warning'></i>"
|
|
}, {
|
|
style: 'metro',
|
|
className: style,
|
|
globalPosition:position,
|
|
showAnimation: "show",
|
|
showDuration: 0,
|
|
hideDuration: 0,
|
|
autoHideDelay: 3000,
|
|
autoHide: true,
|
|
clickToHide: true
|
|
});
|
|
}
|
|
|
|
function nconfirm() {
|
|
$.notify({
|
|
title: 'Are you nuts?!',
|
|
text: 'Are you sure you want to do nothing?<div class="clearfix"></div><br><a class="btn btn-sm btn-default yes">Yes</a> <a class="btn btn-sm btn-danger no">No</a>',
|
|
image: "<i class='fa fa-warning'></i>"
|
|
}, {
|
|
style: 'metro',
|
|
className: "cool",
|
|
showAnimation: "show",
|
|
showDuration: 0,
|
|
hideDuration: 0,
|
|
autoHide: false,
|
|
clickToHide: false
|
|
});
|
|
}
|
|
|
|
$(function(){
|
|
//listen for click events from this style
|
|
$(document).on('click', '.notifyjs-metro-base .no', function() {
|
|
//programmatically trigger propogating hide event
|
|
$(this).trigger('notify-hide');
|
|
});
|
|
$(document).on('click', '.notifyjs-metro-base .yes', function() {
|
|
//show button text
|
|
alert($(this).text() + " clicked!");
|
|
//hide notification
|
|
$(this).trigger('notify-hide');
|
|
});
|
|
}) |