diff options
| author | Bernhard Tittelbach <bernhard@tittelbach.org> | 2014-10-24 15:05:11 +0200 |
|---|---|---|
| committer | Christian Pointner <equinox@spreadspace.org> | 2014-10-24 21:17:15 +0200 |
| commit | f7ceadbd8b8d55a14f765ed6dc28d5d54a822d87 (patch) | |
| tree | 26ebf1b84590fa7199e2422114b966113705b53a /src/viz | |
| parent | hub: appendMany now supports response (diff) | |
darstellungsauswahl
Diffstat (limited to 'src/viz')
| -rw-r--r-- | src/viz/index.html | 3 | ||||
| -rw-r--r-- | src/viz/index.js | 32 |
2 files changed, 33 insertions, 2 deletions
diff --git a/src/viz/index.html b/src/viz/index.html index 02a8149..f81a707 100644 --- a/src/viz/index.html +++ b/src/viz/index.html @@ -14,8 +14,9 @@ <body> <div class=""> <h1>Sfive Stat Display</h1> - <div id="menu" class="container"></div> + <div id="menu" class="container"><a href="#settings">Settings</a> </div> <div id="content"></div> + <div id="settings" class="container"></div> </div> </body> </html> diff --git a/src/viz/index.js b/src/viz/index.js index 2485912..de66d9c 100644 --- a/src/viz/index.js +++ b/src/viz/index.js @@ -1,6 +1,7 @@ var qintv_ms = 5000; var uripart = "/updates?"; var lastfrom = ""; +var possible_display_functions = {"Off":"none", "Value":showvalue, "Gauge":showgauge, "Graph":showasgraph}; var stuff_to_display = {"clients":"none","*":showvalue,"client-count":showvalue, "bytes-sent":showgauge, "fuckups-per-second":showasgraph}; var sidseen = []; @@ -21,9 +22,12 @@ function getstreamdiv(sid) { return elem; } -function killvalue(name) { +function killvalue(name, nosetselect) { stuff_to_display[name]="none"; $.each(sidseen,function(index,sid){ $("#li-"+sid+"_"+name).remove() }); + if (nosetselect != 1) { + document.getElementById("opts-"+name).selectedIndex=0; + } } function showvalue(sid, name, value, jsdate) { @@ -64,6 +68,31 @@ function showasgraph(sid, name, value, jsdate) { graphs[divid].updateOptions({'file':graphdata[divid]}); } +function showasetting(name) { + var setid = "opts-"+name; + if (! document.getElementById(setid)) { + var sts = $('<select/>').attr('id',setid).attr('onchange',"changeSetting('"+name+"',this);"); + $.each(possible_display_functions, function(key, value) { + var stsopt = $("<option/>").text(key); + if (stuff_to_display[name] == value) { + stsopt.attr("selected","true"); + } + sts.append(stsopt); + }); + var stsdiv=$("<div>"+name+":</div>"); + stsdiv.append(sts); + $("#settings").append(stsdiv); + } +} + +function changeSetting(name, selobj) { + var newdispfunc = possible_display_functions[selobj.options[selobj.selectedIndex].text]; + if (newdispfunc) { + killvalue(name, 1); + stuff_to_display[name]=newdispfunc; + } +} + function graphS5Status(data) { sidseen=[]; $.each(data, function(index, stream) { @@ -75,6 +104,7 @@ function graphS5Status(data) { var data = stream.data; console.log(data); for (var key in data) { + showasetting(key); if (typeof(stuff_to_display[key]) == 'function') { stuff_to_display[key](sid, key, data[key], jsdate); } else if (! stuff_to_display[key]) { |