diff --git a/public_html/formatter.js b/public_html/formatter.js index cf23f4f..b1866e7 100644 --- a/public_html/formatter.js +++ b/public_html/formatter.js @@ -57,13 +57,17 @@ function format_altitude_brief(alt, vr, displayUnits) { alt_text = Math.round(convert_altitude(alt, displayUnits)) + NBSP; // Vertical Rate Triangle + var verticalRateTriangle = ""; if (vr > 128){ - return alt_text + UP_TRIANGLE; + verticalRateTriangle += UP_TRIANGLE; } else if (vr < -128){ - return alt_text + DOWN_TRIANGLE; + verticalRateTriangle += DOWN_TRIANGLE; } else { - return alt_text + NBSP; + verticalRateTriangle += NBSP; } + verticalRateTriangle += "" + + return alt_text + verticalRateTriangle; } // alt in feet diff --git a/public_html/script.js b/public_html/script.js index b12d2a0..d65086b 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -871,7 +871,7 @@ function refreshTableInfo() { tableplane.tr.cells[3].textContent = (tableplane.registration !== null ? tableplane.registration : ""); tableplane.tr.cells[4].textContent = (tableplane.icaotype !== null ? tableplane.icaotype : ""); tableplane.tr.cells[5].textContent = (tableplane.squawk !== null ? tableplane.squawk : ""); - tableplane.tr.cells[6].textContent = format_altitude_brief(tableplane.altitude, tableplane.vert_rate, DisplayUnits); + tableplane.tr.cells[6].innerHTML = format_altitude_brief(tableplane.altitude, tableplane.vert_rate, DisplayUnits); tableplane.tr.cells[7].textContent = format_speed_brief(tableplane.speed, DisplayUnits); tableplane.tr.cells[8].textContent = format_vert_rate_brief(tableplane.vert_rate, DisplayUnits); tableplane.tr.cells[9].textContent = format_distance_brief(tableplane.sitedist, DisplayUnits); diff --git a/public_html/style.css b/public_html/style.css index 1b882b4..9d2c9c9 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -143,6 +143,10 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right: text-align: center; } +.verticalRateTriangle { + font-family: monospace; +} + .vPosition { background-color: #C3FFDF; } .mlat { background-color: #C7EAFC; } .squawk7500 { font-weight: bold; background-color: #ff5555; }