Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/admin.adimi/layout/bootstrap4/global_assets/js/demo_pages/ |
/* ------------------------------------------------------------------------------
*
* # Progress bars & loaders
*
* Demo JS code for components_progress.html page
*
* ---------------------------------------------------------------------------- */
// Setup module
// ------------------------------
var Progress = function() {
//
// Setup module components
//
// Enhanced progress bars
var _componentProgress = function() {
if (!$().progressbar) {
console.warn('Warning - progressbar.min.js is not loaded.');
return;
}
// Basic progress bar
// ------------------------------
// Start
$('#h-default-basic-start').on('click', function() {
var $pb = $('#h-default-basic .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar();
});
// Reset
$('#h-default-basic-reset').on('click', function() {
$('#h-default-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Progress bar in right direction
// ------------------------------
// Start
$('#h-right-basic-start').on('click', function() {
var $pb = $('#h-right-basic .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar();
});
// Reset
$('#h-right-basic-reset').on('click', function() {
$('#h-right-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Progress bar with text fill
// ------------------------------
// Start
$('#h-fill-basic-start').on('click', function() {
var $pb = $('#h-fill-basic .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill'});
});
// Reset
$('#h-fill-basic-reset').on('click', function() {
$('#h-fill-basic .progress-bar').attr('data-transitiongoal', 0).progressbar({display_text: 'fill'});
});
// Start
$('#h-fill-basic-right-start').on('click', function() {
var $pb = $('#h-fill-basic-right .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill'});
});
// Reset
$('#h-fill-basic-right-reset').on('click', function() {
$('#h-fill-basic-right .progress-bar').attr('data-transitiongoal', 0).progressbar({display_text: 'fill'});
});
// Progress bar with non-percentage text
// ------------------------------
// Start
$('#h-fill-nonpercentage-basic-start').on('click', function() {
var $pb = $('#h-fill-nonpercentage-basic .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill', use_percentage: false});
});
// Reset
$('#h-fill-nonpercentage-basic-reset').on('click', function() {
$('#h-fill-nonpercentage-basic .progress-bar').attr('data-transitiongoal', 0).progressbar({display_text: 'fill', use_percentage: false});
});
// Start
$('#h-fill-nonpercentage-right-basic-start').on('click', function() {
var $pb = $('#h-fill-nonpercentage-right-basic .progress-bar');
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill', use_percentage: false});
});
// Reset
$('#h-fill-nonpercentage-right-basic-reset').on('click', function() {
$('#h-fill-nonpercentage-right-basic .progress-bar').attr('data-transitiongoal', 0).progressbar({display_text: 'fill', use_percentage: false});
});
// Vertical progress bar
// ------------------------------
// Start
$('#v-default-basic-start').on('click', function() {
$('#v-default-basic .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar();
});
});
// Reset
$('#v-default-basic-reset').on('click', function() {
$('#v-default-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Bottom direction
// ------------------------------
// Start
$('#v-bottom-basic-start').on('click', function() {
$('#v-bottom-basic .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar();
});
});
// Reset
$('#v-bottom-basic-reset').on('click', function() {
$('#v-bottom-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Vertical progress bar with text fill
// ------------------------------
// Start
$('#v-fill-basic-start').on('click', function() {
$('#v-fill-basic .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill'});
});
});
// Reset
$('#v-fill-basic-reset').on('click', function() {
$('#v-fill-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Start
$('#v-fill-bottom-start').on('click', function() {
$('#v-fill-bottom .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill'});
});
});
// Reset
$('#v-fill-bottom-reset').on('click', function() {
$('#v-fill-bottom .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Vertical progress bar with non-percentage text
// ------------------------------
// Start
$('#v-fill-nonpercentage-basic-start').on('click', function() {
$('#v-fill-nonpercentage-basic .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill', use_percentage: false});
});
});
// Reset
$('#v-fill-nonpercentage-basic-reset').on('click', function() {
$('#v-fill-nonpercentage-basic .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
// Start
$('#v-fill-nonpercentage-bottom-start').on('click', function() {
$('#v-fill-nonpercentage-bottom .progress-bar').each(function () {
var $pb = $(this);
$pb.attr('data-transitiongoal', $pb.attr('data-transitiongoal-backup'));
$pb.progressbar({display_text: 'fill', use_percentage: false});
});
});
// Reset
$('#v-fill-nonpercentage-bottom-reset').on('click', function() {
$('#v-fill-nonpercentage-bottom .progress-bar').attr('data-transitiongoal', 0).progressbar();
});
};
// BlockUI
var _componentBlockui = function() {
if (!$().block) {
console.warn('Warning - blockui.min.js is not loaded.');
return;
}
// Spinner #1
// ------------------------------
// Light
$('#spinner-light').on('click', function() {
var light = $(this).closest('.card');
$(light).block({
message: '<i class="icon-spinner spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light).unblock();
}, 2000);
});
// Dark
$('#spinner-dark').on('click', function() {
var dark = $(this).closest('.card');
$(dark).block({
message: '<i class="icon-spinner spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark).unblock();
}, 2000);
});
// Spinner #2
// ------------------------------
// Light
$('#spinner-light-2').on('click', function() {
var light_2 = $(this).closest('.card');
$(light_2).block({
message: '<i class="icon-spinner2 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_2).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-2').on('click', function() {
var dark_2 = $(this).closest('.card');
$(dark_2).block({
message: '<i class="icon-spinner2 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_2).unblock();
}, 2000);
});
// Spinner #3
// ------------------------------
// Light
$('#spinner-light-3').on('click', function() {
var light_3 = $(this).closest('.card');
$(light_3).block({
message: '<i class="icon-spinner3 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_3).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-3').on('click', function() {
var dark_3 = $(this).closest('.card');
$(dark_3).block({
message: '<i class="icon-spinner3 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_3).unblock();
}, 2000);
});
// Spinner #4
// ------------------------------
// Light
$('#spinner-light-4').on('click', function() {
var light_4 = $(this).closest('.card');
$(light_4).block({
message: '<i class="icon-spinner4 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_4).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-4').on('click', function() {
var dark_4 = $(this).closest('.card');
$(dark_4).block({
message: '<i class="icon-spinner4 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_4).unblock();
}, 2000);
});
// Spinner #5
// ------------------------------
// Light
$('#spinner-light-5').on('click', function() {
var light_5 = $(this).closest('.card');
$(light_5).block({
message: '<i class="icon-spinner6 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_5).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-5').on('click', function() {
var dark_5 = $(this).closest('.card');
$(dark_5).block({
message: '<i class="icon-spinner6 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_5).unblock();
}, 2000);
});
// Spinner #6
// ------------------------------
// Light
$('#spinner-light-6').on('click', function() {
var light_6 = $(this).closest('.card');
$(light_6).block({
message: '<i class="icon-spinner9 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_6).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-6').on('click', function() {
var dark_6 = $(this).closest('.card');
$(dark_6).block({
message: '<i class="icon-spinner9 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_6).unblock();
}, 2000);
});
// Spinner #7
// ------------------------------
// Light
$('#spinner-light-7').on('click', function() {
var light_7 = $(this).closest('.card');
$(light_7).block({
message: '<i class="icon-spinner10 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_7).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-7').on('click', function() {
var dark_7 = $(this).closest('.card');
$(dark_7).block({
message: '<i class="icon-spinner10 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_7).unblock();
}, 2000);
});
// Spinner #8
// ------------------------------
// Light
$('#spinner-light-8').on('click', function() {
var light_8 = $(this).closest('.card');
$(light_8).block({
message: '<i class="icon-spinner11 spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_8).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-8').on('click', function() {
var dark_8 = $(this).closest('.card');
$(dark_8).block({
message: '<i class="icon-spinner11 spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_8).unblock();
}, 2000);
});
// Spinner #9
// ------------------------------
// Light
$('#spinner-light-9').on('click', function() {
var light_9 = $(this).closest('.card');
$(light_9).block({
message: '<i class="icon-sync spinner"></i>',
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none'
}
});
window.setTimeout(function () {
$(light_9).unblock();
}, 2000);
});
// Dark
$('#spinner-dark-9').on('click', function() {
var dark_9 = $(this).closest('.card');
$(dark_9).block({
message: '<i class="icon-sync spinner"></i>',
overlayCSS: {
backgroundColor: '#1B2024',
opacity: 0.85,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'none',
color: '#fff'
}
});
window.setTimeout(function () {
$(dark_9).unblock();
}, 2000);
});
};
//
// Return objects assigned to module
//
return {
init: function() {
_componentProgress();
_componentBlockui();
}
}
}();
// Initialize module
// ------------------------------
document.addEventListener('DOMContentLoaded', function() {
Progress.init();
});