165 lines
5.6 KiB
JavaScript
165 lines
5.6 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTToastrDemo = function() {
|
|
|
|
// Private functions
|
|
|
|
// basic demo
|
|
var demo = function() {
|
|
var i = -1;
|
|
var toastCount = 0;
|
|
var $toastlast;
|
|
|
|
var getMessage = function () {
|
|
var msgs = [
|
|
'یک سفارش جدید دارید.',
|
|
'آیا مطمئن هستید؟',
|
|
'چگونه ممکن هست!',
|
|
'با کمی تامل و فکر می توانید این مشکل را حل کنید!',
|
|
'از تفریح در قلعه لذت ببرید!'
|
|
];
|
|
i++;
|
|
if (i === msgs.length) {
|
|
i = 0;
|
|
}
|
|
|
|
return msgs[i];
|
|
};
|
|
|
|
var getMessageWithClearButton = function (msg) {
|
|
msg = msg ? msg : 'حذف خودش؟';
|
|
msg += '<br /><br /><button type="button" class="btn btn-outline-light btn-sm--air--wide clear">بله</button>';
|
|
return msg;
|
|
};
|
|
|
|
$('#showtoast').click(function () {
|
|
var shortCutFunction = $("#toastTypeGroup input:radio:checked").val();
|
|
var msg = $('#message').val();
|
|
var title = $('#title').val() || '';
|
|
var $showDuration = $('#showDuration');
|
|
var $hideDuration = $('#hideDuration');
|
|
var $timeOut = $('#timeOut');
|
|
var $extendedTimeOut = $('#extendedTimeOut');
|
|
var $showEasing = $('#showEasing');
|
|
var $hideEasing = $('#hideEasing');
|
|
var $showMethod = $('#showMethod');
|
|
var $hideMethod = $('#hideMethod');
|
|
var toastIndex = toastCount++;
|
|
var addClear = $('#addClear').prop('checked');
|
|
|
|
toastr.options = {
|
|
closeButton: $('#closeButton').prop('checked'),
|
|
debug: $('#debugInfo').prop('checked'),
|
|
newestOnTop: $('#newestOnTop').prop('checked'),
|
|
progressBar: $('#progressBar').prop('checked'),
|
|
positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
|
|
preventDuplicates: $('#preventDuplicates').prop('checked'),
|
|
onclick: null
|
|
};
|
|
|
|
if ($('#addBehaviorOnToastClick').prop('checked')) {
|
|
toastr.options.onclick = function () {
|
|
alert('بعد از حذف توئستر می توانید یک سری عملیات های سفارش را اجرا کنید');
|
|
};
|
|
}
|
|
|
|
if ($showDuration.val().length) {
|
|
toastr.options.showDuration = $showDuration.val();
|
|
}
|
|
|
|
if ($hideDuration.val().length) {
|
|
toastr.options.hideDuration = $hideDuration.val();
|
|
}
|
|
|
|
if ($timeOut.val().length) {
|
|
toastr.options.timeOut = addClear ? 0 : $timeOut.val();
|
|
}
|
|
|
|
if ($extendedTimeOut.val().length) {
|
|
toastr.options.extendedTimeOut = addClear ? 0 : $extendedTimeOut.val();
|
|
}
|
|
|
|
if ($showEasing.val().length) {
|
|
toastr.options.showEasing = $showEasing.val();
|
|
}
|
|
|
|
if ($hideEasing.val().length) {
|
|
toastr.options.hideEasing = $hideEasing.val();
|
|
}
|
|
|
|
if ($showMethod.val().length) {
|
|
toastr.options.showMethod = $showMethod.val();
|
|
}
|
|
|
|
if ($hideMethod.val().length) {
|
|
toastr.options.hideMethod = $hideMethod.val();
|
|
}
|
|
|
|
if (addClear) {
|
|
msg = getMessageWithClearButton(msg);
|
|
toastr.options.tapToDismiss = false;
|
|
}
|
|
if (!msg) {
|
|
msg = getMessage();
|
|
}
|
|
|
|
$('#toastrOptions').text(
|
|
'toastr.options = '
|
|
+ JSON.stringify(toastr.options, null, 2)
|
|
+ ';'
|
|
+ '\n\ntoastr.'
|
|
+ shortCutFunction
|
|
+ '("'
|
|
+ msg
|
|
+ (title ? '", "' + title : '')
|
|
+ '");'
|
|
);
|
|
|
|
var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
|
|
$toastlast = $toast;
|
|
|
|
if(typeof $toast === 'undefined'){
|
|
return;
|
|
}
|
|
|
|
if ($toast.find('#okBtn').length) {
|
|
$toast.delegate('#okBtn', 'click', function () {
|
|
alert('کلیک کنید روی توئستر #' + toastIndex + '. خداحافظ');
|
|
$toast.remove();
|
|
});
|
|
}
|
|
if ($toast.find('#surpriseBtn').length) {
|
|
$toast.delegate('#surpriseBtn', 'click', function () {
|
|
alert('سوپرایز! با کلیک کردن #' + toastIndex + '. می توانید کلیک کنید و مشاهده کنید عملیات را.');
|
|
});
|
|
}
|
|
if ($toast.find('.clear').length) {
|
|
$toast.delegate('.clear', 'click', function () {
|
|
toastr.clear($toast, { force: true });
|
|
});
|
|
}
|
|
});
|
|
|
|
function getLastToast(){
|
|
return $toastlast;
|
|
}
|
|
$('#clearlasttoast').click(function () {
|
|
toastr.clear(getLastToast());
|
|
});
|
|
$('#cleartoasts').click(function () {
|
|
toastr.clear();
|
|
});
|
|
}
|
|
|
|
return {
|
|
// public functions
|
|
init: function() {
|
|
demo();
|
|
}
|
|
};
|
|
}();
|
|
|
|
jQuery(document).ready(function() {
|
|
KTToastrDemo.init();
|
|
}); |