Gecko [ gandhischool.edu.np ]

Name	Size	Permission
ace.js	238 B	-rw-rw-r--
alerts.js	2.4 KB	-rw-rw-r--
avgrund.js	914 B	-rw-rw-r--
bootstrap-table.js	1.69 KB	-rw-rw-r--
bt-maxlength.js	802 B	-rw-rw-r--
c3.js	5.63 KB	-rw-rw-r--
calendar.js	2.64 KB	-rw-rw-r--
chart.js	12.02 KB	-rw-rw-r--
chartist.js	4.72 KB	-rw-rw-r--
circle-progress.js	310 B	-rw-rw-r--
clipboard.js	225 B	-rw-rw-r--
codeEditor.js	3.59 KB	-rw-rw-r--
codemirror.js	1.53 KB	-rw-rw-r--
context-menu.js	4.96 KB	-rw-rw-r--
cropper.js	105 B	-rw-rw-r--
custom.js	1.13 KB	-rw-rw-r--
dashboard.js	23.43 KB	-rw-rw-r--
data-table.js	821 B	-rw-rw-r--
db.js	21.3 KB	-rw-rw-r--
desktop-notification.js	1.83 KB	-rw-rw-r--
dragula.js	789 B	-rw-rw-r--
dropify.js	69 B	-rw-rw-r--
dropzone.js	127 B	-rw-rw-r--
editorDemo.js	6.31 KB	-rw-rw-r--
file-upload.js	398 B	-rw-rw-r--
flot-chart.js	10.82 KB	-rw-rw-r--
form-addons.js	4.36 KB	-rw-rw-r--
form-repeater.js	1.39 KB	-rw-rw-r--
form-validation.js	4.21 KB	-rw-rw-r--
formpickers.js	1.58 KB	-rw-rw-r--
google-charts.js	4.98 KB	-rw-rw-r--
google-maps.js	13.63 KB	-rw-rw-r--
horizontal-menu.js	426 B	-rw-rw-r--
hoverable-collapse.js	1.29 KB	-rw-rw-r--
iCheck.js	1.22 KB	-rw-rw-r--
inputmask.js	99 B	-rw-rw-r--
ion-range-slider.js	3.19 KB	-rw-rw-r--
jq.tablesort.js	3.13 KB	-rw-rw-r--
jquery-3.2.1.min.js	84.63 KB	-rw-rw-r--
jquery-file-upload.js	185 B	-rw-rw-r--
js-grid.js	4.78 KB	-rw-rw-r--
js-tree.js	2.04 KB	-rw-rw-r--
justgage.js	3.43 KB	-rw-rw-r--
kanban.js	236 B	-rw-rw-r--
light-gallery.js	397 B	-rw-rw-r--
listify.js	158 B	-rw-rw-r--
login.js	2.6 KB	-rw-rw-r--
mapeal.js	5.56 KB	-rw-rw-r--
mapeal_example_2.js	291.44 KB	-rw-rw-r--
mapeal_example_3.js	3.47 KB	-rw-rw-r--
mapiel.js	295.73 KB	-rw-rw-r--
maps.js	4.63 KB	-rw-rw-r--
misc.js	8.66 KB	-rw-rw-r--
modal-demo.js	636 B	-rw-rw-r--
morris.js	2.83 KB	-rw-rw-r--
no-ui-slider.js	6.83 KB	-rw-rw-r--
off-canvas.js	185 B	-rw-rw-r--
owl-carousel.js	2.58 KB	-rw-rw-r--
paginate.js	491 B	-rw-rw-r--
popover.js	807 B	-rw-rw-r--
profile-demo.js	168 B	-rw-rw-r--
progress-bar.js	5.79 KB	-rw-rw-r--
select2.js	237 B	-rw-rw-r--
settings.js	3.42 KB	-rw-rw-r--
sparkline.js	1.87 KB	-rw-rw-r--
st-wizard.js	1.66 KB	-rw-rw-r--
sweetalert2.js	55.17 KB	-rw-rw-r--
tablesorter.js	243 B	-rw-rw-r--
tabs.js	974 B	-rw-rw-r--
tight-grid.js	176 B	-rw-rw-r--
toastDemo.js	2.42 KB	-rw-rw-r--
todo.js	442 B	-rw-rw-r--
todolist.js	1.23 KB	-rw-rw-r--
tooltips.js	810 B	-rw-rw-r--
typeahead.js	1.88 KB	-rw-rw-r--
widgets.js	29.07 KB	-rw-rw-r--
wizard.js	1.34 KB	-rw-rw-r--
x-editable.js	4.92 KB	-rw-rw-r--

Code Editor : flot-chart.js

