lnmch/kops-arm64
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Christian Lohmann
2016-12-20 18:52:24 +01:00
parent ece99f0d83
commit 26b7bbf7ee
3 changed files with 52 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
app/src/bars.js
View File

@@ -1,4 +1,4 @@
import {FACTORS} from "./utils";
import {FACTORS, getBarColor} from "./utils";
const PIXI = require('pixi.js');
@@ -10,60 +10,14 @@ export default class Bars extends PIXI.Graphics {
this.tooltip = tooltip;
}
hsvToRgb(h, s, v) {
let r, g, b, i, f, p, q, t;
i = Math.floor(h * 6);
f = h * 6 - i;
p = v * (1 - s);
q = v * (1 - f * s);
t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0:
r = v;
g = t;
b = p;
break;
case 1:
r = q;
g = v;
b = p;
break;
case 2:
r = p;
g = v;
b = t;
break;
case 3:
r = p;
g = q;
b = v;
break;
case 4:
r = t;
g = p;
b = v;
break;
case 5:
r = v;
g = p;
b = q;
break;
}
return PIXI.utils.rgb2hex([r, g, b])
}
getBarColor(usage, capacity) {
return this.hsvToRgb(0.4 - (0.4 * (usage / capacity)), 0.6, 1)
}
draw() {
let bars = this;
const cpuHeight = 80 / bars.resources.cpu.capacity;
bars.interactive = true;
bars.lineStyle(0, 0xaaffaa, 1);
bars.beginFill(this.getBarColor(bars.resources.cpu.requested, bars.resources.cpu.capacity), 1);
bars.beginFill(getBarColor(bars.resources.cpu.requested, bars.resources.cpu.capacity), 1);
bars.drawRect(5, 110 - bars.resources.cpu.requested * cpuHeight, 2.5, bars.resources.cpu.requested * cpuHeight);
bars.beginFill(this.getBarColor(bars.resources.cpu.used, bars.resources.cpu.capacity), 1);
bars.beginFill(getBarColor(bars.resources.cpu.used, bars.resources.cpu.capacity), 1);
bars.drawRect(7.5, 110 - bars.resources.cpu.used * cpuHeight, 2.5, bars.resources.cpu.used * cpuHeight);
bars.endFill();
bars.lineStyle(1, 0xaaaaaa, 1);
@@ -74,9 +28,9 @@ export default class Bars extends PIXI.Graphics {
const scale = bars.resources.memory.capacity / 80;
bars.drawRect(14, 110 - bars.resources.memory.capacity / scale, 5, bars.resources.memory.capacity / scale);
bars.lineStyle(0, 0xaaffaa, 1);
bars.beginFill(this.getBarColor(bars.resources.memory.requested, bars.resources.memory.capacity), 1);
bars.beginFill(getBarColor(bars.resources.memory.requested, bars.resources.memory.capacity), 1);
bars.drawRect(14, 110 - bars.resources.memory.requested / scale, 2.5, bars.resources.memory.requested / scale);
bars.beginFill(this.getBarColor(bars.resources.memory.used, bars.resources.memory.capacity), 1);
bars.beginFill(getBarColor(bars.resources.memory.used, bars.resources.memory.capacity), 1);
bars.drawRect(16.5, 110 - bars.resources.memory.used / scale, 2.5, bars.resources.memory.used / scale);
bars.endFill();
bars.on('mouseover', function () {

63
app/src/node.js
View File

@@ -2,23 +2,6 @@ import Pod from "./pod.js";
import Bars from './bars.js'
const PIXI = require('pixi.js');
// see https://github.com/kubernetes/kubernetes/blob/master/docs/design/resources.md
const FACTORS = {
'm': 1 / 1000,
'K': 1000,
'M': Math.pow(1000, 2),
'G': Math.pow(1000, 3),
'T': Math.pow(1000, 4),
'P': Math.pow(1000, 5),
'E': Math.pow(1000, 6),
'Ki': 1024,
'Mi': Math.pow(1024, 2),
'Gi': Math.pow(1024, 3),
'Ti': Math.pow(1024, 4),
'Pi': Math.pow(1024, 5),
'Ei': Math.pow(1024, 6)
};
export default class Node extends PIXI.Graphics {
constructor(node, tooltip) {
super();
@@ -36,52 +19,6 @@ export default class Node extends PIXI.Graphics {
return parseInt(match[1]) * factor
}
hsvToRgb(h, s, v) {
let r, g, b, i, f, p, q, t;
i = Math.floor(h * 6);
f = h * 6 - i;
p = v * (1 - s);
q = v * (1 - f * s);
t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0:
r = v;
g = t;
b = p;
break;
case 1:
r = q;
g = v;
b = p;
break;
case 2:
r = p;
g = v;
b = t;
break;
case 3:
r = p;
g = q;
b = v;
break;
case 4:
r = t;
g = p;
b = v;
break;
case 5:
r = v;
g = p;
b = q;
break;
}
return PIXI.utils.rgb2hex([r, g, b])
}
getBarColor(usage, capacity) {
return this.hsvToRgb(0.4 - (0.4 * (usage / capacity)), 0.6, 1)
}
getResourceUsage() {
const resources = {};
for (var key of Object.keys(this.node.status.capacity)) {

48
app/src/utils.js
View File

@@ -14,4 +14,50 @@ const FACTORS = {
'Ei': Math.pow(1024, 6)
};
export {FACTORS};
function hsvToRgb(h, s, v) {
let r, g, b, i, f, p, q, t;
i = Math.floor(h * 6);
f = h * 6 - i;
p = v * (1 - s);
q = v * (1 - f * s);
t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0:
r = v;
g = t;
b = p;
break;
case 1:
r = q;
g = v;
b = p;
break;
case 2:
r = p;
g = v;
b = t;
break;
case 3:
r = p;
g = q;
b = v;
break;
case 4:
r = t;
g = p;
b = v;
break;
case 5:
r = v;
g = p;
b = q;
break;
}
return PIXI.utils.rgb2hex([r, g, b])
}
function getBarColor(usage, capacity) {
return hsvToRgb(0.4 - (0.4 * (usage / capacity)), 0.6, 1)
}
export {FACTORS, hsvToRgb, getBarColor};