From f47ce0856c54a8896985382f6349447f1db72f20 Mon Sep 17 00:00:00 2001 From: Damien Gasparina Date: Tue, 23 Feb 2016 21:42:15 +0100 Subject: [PATCH] Added scripts to generate a single html file from CSVs; ./generate_page.sh csv1 csv2 > output.html --- generate_page.sh | 43 + generate_page_example.html | 10595 +++++++++++++++++++++++++++++++++++ js/dashboard.js | 22 +- 3 files changed, 10654 insertions(+), 6 deletions(-) create mode 100755 generate_page.sh create mode 100644 generate_page_example.html diff --git a/generate_page.sh b/generate_page.sh new file mode 100755 index 0000000..da4cfc7 --- /dev/null +++ b/generate_page.sh @@ -0,0 +1,43 @@ +#!/bin/sh + +## +## pregeneratehtml.sh +## +## Made by gaspar_d +## Login +## +## Started on Tue 23 Feb 20:17:04 2016 gaspar_d +## Last update Tue 23 Feb 21:08:26 2016 gaspar_d +## + +main() { + gCSVs="" + + while [[ "$#" -gt "0" ]]; do + file=$1 + content=`cat $file` + gCSVs="${gCSVs}\`${content}\`," + shift; + done + gCSVs="[${gCSVs%?}]" + output=$1 + + html=`cat index.html | grep -v stylesheet | grep -v script | grep -v ''` + 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 @@ + dstat

Drag & drop dstat files

+ + + + + + + + + + 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);