agdar/static/js/demo/page-with-two-sidebar.demo.js
2025-11-02 14:35:35 +03:00

59 lines
1.3 KiB
JavaScript
Executable File

/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 5
Version: 5.5.1
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin/
*/
var getRandomValue = function() {
var value = [];
for (var i = 0; i<= 28; i++) {
value.push(Math.floor((Math.random() * 10) + 1));
}
return value;
};
var handleRenderKnobDonutChart = function() {
$('.knob').knob();
};
var handleRenderSparkline = function() {
var options = {
height: '30px',
width: '100%',
fillColor: 'transparent',
type: 'bar',
barWidth: 5,
barColor: app.color.success
};
var value = getRandomValue();
$('#sidebar-sparkline-1').sparkline(value, options);
value = getRandomValue();
options.barColor = app.color.blue;
$('#sidebar-sparkline-2').sparkline(value, options);
value = getRandomValue();
options.barColor = app.color.purple;
$('#sidebar-sparkline-3').sparkline(value, options);
value = getRandomValue();
options.barColor = app.color.red;
$('#sidebar-sparkline-4').sparkline(value, options);
};
var PageWithTwoSidebar = function () {
"use strict";
return {
//main function
init: function () {
handleRenderKnobDonutChart();
handleRenderSparkline();
}
};
}();
$(document).ready(function() {
PageWithTwoSidebar.init();
});