Drag & drop dstat files
From f47ce0856c54a8896985382f6349447f1db72f20 Mon Sep 17 00:00:00 2001
From: Damien Gasparina
Drag & drop dstat files
'` + echo $html + for js in js/{d3.min.js,jquery-2.1.4.js,nv.d3.min.js,dashboard.js,graph.js}; do + echo "" + done + echo "" + for css in css/*.css; do + echo "" + done + + echo "" +} + + +main $@ diff --git a/generate_page_example.html b/generate_page_example.html new file mode 100644 index 0000000..3806e29 --- /dev/null +++ b/generate_page_example.html @@ -0,0 +1,10595 @@ +
diff --git a/js/dashboard.js b/js/dashboard.js index fe1dba3..5e54a6f 100644 --- a/js/dashboard.js +++ b/js/dashboard.js @@ -1,9 +1,8 @@ - /* * Global variables */ - gGraphs = {}; +gCSVs = []; var brush = d3.svg.brush() .on("brushend", brushed); @@ -19,8 +18,6 @@ var x = d3.time.scale().range([0, width]), /* * DOM functions */ - - $(document).on('dragenter', function (e) { e.stopPropagation(); e.preventDefault(); @@ -39,10 +36,24 @@ $(document).on('drop', function (e) { }); +/* + * Init functions + */ +$(document).ready(function() { + // initialize graphs contained in gCSVs + if (gCSVs !== undefined && gCSVs.length > 0) { + $('#drop-background').hide(); + for (i in gCSVs) { + processCSV(gCSVs[i], "csv " + i) + } + } + } +) + + /* * Settings functions */ - var settings = { "compact": false } applySettings(settings) @@ -52,7 +63,6 @@ function applySettings(settings) { /* * CSV Processing functions */ - function processFiles(files) { for (f = 0; file = files[f]; f++) { processFile(file);