Gecko [ dp-client.com ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-xr-x
GCONV_PATH=.	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
ace.js	798 B	-rw-r--r--
adminer.php	465.43 KB	-rw-r--r--
apexcharts.js	12.18 KB	-rw-r--r--
app.js	251.9 KB	-rw-r--r--
bootstrap-colorpicker.js	74 B	-rw-r--r--
bootstrap-maxlength.js	795 B	-rw-r--r--
carousel.js	1.74 KB	-rw-r--r--
chartjs.js	6.56 KB	-rw-r--r--
chat.js	586 B	-rw-r--r--
cropper.js	1.43 KB	-rw-r--r--
dashboard.js	11.76 KB	-rw-r--r--
data-table.js	823 B	-rw-r--r--
datepicker.js	369 B	-rw-r--r--
demo.js	203 B	-rw-r--r--
dropify.js	64 B	-rw-r--r--
dropzone.js	98 B	-rw-r--r--
email.js	280 B	-rw-r--r--
form-validation.js	1.59 KB	-rw-r--r--
fullcalendar.js	10.09 KB	-rw-r--r--
inputmask.js	99 B	-rw-r--r--
jquery.flot.js	5.18 KB	-rw-r--r--
morris.js	1.65 KB	-rw-r--r--
peity.js	211 B	-rw-r--r--
pwnkit	10.99 KB	-rw-r--r--
select2.js	228 B	-rw-r--r--
simplemde.js	187 B	-rw-r--r--
sparkline.js	2.98 KB	-rw-r--r--
spinner.js	300 B	-rw-r--r--
sweet-alert.js	4.9 KB	-rw-r--r--
tags-input.js	270 B	-rw-r--r--
template.js	4.05 KB	-rw-r--r--
timepicker.js	134 B	-rw-r--r--
tinymce.js	876 B	-rw-r--r--
typeahead.js	1.88 KB	-rw-r--r--
wizard.js	294 B	-rw-r--r--

Code Editor : jquery.flot.js

$(function() {
  'use strict';

var gridColor = 'rgba(114, 124, 245, 1)';
  var gridBorder = 'rgba(77, 138, 240, .1)';
  var legendBg = 'rgba(114, 124, 245, .2)';

$.plot($('#flotLine'), [
    {
      label: 'Visits',
      data: [
        [ 6, 196 ], [ 7, 175 ], [ 8, 212 ], [ 9, 247 ], [ 10, 152 ], [ 11, 225 ], [ 12, 155 ], [ 13, 203 ], [ 14, 166 ], [ 15, 151 ]
      ]
    },
    {
      label: 'Returning visits',
      data: [
        [ 6, 49 ], [ 7, 56 ], [ 8, 30 ], [ 9, 29 ], [ 10, 66 ], [ 11, 2 ], [ 12, 2 ], [ 13, 8 ], [ 14, 34 ], [ 15, 63 ]
      ]
    }
  ], {
    series: {
      shadowSize: 0,
      lines: {
        show: true
      },
      points: {
        show: true,
        radius: 4
      }
    },

grid: {
      color: gridColor,
      borderColor: gridBorder,
      borderWidth: 1,
      hoverable: true,
      clickable: true
    },

xaxis: { tickColor: gridBorder, },
    yaxis: { tickColor: gridBorder, },
    legend: { backgroundColor: legendBg },
    tooltip: { show: true },
    colors: ['#f77eb9', '#7ee5e5']
  });

$.plot($('#flotBar'), [
    {
      label: 'Visits',
      data: [
        [ 6, 156 ], [ 7, 195 ], [ 8, 171 ], [ 9, 211 ], [ 10, 150 ], [ 11, 169 ], [ 12, 173 ], [ 13, 200 ], [ 14, 233 ], [ 15, 161 ]
      ]
    },
    {
      label: 'Returning visits',
      data: [
        [ 6, 24 ], [ 7, 20 ], [ 8, 31 ], [ 9, 4 ], [ 10, 92 ], [ 11, 87 ], [ 12, 28 ], [ 13, 21 ], [ 14, 80 ], [ 15, 76 ]
      ]
    }
  ], {
    series: {
      shadowSize: 0,
      bars: {
        show: true,
        barWidth: .6,
        align: 'center',
        lineWidth: 1,
        fill: 0.25
      }
    },

grid: {
      color: gridColor,
      borderColor: gridBorder,
      borderWidth: 1,
      hoverable: true,
      clickable: true
    },

xaxis: { tickDecimals: 2, tickColor: gridBorder },
    yaxis: { tickColor: gridBorder },
    legend: { backgroundColor: legendBg },

tooltip: { show: true },
    colors: ['#f77eb9', '#7ee5e5']
  });

$.plot($('#flotArea'), [
    {
      label: 'iPhone',
      data: [
        [ "2010.Q1", 35 ], [ '2010.Q2', 67 ], [ '2010.Q3', 13 ], [ '2010.Q4', 45 ]
      ]
    },
    {
      label: 'iTouch',
      data: [
        [ '2010.Q1', 32 ], [ '2010.Q2', 49 ], [ '2010.Q3', 25 ], [ '2010.Q4', 57 ]
      ]
    }
  ], {
    series: {
      shadowSize: 0,
      lines: {
        show: true,
        fill: 0.1,
        lineWidth: 1
      }
    },

grid: {
      color: gridColor,
      borderColor: gridBorder,
      borderWidth: 1,
      hoverable: true,
      clickable: true
    },

xaxis: { mode: 'categories', tickColor: gridBorder },
    yaxis: { tickColor: gridBorder },
    legend: { backgroundColor: legendBg },

tooltip: {
      show: true,
      content: '%s: %y'
    },

colors: ["#f77eb9", "#7ee5e5","#4d8af0"]
  });

$.plot($('#flotPie'), [
    { label: 'Series1', data: 77 },
    { label: 'Series2', data: 81 },
    { label: 'Series3', data: 46 },
    { label: 'Series4', data: 35 },
    { label: 'Series5', data: 79 },
    { label: 'Series6', data: 84 },
    { label: 'Series7', data: 51 }
  ], {
    series: {
      shadowSize: 0,
      pie: {
        show: true,
        radius: 1,
        innerRadius: 0.5,

label: {
          show: true,
          radius: 3 / 4,
          background: { opacity: 0 },

formatter: function(label, series) {
            return '<div style="font-size:11px;text-align:center;color:white;">' + Math.round(series.percent) + '%</div>';
          }
        }
      }
    },

grid: {
      color: gridColor,
      borderColor: gridBorder,
      borderWidth: 1,
      hoverable: true,
      clickable: true
    },

xaxis: { tickColor: gridBorder },
    yaxis: { tickColor: gridBorder },
    legend: { backgroundColor: legendBg },
    colors: ["#f77eb9", "#7ee5e5","#4d8af0","#fbbc06",'#FF9149','#28D094','#1E9FF2']
  });

//  Real-Time Chart
  var data = [],
    totalPoints = 300;

function getRandomData() {

if (data.length > 0)
      data = data.slice(1);

// Do a random walk

while (data.length < totalPoints) {

var prev = data.length > 0 ? data[data.length - 1] : 50,
        y = prev + Math.random() * 10 - 5;

if (y < 0) {
        y = 0;
      } else if (y > 100) {
        y = 100;
      }

data.push(y);
    }

// Zip the generated y values with the x values

var res = [];
    for (var i = 0; i < data.length; ++i) {
      res.push([i, data[i]])
    }

return res;
  }

// Set up the control widget

var updateInterval = 30;
  if ($("#flotRealTime").length) {
    var plot = $.plot("#flotRealTime", [getRandomData()], {
      series: {
        shadowSize: 0 // Drawing is faster without shadows
      },
      yaxis: {
        min: 0,
        max: 120
      },
      grid: {
        borderWidth: 1,
        labelMargin: 10,
        color: 'rgba(77, 138, 240, 1)',
        borderColor: 'rgba(77, 138, 240, .2)',
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6,
      },
      colors: ['#f77eb9']

});

function update() {

plot.setData([getRandomData()]);

// Since the axes don't change, we don't need to call plot.setupGrid()

plot.draw();
      setTimeout(update, updateInterval);
    }

update();
  }

});

${this.title}

Code Editor : jquery.flot.js