(function ($) {
  'use strict';

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

if ($("#curved-line-chart").length) {
    var data = [{
        data: 18000,
        color: '#FABA66',
        label: 'Linda'
      },
      {
        data: 20000,
        color: '#F36368',
        label: 'John'
      },
      {
        data: 13000,
        color: '#76C1FA',
        label: 'Margaret'
      },
      {
        data: 15000,
        color: '#63CF72',
        label: 'Richard'
      }
    ];
    var d1 = [
      [0, 6],
      [1, 14],
      [2, 10],
      [3, 14],
      [4, 5]
    ];
    var d2 = [
      [0, 6],
      [1, 7],
      [2, 11],
      [3, 8],
      [4, 11]
    ];
    var d3 = [
      [0, 6],
      [1, 5],
      [2, 6],
      [3, 10],
      [4, 5]
    ];
    var curvedLineOptions = {
      series: {
        shadowSize: 0,
        curvedLines: { //This is a third party plugin to make curved lines
          apply: true,
          active: true,
          monotonicFit: true
        },
        lines: {
          show: false,
          lineWidth: 0
        }
      },
      grid: {
        borderWidth: 0,
        labelMargin: 10,
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6
      },
      xaxis: {
        tickDecimals: 0,
        ticks: false
      },
      yaxis: {
        tickDecimals: 0,
        ticks: false
      },
      legend: {
        // show: true,
        container: $("#chartLegend")
      }
    }

$.plot($("#curved-line-chart"), [{
        data: d1,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Plans',
        stack: true
      },
      {
        data: d2,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Purchase',
        stack: true
      },
      {
        data: d3,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Services',
        stack: true
      }
    ], curvedLineOptions);
  }

if ($("#pie-chart").length) {
    $.plot("#pie-chart", data, {
      series: {
        pie: {
          show: true,
          radius: 1,
          label: {
            show: true,
            radius: 3 / 4,
            formatter: labelFormatter,
            background: {
              opacity: 0.5
            }
          }
        }
      },
      legend: {
        show: false
      }
    });
  }

if ($("#line-chart").length) {
    var d1 = [
      [0, 30],
      [1, 35],
      [2, 35],
      [3, 30],
      [4, 30]
    ];
    var d2 = [
      [0, 50],
      [1, 40],
      [2, 45],
      [3, 60],
      [4, 50]
    ];
    var d3 = [
      [0, 40],
      [1, 50],
      [2, 35],
      [3, 25],
      [4, 40]
    ];

var stackedData = [{
        data: d1,
        color: "#76C1FA"
      },
      {
        data: d2,
        color: "#63CF72"
      },
      {
        data: d3,
        color: "#F36368"
      }
    ];
    /*---------------------------------------------------
        Make some random data for Recent Items chart
    ---------------------------------------------------*/

var options = {
      series: {
        shadowSize: 0,
        lines: {
          show: true,
        },
      },
      grid: {
        borderWidth: 1,
        labelMargin: 10,
        mouseActiveRadius: 6,
        borderColor: 'rgba(255,255,255,0.1)',
        show: true,
        hoverable: true,
        clickable: true

},
      xaxis: {
        tickColor: 'rgba(255,255,255,0.3)',
        tickDecimals: 0,
        axisLabelColour: '#fff',
        font: {
          lineHeight: 15,
          style: "normal",
          color: "#fff"
        },
        shadowSize: 0,
        ticks: [
          [0, "Jan"],
          [1, "Feb"],
          [2, "Mar"],
          [3, "Apr"],
          [4, "May"],
          [5, "Jun"],
          [6, "Jul"],
          [7, "Aug"],
          [8, "Sep"],
          [9, "Oct"],
          [10, "Nov"],
          [11, "Dec"]
        ]
      },

yaxis: {
        tickColor: 'rgba(255,255,255,0.3)',
        tickDecimals: 0,
        font: {
          lineHeight: 15,
          style: "normal",
          color: "#fff",
        },
        shadowSize: 0
      },

legend: {
        container: '.flc-line',
        backgroundOpacity: 0.5,
        noColumns: 0,
        backgroundColor: "white",
        lineWidth: 0
      },
      colors: ["#F36368", "#63CF72", "#68B3C8"]
    };
    $.plot($("#line-chart"), [{
        data: d1,
        lines: {
          show: true
        },
        label: 'Product A',
        stack: true,
        color: '#F36368'
      },
      {
        data: d2,
        lines: {
          show: true
        },
        label: 'Product B',
        stack: true,
        color: '#FABA66'
      },
      {
        data: d3,
        lines: {
          show: true
        },
        label: 'Product C',
        stack: true,
        color: '#68B3C8'
      }
    ], options);
  }

if ($(".flot-chart-line").length) {
    $(".flot-chart-line").bind("plothover", function (event, pos, item) {
      if (item) {
        var x = item.datapoint[0].toFixed(2),
          y = item.datapoint[1].toFixed(2);
        $(".flot-tooltip").html(item.series.label + " Sales " + " : " + y).css({
          top: item.pageY + 5,
          left: item.pageX + 5
        }).show();
      } else {
        $(".flot-tooltip").hide();
      }
    });

$("<div class='flot-tooltip' class='chart-tooltip'></div>").appendTo("body");
  }

if ($("#area-chart").length) {
    var d1 = [
      [0, 0],
      [1, 35],
      [2, 35],
      [3, 30],
      [4, 30],
      [5, 5],
      [6, 32],
      [7, 37],
      [8, 30],
      [9, 35],
      [10, 30],
      [11, 5]
    ];
    var options = {
      series: {
        shadowSize: 0,
        curvedLines: { //This is a third party plugin to make curved lines
          apply: true,
          active: true,
          monotonicFit: true
        },
        lines: {
          show: false,
          fill: 0.98,
          lineWidth: 0,
        },
      },
      grid: {
        borderWidth: 0,
        labelMargin: 10,
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6,

},
      xaxis: {
        tickDecimals: 0,
        tickLength: 0
      },

yaxis: {
        tickDecimals: 0,
        tickLength: 0
      },

legend: {
        show: false
      }
    };
    var curvedLineOptions = {
      series: {
        shadowSize: 0,
        curvedLines: { //This is a third party plugin to make curved lines
          apply: true,
          active: true,
          monotonicFit: true
        },
        lines: {
          show: false,
          lineWidth: 0,
        },
      },
      grid: {
        borderWidth: 0,
        labelMargin: 10,
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6,

},
      xaxis: {
        tickDecimals: 0,
        ticks: false
      },

yaxis: {
        tickDecimals: 0,
        ticks: false
      },

legend: {
        noColumns: 4,
        container: $("#chartLegend")
      }
    };
    $.plot($("#area-chart"), [{
      data: d1,
      lines: {
        show: true,
        fill: 0.6
      },
      label: 'Product 1',
      stack: true,
      color: '#76C1FA'
    }], options);
  }

if ($("#column-chart").length) {
    var data = [
      ["January", 10],
      ["February", 8],
      ["March", 4],
      ["April", 13],
      ["May", 17],
      ["June", 9]
    ];
    $.plot("#column-chart", [data], {
      series: {
        bars: {
          show: true,
          barWidth: 0.6,
          align: "center"
        }
      },
      xaxis: {
        mode: "categories",
        tickLength: 0
      },

grid: {
        borderWidth: 0,
        labelMargin: 10,
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6,
      }

});
  }

if ($("#stacked-bar-chart").length) {
    var d1 = [];
    for (var i = 0; i <= 10; i += 1) {
      d1.push([i, parseInt(Math.random() * 30)]);
    }

var d2 = [];
    for (var i = 0; i <= 10; i += 1) {
      d2.push([i, parseInt(Math.random() * 30)]);
    }

if ($("#realtime-chart").length) {
    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;
    }
    var updateInterval = 30;

var plot = $.plot("#realtime-chart", [getRandomData()], {
      series: {
        shadowSize: 0 // Drawing is faster without shadows
      },
      yaxis: {
        min: 0,
        max: 100
      },
      xaxis: {
        show: false
      },
      grid: {
        borderWidth: 0,
        labelMargin: 10,
        hoverable: true,
        clickable: true,
        mouseActiveRadius: 6,
      }

});

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();
  }

if ($("#curved-line-chart").length) {
    var d1 = [
      [0, 7],
      [1, 11],
      [2, 11],
      [3, 13],
      [4, 9]
    ];
    var d2 = [
      [0, 5],
      [1, 9],
      [2, 9],
      [3, 9],
      [4, 7]
    ];
    var d3 = [
      [0, 3],
      [1, 6],
      [2, 5],
      [3, 6],
      [4, 3]
    ];
    $.plot($("#curved-line-chart"), [{
        data: d1,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Plans',
        stack: false,
        color: '#A8B4FD'
      },
      {
        data: d2,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Purchase',
        stack: false,
        color: '#8C95FC'
      },
      {
        data: d3,
        lines: {
          show: true,
          fill: 0.98
        },
        label: 'Services',
        stack: false,
        color: '#5E50F9'
      }
    ], curvedLineOptions);
  }

})(jQuery);

${this.title}

Code Editor : flot-chart.js