added gauges for apache and nginx
Costa Tsaousis (ktsaou) committed
Jan 23, 2016 at 14:22 UTC
60573e2197fe5c4be41efbe7420148a664fb51d1
1 file changed
+71
-2
web/index.html
+71
-2
@@ -1401,10 +1401,26 @@ function prepareScreen(data) {
1401
else if(t.name === 'apache') {
1402
var head = '<div style="width: 100%; text-align: center;">';
1403
var all = '';
1404
+
1405
$.each(t.charts, function(x, f) {
1406
var c = 'null';
1407
+ var h = options.chartsHeight;
1408
switch(f.id) {
1407
- case 'apache.requests' :
1409
+ case 'apache.connections':
1410
+ c = NETDATA.colors[4];
1411
+ head += '<div data-netdata="' + f.id + '"'
1412
+ + ' data-chart-library="gauge"'
1413
+ + ' data-title="Connections"'
1414
+ + ' data-gauge-adjust="width"'
1415
+ + ' data-width="12%"'
1416
+ + ' data-before="0"'
1417
+ + ' data-after="-' + duration.toString() + '"'
1418
+ + ' data-points="' + duration.toString() + '"'
1419
+ + ' data-colors="' + c + '"'
1420
+ + ' role="application"></div>';
1421
+ break;
1422
+
1423
+ case 'apache.requests':
1424
head += '<div data-netdata="' + f.id + '"'
1425
+ ' data-chart-library="gauge"'
1426
+ ' data-title="Requests"'
@@ -1450,12 +1466,65 @@ function prepareScreen(data) {
1466
1467
case 'apache.bytesperreq':
1468
c = NETDATA.colors[3];
1469
+ h = Math.round(h / 2);
1470
+ break;
1471
+
1472
+ default:
1473
+ h = Math.round(h / 2);
1474
break;
1475
}
1476
1477
all += getMessage(f.id) + '<div data-netdata="' + f.id + '"'
1478
+ ' data-width="' + pcent_width.toString() + '%"'
1458
- + ' data-height="' + options.chartsHeight.toString() + 'px"'
1479
+ + ' data-height="' + h.toString() + 'px"'
1480
+ + ' data-before="0"'
1481
+ + ' data-after="-' + duration.toString() + '"'
1482
+ + ' data-id="' + name2id(options.hostname + '/' + f.id) + '"'
1483
+ + ' data-colors="' + c + '"'
1484
+ + ' role="application"></div>';
1485
+ });
1486
+ head += '</div>';
1487
+ html += head + all;
1488
+ }
1489
+ else if(t.name === 'nginx') {
1490
+ var head = '<div style="width: 100%; text-align: center;">';
1491
+ var all = '';
1492
+ $.each(t.charts, function(x, f) {
1493
+ var c = 'null';
1494
+ var h = options.chartsHeight;
1495
+
1496
+ switch(f.id) {
1497
+ case 'nginx.connections':
1498
+ c = NETDATA.colors[4];
1499
+ head += '<div data-netdata="' + f.id + '"'
1500
+ + ' data-chart-library="gauge"'
1501
+ + ' data-title="Connections"'
1502
+ + ' data-gauge-adjust="width"'
1503
+ + ' data-width="12%"'
1504
+ + ' data-before="0"'
1505
+ + ' data-after="-' + duration.toString() + '"'
1506
+ + ' data-points="' + duration.toString() + '"'
1507
+ + ' data-colors="' + c + '"'
1508
+ + ' role="application"></div>';
1509
+ break;
1510
+
1511
+ case 'nginx.requests':
1512
+ head += '<div data-netdata="' + f.id + '"'
1513
+ + ' data-chart-library="gauge"'
1514
+ + ' data-title="Requests"'
1515
+ + ' data-gauge-adjust="width"'
1516
+ + ' data-width="12%"'
1517
+ + ' data-before="0"'
1518
+ + ' data-after="-' + duration.toString() + '"'
1519
+ + ' data-points="' + duration.toString() + '"'
1520
+ + ' data-colors="' + NETDATA.colors[0] + '"'
1521
+ + ' role="application"></div>';
1522
+ break;
1523
+ }
1524
+
1525
+ all += getMessage(f.id) + '<div data-netdata="' + f.id + '"'
1526
+ + ' data-width="' + pcent_width.toString() + '%"'
1527
+ + ' data-height="' + h.toString() + 'px"'
1528
+ ' data-before="0"'
1529
+ ' data-after="-' + duration.toString() + '"'
1530
+ ' data-id="' + name2id(options.hostname + '/' + f.id) + '"'