94 lines
2.6 KiB
JavaScript
94 lines
2.6 KiB
JavaScript
'use strict';
|
|
|
|
// Class definition
|
|
var KTImageInputDemo = function () {
|
|
// Private functions
|
|
var initDemos = function () {
|
|
// Example 1
|
|
var avatar1 = new KTImageInput('kt_image_1');
|
|
|
|
// Example 2
|
|
var avatar2 = new KTImageInput('kt_image_2');
|
|
|
|
// Example 3
|
|
var avatar3 = new KTImageInput('kt_image_3');
|
|
|
|
// Example 4
|
|
var avatar4 = new KTImageInput('kt_image_4');
|
|
|
|
avatar4.on('cancel', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت لغو شد.',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'عالی!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar4.on('change', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت تغییر کرد',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'عالی!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar4.on('remove', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت حذف شد.',
|
|
type: 'error',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'فهمیدم!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
// Example 5
|
|
var avatar5 = new KTImageInput('kt_image_5');
|
|
|
|
avatar5.on('cancel', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت تغییر کرد',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'عالی!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar5.on('change', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت تغییر کرد',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'عالی!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar5.on('remove', function(imageInput) {
|
|
swal.fire({
|
|
title: 'تصویر با موفقیت حذف شد.',
|
|
type: 'error',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'فهمیدم!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
}
|
|
|
|
return {
|
|
// public functions
|
|
init: function() {
|
|
initDemos();
|
|
}
|
|
};
|
|
}();
|
|
|
|
KTUtil.ready(function() {
|
|
KTImageInputDemo.init();
|
|
});
|