third-party-mirrors/EDDN
1
0
Fork 0
mirror of https://github.com/EDCD/EDDN.git synced 2025-06-07 10:53:04 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add pie color in td for readability

Browse Source
This commit is contained in:
AnthorNet 2015-05-18 12:45:22 +02:00
parent 66830f9507
commit c1328582c8
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
contrib/monitor/index.html
View File

@ -241,6 +241,7 @@
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th style="width: 20px;"></th>
<th style="width: 50%;"></th> <th style="width: 50%;"></th>
<th>Today hits</th> <th>Today hits</th>
<th>Yesterday hits</th> <th>Yesterday hits</th>
@ -290,6 +291,7 @@
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th style="width: 20px;"></th>
<th style="width: 50%;"></th> <th style="width: 50%;"></th>
<th>Today hits</th> <th>Today hits</th>
<th>Yesterday hits</th> <th>Yesterday hits</th>
@ -339,6 +341,7 @@
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th style="width: 20px;"></th>
<th style="width: 50%;"></th> <th style="width: 50%;"></th>
<th>Today hits</th> <th>Today hits</th>
<th>Yesterday hits</th> <th>Yesterday hits</th>

22
contrib/monitor/js/eddn.js
View File

@ -77,13 +77,15 @@ var doUpdateSoftwares = function()
$.each(softwaresTotal, function(software, hits){ $.each(softwaresTotal, function(software, hits){
$('#softwares .table tbody').append( $('#softwares .table tbody').append(
$('<tr>').attr('data-name', software).on('mouseover', function(){ newTr = $('<tr>').attr('data-name', software).on('mouseover', function(){
chart.get('software-' + makeSlug(software)).setState('hover'); chart.get('software-' + makeSlug(software)).setState('hover');
chart.tooltip.refresh(chart.get('software-' + makeSlug(software))); chart.tooltip.refresh(chart.get('software-' + makeSlug(software)));
}).on('mouseout', function(){ }).on('mouseout', function(){
chart.get('software-' + makeSlug(software)).setState(''); chart.get('software-' + makeSlug(software)).setState('');
chart.tooltip.hide(); chart.tooltip.hide();
}).append( }).append(
$('<td>').addClass('square')
).append(
$('<td>').html('<strong>' + software + '</strong>') $('<td>').html('<strong>' + software + '</strong>')
) )
.append( .append(
@ -101,6 +103,8 @@ var doUpdateSoftwares = function()
series.addPoint({id: 'software-' + makeSlug(software), name: software, y: parseInt(hits)}, false); series.addPoint({id: 'software-' + makeSlug(software), name: software, y: parseInt(hits)}, false);
else else
chart.get('software-' + makeSlug(software)).update(parseInt(hits), false); chart.get('software-' + makeSlug(software)).update(parseInt(hits), false);
newTr.find('.square').css('background', chart.get('software-' + makeSlug(software)).color);
}); });
chart.redraw(); chart.redraw();
@ -146,13 +150,15 @@ var doUpdateUploaders = function()
truncateUploader = uploader truncateUploader = uploader
$('#uploaders .table tbody').append( $('#uploaders .table tbody').append(
$('<tr>').attr('data-name', uploader).on('mouseover', function(){ newTr = $('<tr>').attr('data-name', uploader).on('mouseover', function(){
chart.get('uploader-' + makeSlug(uploader)).setState('hover'); chart.get('uploader-' + makeSlug(uploader)).setState('hover');
chart.tooltip.refresh(chart.get('uploader-' + makeSlug(uploader))); chart.tooltip.refresh(chart.get('uploader-' + makeSlug(uploader)));
}).on('mouseout', function(){ }).on('mouseout', function(){
chart.get('uploader-' + makeSlug(uploader)).setState(''); chart.get('uploader-' + makeSlug(uploader)).setState('');
chart.tooltip.hide(); chart.tooltip.hide();
}).append( }).append(
$('<td>').addClass('square')
).append(
$('<td>').html('<strong>' + truncateUploader + '</strong>') $('<td>').html('<strong>' + truncateUploader + '</strong>')
) )
.append( .append(
@ -170,6 +176,8 @@ var doUpdateUploaders = function()
series.addPoint({id: 'uploader-' + makeSlug(uploader), name: uploader, y: parseInt(hits)}, false); series.addPoint({id: 'uploader-' + makeSlug(uploader), name: uploader, y: parseInt(hits)}, false);
else else
chart.get('uploader-' + makeSlug(uploader)).update(parseInt(hits), false); chart.get('uploader-' + makeSlug(uploader)).update(parseInt(hits), false);
newTr.find('.square').css('background', chart.get('uploader-' + makeSlug(uploader)).color);
}); });
chart.redraw(); chart.redraw();
@ -210,13 +218,15 @@ var doUpdateSchemas = function()
$.each(schemasTotal, function(schema, hits){ $.each(schemasTotal, function(schema, hits){
$('#schemas .table tbody').append( $('#schemas .table tbody').append(
$('<tr>').attr('data-name', schema).on('mouseover', function(){ newTr = $('<tr>').attr('data-name', schema).on('mouseover', function(){
chart.get('schema-' + makeSlug(schema)).setState('hover'); chart.get('schema-' + makeSlug(schema)).setState('hover');
chart.tooltip.refresh(chart.get('schema-' + makeSlug(schema))); chart.tooltip.refresh(chart.get('schema-' + makeSlug(schema)));
}).on('mouseout', function(){ }).on('mouseout', function(){
chart.get('schema-' + makeSlug(schema)).setState(''); chart.get('schema-' + makeSlug(schema)).setState('');
chart.tooltip.hide(); chart.tooltip.hide();
}).append( }).append(
$('<td>').addClass('square')
).append(
$('<td>').html('<strong>' + schema + '</strong>') $('<td>').html('<strong>' + schema + '</strong>')
) )
.append( .append(
@ -234,6 +244,8 @@ var doUpdateSchemas = function()
series.addPoint({id: 'schema-' + makeSlug(schema), name: schema, y: parseInt(hits)}, false); series.addPoint({id: 'schema-' + makeSlug(schema), name: schema, y: parseInt(hits)}, false);
else else
chart.get('schema-' + makeSlug(schema)).update(parseInt(hits), false); chart.get('schema-' + makeSlug(schema)).update(parseInt(hits), false);
newTr.find('.square').css('background', chart.get('schema-' + makeSlug(schema)).color);
}); });
chart.redraw(); chart.redraw();
@ -516,10 +528,6 @@ var start = function(){
$("select[name=relays]").change(function(){ $("select[name=relays]").change(function(){
showStats('relays', $(this).find('option:selected').html()); showStats('relays', $(this).find('option:selected').html());
}); });
$('#schemas .table tbody tr').on('', function(){
});
} }
$(document).ready(function(){ $(document).ready(function(){