| Server IP : 144.76.124.212 / Your IP : 216.73.216.138 Web Server : LiteSpeed System : Linux l4cp.vnetindia.com 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : rakcha ( 1356) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home5/rakcha/www/user/js/pages/ |
Upload File : |
//[Dashboard 4 Javascript]
//Project: Maximum Admin - Responsive Admin Template
//Version: 1.3.0
//Last change: 20/09/2017
//Primary use: Used only for the main dashboard 4 (index4.html)
$(function () {
'use strict';
// Make the dashboard widgets sortable Using jquery UI
$('.connectedSortable').sortable({
placeholder : 'sort-highlight',
connectWith : '.connectedSortable',
handle : '.box-header, .nav-tabs',
forcePlaceholderSize: true,
zIndex : 999999
});
$('.connectedSortable .box-header, .connectedSortable .nav-tabs-custom').css('cursor', 'move');
$('.daterange').daterangepicker({
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
}, function (start, end) {
window.alert('You chose: ' + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
});
/* jVector Maps
* ------------
* Create a world map with markers
*/
jQuery('#visitfromworld').vectorMap({
map: 'world_mill_en',
backgroundColor: '#fff',
borderColor: '#000',
borderOpacity: 1,
borderWidth: 1,
zoomOnScroll : false,
color: '#ddd',
regionStyle: {
initial: {
fill: '#ccc',
}
},
markerStyle: {
initial: {
r: 8,
'fill': '#26c6da',
'fill-opacity': 1,
'stroke': '#000',
'stroke-width': 0,
'stroke-opacity': 1,
}
},
enableZoom: true,
hoverColor: '#79e580',
markers: [{
latLng: [21.00, 78.00],
name: 'India : 9347',
style: {fill: '#26c6da'}
},
{
latLng : [-33.00, 151.00],
name : 'Australia : 250',
style: {fill: '#02b0c3'}
},
{
latLng : [36.77, -119.41],
name : 'USA : 250',
style: {fill: '#11a0f8'}
},
{
latLng : [55.37, -3.41],
name : 'UK : 250',
style: {fill: '#745af2'}
},
{
latLng : [25.20, 55.27],
name : 'UAE : 250',
style: {fill: '#ffbc34'}
}],
hoverOpacity: null,
normalizeFunction: 'linear',
scaleColors: ['#fff', '#ccc'],
selectedColor: '#c9dfaf',
selectedRegions: [],
showTooltip: true,
onRegionClick: function (element, code, region) {
var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
alert(message);
}
});
// -----------------
// - SPARKLINE BAR -
// -----------------
$('.sparkbar').each(function () {
var $this = $(this);
$this.sparkline('html', {
type : 'bar',
height : $this.data('height') ? $this.data('height') : '30',
barColor: $this.data('color')
});
});
// -----------------
// - SPARKLINE BAR -
// -----------------
$("#sparkline9").sparkline([0,2,8,6,8,5,6,4,8,6,6,2 ], {
type: 'line',
width: '100%',
height: '50',
lineColor: '#fc4b6c',
fillColor: '#fc4b6c',
minSpotColor:'#fc4b6c',
maxSpotColor: '#fc4b6c',
highlightLineColor: 'rgba(0, 0, 0, 0.2)',
highlightSpotColor: '#fc4b6c'
});
// SLIMSCROLL FOR CHAT WIDGET
$('#direct-chat').slimScroll({
height: '255px'
});
//-------------
//- BAR CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
var barChartCanvas = $('#barChart').get(0).getContext('2d');
// This will get the first returned node in the jQuery collection.
var barChart = new Chart(barChartCanvas);
var barChartData = {
labels : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
datasets: [
{
label : 'Electronics',
fillColor : 'rgba(38,198,218,1)',
strokeColor : 'rgba(38,198,218,0)',
pointColor : '#26c6da',
pointStrokeColor : 'rgba(38,198,218,0)',
pointHighlightFill : '#fff',
pointHighlightStroke: 'rgba(38,198,218,1)',
data : [5, 4, 3, 7, 5, 10, 3]
},
{
label : 'Digital Goods',
fillColor : 'rgba(30,136,229,1)',
strokeColor : 'rgba(30,136,229,0)',
pointColor : 'rgba(30,136,229,0)',
pointStrokeColor : '#1e88e5',
pointHighlightFill : '#fff',
pointHighlightStroke: 'rgba(30,136,229,1)',
data : [3, 2, 9, 5, 4, 6, 4]
}
]
};
var barChartOptions = {
//Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero : true,
//Boolean - Whether grid lines are shown across the chart
scaleShowGridLines : true,
//String - Colour of the grid lines
scaleGridLineColor : 'rgba(0,0,0,.05)',
//Number - Width of the grid lines
scaleGridLineWidth : 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines : true,
//Boolean - If there is a stroke on each bar
barShowStroke : true,
//Number - Pixel width of the bar stroke
barStrokeWidth : 2,
//Number - Spacing between each of the X value sets
barValueSpacing : 30,
//Number - Spacing between data sets within X values
barDatasetSpacing : 1,
//String - A legend template
legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>',
//Boolean - whether to make the chart responsive
responsive : true,
maintainAspectRatio : true
};
barChartOptions.datasetFill = false,
barChart.Bar(barChartData, barChartOptions);
}); // End of use strict