scottk/control-pane
1
0
Fork 0
mirror of https://github.com/optim-enterprises-bv/control-pane.git synced 2025-11-02 10:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

graph wip; remove novnc distribution

Browse Source
This commit is contained in:
User Olevole
2018-11-08 02:39:39 +03:00
parent 94c059a935
commit 462265f42c
172 changed files with 32 additions and 90606 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/js/clonos.js
View File

@@ -2735,7 +2735,7 @@ var clonos={
if(status==2)
{
var o=$('#'+this.dotEscape(id));
if(!o.length) his.addNewJail(data,cmd);
if(!o.length) this.addNewJail(data,cmd);
this.evtStatus2(id,status,data);
}
break;
@@ -3148,10 +3148,17 @@ graphs={
var gr=this.list[name];
if(gr)
{
gr.line1.append(new Date().getTime(), inf.pcpu);
gr.line2.append(new Date().getTime(), inf.pmem);
var cpu=inf.pcpu, mem=inf.pmem;
//cpu=cpu+(cpu%2);
//mem=mem+(mem%2);
//cpu=Math.floor((Math.random() * 100) + 1);
//mem=Math.floor((Math.random() * 100) + 1);
gr.line1.append(new Date().getTime(), cpu);
gr.line2.append(new Date().getTime(), mem);
var res=larr.indexOf(name);
if(res>-1) larr.splice(res,1);
//console.log(name,cpu,mem);
}
}
}
@@ -3186,23 +3193,23 @@ graph.prototype.create=function()
this.el_id=el_parent;
this.is_init=true;
}
$(el_parent).append('<canvas id="g-'+this.name+'" width="'+this.width+'" height="'+this.height+' vertical-align="middle"></canvas>');
$(el_parent).append('<canvas id="g-'+this.name+'" width="'+this.width+'" height="'+this.height+'" vertical-align="middle"></canvas>');
this.line1 = new TimeSeries({resetBounds:false,resetBoundsInterval:5000});
this.line2 = new TimeSeries({resetBounds:false,resetBoundsInterval:5000});
this.line1 = new TimeSeries({resetBounds:false,resetBoundsInterval:3000});
this.line2 = new TimeSeries({resetBounds:false,resetBoundsInterval:3000});
var back_color='rgba(0,0,0,0.02)';
var line1_color='rgb(17,125,187)'; //'blue'; //'rgb(0,0,255)';
var line1_fillStyle='rgba(17,125,187,0.05)'; //'rgba(241, 240, 255, 0.4)';
var line1_fillStyle='rgba(17,125,187,0.03)'; //'rgba(241, 240, 255, 0.4)';
var line2_color='rgb(149,40,180)'; //'green'; //'rgb(0,255,0)';
var line2_fillStyle='rgba(149,40,180,0.05)'; //'rgba(222,245,222,0.4)';
var line2_fillStyle='rgba(149,40,180,0.03)'; //'rgba(222,245,222,0.4)';
this.smoothie = new SmoothieChart({interpolation:'bezier',grid:{fillStyle:back_color,sharpLines:true,strokeStyle:'transparent'},labels:{fontSize:8,disabled:true,fillStyle:'#000000',precision:0},millisPerPixel:1000,tooltip:true,maxValue:100,minValue:0});
this.smoothie = new SmoothieChart({interpolation:'bezier',grid:{fillStyle:back_color,sharpLines:true,strokeStyle:'transparent',borderVisible:true},labels:{fontSize:8,disabled:true,fillStyle:'#000000',precision:0},millisPerPixel:1000,enableDpiScaling:true,tooltip:true,maxValue:100,minValue:0});
this.smoothie.addTimeSeries(this.line1, { strokeStyle: line1_color, lineWidth:1, fillStyle:line1_fillStyle }); //, fillStyle: 'rgba(0, 255, 0, 0.4)'
this.smoothie.addTimeSeries(this.line2, { strokeStyle: line2_color, lineWidth: 1, fillStyle:line2_fillStyle }); //, fillStyle: 'rgba(255, 0, 255, 0.3)'
this.smoothie.addTimeSeries(this.line1, { strokeStyle: line1_color, lineWidth:0.5, fillStyle:line1_fillStyle }); //, fillStyle: 'rgba(0, 255, 0, 0.4)'
this.smoothie.addTimeSeries(this.line2, { strokeStyle: line2_color, lineWidth:0.5, fillStyle:line2_fillStyle }); //, fillStyle: 'rgba(255, 0, 255, 0.3)'
this.smoothie.streamTo(document.getElementById('g-'+this.name), 5000);
this.smoothie.streamTo(document.getElementById('g-'+this.name), 1000);
graphs.list[this.name]=this;
}
/* === GRAPH END === */

17
public/js/smoothie.js
View File

@@ -948,10 +948,19 @@
// Importantly, A and P are at the same y coordinate, as are B and Q. This is
// so adjacent curves appear to flow as one.
//
context.bezierCurveTo( // startPoint (A) is implicit from last iteration of loop
Math.round((lastX + x) / 2), lastY, // controlPoint1 (P)
Math.round((lastX + x)) / 2, y, // controlPoint2 (Q)
x, y); // endPoint (B)
if(lastY==y)
{
var minus=0.5;
if(y<1) minus=0;
context.lineTo(x,y-minus);
}else{
context.bezierCurveTo( // startPoint (A) is implicit from last iteration of loop
Math.round((lastX + x) / 2), lastY, // controlPoint1 (P)
Math.round((lastX + x)) / 2, y, // controlPoint2 (Q)
x, y); // endPoint (B)
}
break;
}
case "step": {