94 lines
2.5 KiB
JavaScript
Vendored
94 lines
2.5 KiB
JavaScript
Vendored
'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: 'Image successfully canceled !',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Awesome!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar4.on('change', function(imageInput) {
|
|
swal.fire({
|
|
title: 'Image successfully changed !',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Awesome!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar4.on('remove', function(imageInput) {
|
|
swal.fire({
|
|
title: 'Image successfully removed !',
|
|
type: 'error',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Got it!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
// Example 5
|
|
var avatar5 = new KTImageInput('kt_image_5');
|
|
|
|
avatar5.on('cancel', function(imageInput) {
|
|
swal.fire({
|
|
title: 'Image successfully changed !',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Awesome!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar5.on('change', function(imageInput) {
|
|
swal.fire({
|
|
title: 'Image successfully changed !',
|
|
type: 'success',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Awesome!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
|
|
avatar5.on('remove', function(imageInput) {
|
|
swal.fire({
|
|
title: 'Image successfully removed !',
|
|
type: 'error',
|
|
buttonsStyling: false,
|
|
confirmButtonText: 'Got it!',
|
|
confirmButtonClass: 'btn btn-primary font-weight-bold'
|
|
});
|
|
});
|
|
}
|
|
|
|
return {
|
|
// public functions
|
|
init: function() {
|
|
initDemos();
|
|
}
|
|
};
|
|
}();
|
|
|
|
KTUtil.ready(function() {
|
|
KTImageInputDemo.init();
|
|
});
|