Ümit Tunç
113 lines
3.6 KiB
JavaScript
113 lines
3.6 KiB
JavaScript
/*
|
|
* Document : be_ui_activity.js
|
|
* Author : pixelcave
|
|
* Description: Custom JS code used in Activity Page
|
|
*/
|
|
|
|
class BeUIActivity {
|
|
/*
|
|
* Randomize progress bars values
|
|
*
|
|
*/
|
|
static barsRandomize() {
|
|
jQuery('.js-bar-randomize').on('click', e => {
|
|
jQuery(e.currentTarget)
|
|
.parents('.block')
|
|
.find('.progress-bar')
|
|
.each((index, element) => {
|
|
let el = jQuery(element);
|
|
let random = Math.floor((Math.random() * 91) + 10);
|
|
|
|
// Update progress width
|
|
el.css('width', random + '%');
|
|
|
|
// Update progress label
|
|
jQuery('.progress-bar-label', el).html(random + '%');
|
|
});
|
|
});
|
|
}
|
|
|
|
/*
|
|
* SweetAlert2, for more examples you can check out https://github.com/limonte/sweetalert2
|
|
*
|
|
*/
|
|
static sweetAlert2() {
|
|
// Set default properties
|
|
let toast = swal.mixin({
|
|
buttonsStyling: false,
|
|
confirmButtonClass: 'btn btn-lg btn-alt-success m-5',
|
|
cancelButtonClass: 'btn btn-lg btn-alt-danger m-5',
|
|
inputClass: 'form-control'
|
|
});
|
|
|
|
// Init a simple alert on button click
|
|
jQuery('.js-swal-alert').on('click', e => {
|
|
toast('Hi, this is a simple alert!');
|
|
});
|
|
|
|
// Init an success alert on button click
|
|
jQuery('.js-swal-success').on('click', e => {
|
|
toast('Success', 'Everything updated perfectly!', 'success');
|
|
});
|
|
|
|
// Init an info alert on button click
|
|
jQuery('.js-swal-info').on('click', e => {
|
|
toast('Info', 'Just an informational modal!', 'info');
|
|
});
|
|
|
|
// Init an warning alert on button click
|
|
jQuery('.js-swal-warning').on('click', e => {
|
|
toast('Warning', 'Something needs your attention!', 'warning');
|
|
});
|
|
|
|
// Init an error alert on button click
|
|
jQuery('.js-swal-error').on('click', e => {
|
|
toast('Oops...', 'Something went wrong!', 'error');
|
|
});
|
|
|
|
// Init an question alert on button click
|
|
jQuery('.js-swal-question').on('click', e => {
|
|
toast('Question', 'Are you sure?', 'question');
|
|
});
|
|
|
|
// Init an example confirm alert on button click
|
|
jQuery('.js-swal-confirm').on('click', e => {
|
|
toast({
|
|
title: 'Are you sure?',
|
|
text: 'You will not be able to recover this imaginary file!',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#d26a5c',
|
|
confirmButtonText: 'Yes, delete it!',
|
|
html: false,
|
|
preConfirm: e => {
|
|
return new Promise(resolve => {
|
|
setTimeout(() => {
|
|
resolve();
|
|
}, 50);
|
|
});
|
|
}
|
|
}).then(result => {
|
|
if (result.value) {
|
|
toast('Deleted!', 'Your imaginary file has been deleted.', 'success');
|
|
// result.dismiss can be 'overlay', 'cancel', 'close', 'esc', 'timer'
|
|
} else if (result.dismiss === 'cancel') {
|
|
toast('Cancelled', 'Your imaginary file is safe :)', 'error');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Init functionality
|
|
*
|
|
*/
|
|
static init() {
|
|
this.barsRandomize();
|
|
this.sweetAlert2();
|
|
}
|
|
}
|
|
|
|
// Initialize when page loads
|
|
jQuery(() => { BeUIActivity.init(); });
|