| Server IP : 74.208.127.88 / Your IP : 3.147.67.245 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/admin/scripts/ |
Upload File : |
$(document).ready(function () {
if($('.datatable-1').length>0){
$('.datatable-1').dataTable();
$('.dataTables_paginate').addClass('btn-group datatable-pagination');
$('.dataTables_paginate > a').wrapInner('<span />');
$('.dataTables_paginate > a:first-child').append('<i class="icon-chevron-left shaded"></i>');
$('.dataTables_paginate > a:last-child').append('<i class="icon-chevron-right shaded"></i>');
$( '.slider-range').slider({
range: true,
min: 0,
max: 20000,
values: [ 3000, 12000 ],
slide: function(event, ui) {
$(this).find('.ui-slider-handle').attr('title', ui.value);
},
});
$( '#amount' ).val( '$' + $( '.slider-range' ).slider( 'values', 0 ) + ' - $' + $( '.slider-range' ).slider( 'values', 1 ) );
//Graph/Chart index.html
var d1 = [ [0, 1], [1, 14], [2, 5], [3, 4], [4, 5], [5, 1], [6, 14], [7, 5], [8, 5] ];
var d2 = [ [0, 5], [1, 2], [2, 10], [3, 1], [4, 9], [5, 5], [6, 2], [7, 10], [8, 8] ];
var plot = $.plot($('#placeholder2'),
[ { data: d1, label: 'Profits'}, { data: d2, label: 'Expenses' } ], {
lines: {
show: true,
fill: true, /*SWITCHED*/
lineWidth: 2
},
points: {
show: true,
lineWidth: 5
},
grid: {
clickable: true,
hoverable: true,
autoHighlight: true,
mouseActiveRadius: 10,
aboveData: true,
backgroundColor: '#fff',
borderWidth: 0,
minBorderMargin: 25,
},
colors: [ '#55f3c0', '#0db37e', '#b4fae3', '#e0d1cb'],
shadowSize: 0
});
function showTooltip(x, y, contents) {
$('<div id="gridtip">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
top: y + 5,
left: x + 5
}).appendTo('body').fadeIn(300);
}
var previousPoint = null;
$('#placeholder2').bind('plothover', function (event, pos, item) {
$('#x').text(pos.x.toFixed(2));
$('#y').text(pos.y.toFixed(2));
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$('#gridtip').remove();
var x = item.datapoint[0].toFixed(0),
y = item.datapoint[1].toFixed(0);
showTooltip(item.pageX, item.pageY,
'x : ' + x + ' y : ' + y);
}
}
else {
$('#gridtip').remove();
previousPoint = null;
}
});
}
else
{
var d1 = [ [0, 1], [1, 14], [2, 5], [3, 4], [4, 5], [5, 1], [6, 14], [7, 5], [8, 5] ];
var d2 = [ [0, 5], [1, 2], [2, 10], [3, 1], [4, 9], [5, 5], [6, 2], [7, 10], [8, 8] ];
var plot = $.plot($("#placeholder"),
[ { data: d1, label: "Data A" }, { data: d2, label: "Data B" } ], {
lines: {
show: true,
fill: false,
lineWidth: 2
},
points: {
show: true,
lineWidth: 5
},
grid: {
clickable: true,
hoverable: true,
autoHighlight: true,
mouseActiveRadius: 10,
aboveData: true,
backgroundColor: "#fafafa",
borderWidth: 0,
minBorderMargin: 25,
},
colors: [ "#090", "#099", "#609", "#900"],
shadowSize: 0
});
var d1 = [ [0, 1], [1, 14], [2, 5], [3, 4], [4, 5], [5, 1], [6, 14], [7, 5], [8, 5] ];
var d2 = [ [0, 5], [1, 2], [2, 10], [3, 1], [4, 9], [5, 5], [6, 2], [7, 10], [8, 8] ];
var plot = $.plot($("#placeholder2"),
[ { data: d1, label: "Data Y"}, { data: d2, label: "Data X" } ], {
lines: {
show: true,
fill: true, /*SWITCHED*/
lineWidth: 2
},
points: {
show: true,
lineWidth: 5
},
grid: {
clickable: true,
hoverable: true,
autoHighlight: true,
mouseActiveRadius: 10,
aboveData: true,
backgroundColor: "#fafafa",
borderWidth: 0,
minBorderMargin: 25,
},
colors: [ "#090", "#099", "#609", "#900"],
shadowSize: 0
});
function showTooltip(x, y, contents) {
$('<div id="gridtip">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
top: y + 5,
left: x + 5
}).appendTo("body").fadeIn(300);
}
var previousPoint = null;
$("#placeholder2").bind("plothover", function (event, pos, item) {
$("#x").text(pos.x.toFixed(2));
$("#y").text(pos.y.toFixed(2));
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$("#gridtip").remove();
var x = item.datapoint[0].toFixed(0),
y = item.datapoint[1].toFixed(0);
showTooltip(item.pageX, item.pageY,
"x : " + x + " y : " + y);
}
}
else {
$("#gridtip").remove();
previousPoint = null;
}
});
// PREDEFINED DATA
var data = [
{ label: "Series1", data: [[1, 10]] },
{ label: "Series2", data: [[1, 30]] },
{ label: "Series3", data: [[1, 90]] }
];
// DEFAULT
$.plot($("#pie-default"), data,
{
series: {
pie: {
show: true
}
}
});
// DEFINE ACTIONS FOR pieHover & pieClick
function pieHover(event, pos, obj) {
if (!obj)
return;
percent = parseFloat(obj.series.percent).toFixed(2);
$("#hover").html('<span>' + obj.series.label + ' - ' + percent + '%</span>');
}
function pieClick(event, pos, obj) {
if (!obj)
return;
percent = parseFloat(obj.series.percent).toFixed(2);
alert('' + obj.series.label + ': ' + percent + '%');
}
// DONUT
$.plot($("#pie-donut"), data,
{
series: {
pie: {
innerRadius: 50,
show: true
}
}
});
// DONUT + INTERACTIVE
$.plot($("#pie-interactive"), data,
{
series: {
pie: {
innerRadius: 50,
show: true
}
},
grid: {
hoverable: true,
clickable: true
}
});
$("#pie-interactive").bind("plothover", pieHover);
$("#pie-interactive").bind("plotclick", pieClick);
}
});