ver. 2.0 mods

[gwheelo]

Just can't leave it alone. Mark's clear code makes it just too easy to mess with.

I have added explanations of "Windrose" and "Windrun" and some detail added to the Windrose and odometer gauges

Please, you native speakers and language experts, check over my translations and let me know what needs to be corrected. Just click a flag for the language of choice. Design change suggestions too, please!

http://www.wheelocknet.net/cumulus/gauges.html?gb

gwheelo

[gwheelo]

Mark,

Help, please with the LED. I would like to change the LED (status) light to turn red and blink when the StatusPageLimit is reached.

I have tried:

setStatus(strings.StatusPageLimit);
_led.colour = steelseries.LedColor.RED_LED;
_led.blink = true;
drawLed();
_gaugeTimer.setValue(0);
// and stop
return;

OK - LED goes to RED but NO BLINK - what have I missed?

http://www.wheelocknet.net/cumulus/gauges.html?gb

George Wheelock

[mcrossley]

Try

_led.blink(true);

'blink' is a method rather than a property

[gwheelo]

Try

_led.blink(true);

I had tried that already with out luck.

So I tried it again as:

setStatus(strings.StatusPageLimit);
_led.blink(true);
_led.colour = steelseries.LedColor.RED_LED;
_gaugeTimer.setValue(0);
drawLed();
// and stop
return;

and it crashes at _led.blink(true); - so doesn't get to the color change to red. Perhaps I am still using it incorrectly.

GW

[mcrossley]

Sorry George, I was only half looking at this whilst at work.

_led.blink = true;

IS correct, that is just storing the required state, not setting the control.

To do what you want requires a little restructuring of some of the code - probably for the better - I'll take a look at it tonight. The setLed() function really should have the blink code in it - I'll move to in there are send you an update to test.

[gwheelo]

send you an update to test

Brilliant! Looking forward to the solution.

I may build in an event too click on the LED div to refresh the page - which will mean rewording the status message.

GW

[gwheelo]

Brilliant! Looking forward to the solution.

And, of course, Mark delivered If there is any interest I suspect Mark may include it in the next release.

So here is what happens: when the page update times out the status LED turns to blinking red and the status message appears with the message to click the red button to continue.
Clicking the red button restarts the countdown, turns the button green, and disables the "click" event so a click on the green LED produces no change. Again when the update time times out the "click event is enabled", the LED turns blinking red, the message appears, and the page will restart without having to reload the page - cool uh - thanks to Mark!

Try it here: http://wheelocknet.net/cumulus/gauges_LED.html

Alert to the French, Dutch, German, Spanish, Catalan, and other Steelseries native speakers - please provide corrections or full translations to the "StatusPageLimit" variable so that the language.js script can be updated correctly.

gwheelo
http://www.wheelocknet.net/cam/index.htm?gb

[n9mfk]

Hi George,
Very nice page an like the led is it had to add the Windrose and odometer gauges to a page?
thanks Beau

[gwheelo]

My code is notoriously sketchy and sloppy - but her is what you might try.

Add a reference to the ODO gauge in your HTML - I use CSS to place it where I want it on the page.

<div id="reaadout">
<canvas id="canvas_odo" ></canvas>
</div>


In the gauges.js there are several additions to make.

Add to the commonParams = {

"_gauge_odo," & " _windSpeedTemp," see example below

_gaugeTemp, _gaugeDew, _gaugeRain, _gaugeRRate,
_gaugeHum, _gaugeBaro, _gaugeWind, _gaugeDir,
_gaugeStatus, _gaugeTimer, _gaugeUV, _gaugeSolar, _gaugeLed, _windSpeedTemp,_distanceText,
/* _imgBackground, // Uncomment if using a background image on the gauges */
_gauge_odo, g_ctxRadarGauge;


At about line 430 add:

// Create a buffer for the Odometer
g_bufferOdometer = document.createElement('canvas') ;
g_ctxOdometer = g_bufferOdometer.getContext('2d');

Just above
// enable popup data
ddimgtooltip.showTips = config.showPopupData;

At about line 715 add:
_gauge_odo = new steelseries.Odometer('canvas_odo', {
height: config.gaugeSize * 0.075,
decimals: 1,
digits: 3,
value: 0
}
);

Just above
//
// doUpdate() called to update all the gauges with fresh data, then start the timer for the next update
//
doUpdate = function () {


Near line 1660 (that means within a 100 lines. Your line numbers will not line up with mine because I have mashed up the code to suit my whims) add

_gauge_odo.setValueAnimated(_windSpeedTemp);

Just above:

if (ddimgtooltip.showTips) {
// update tooltip
tip = strings.tenminavgwind_info + ': ' + _wind.average + ' ' + data.windunit + ' | ' +
strings.maxavgwind_info + ': ' + _wind.maxAvgToday + ' ' + data.windunit + '<br>' +
strings.tenmingust_info + ': ' + _wind.gust + ' ' + data.windunit + ' | ' +
strings.maxgust_info + ': ' + _wind.maxGustToday + ' ' + data.windunit + ' ' +
strings.at + ' ' + data.TwgustTM + ' ' + strings.bearing_info + ': ' + data.bearingTM +
(isNaN(parseFloat(data.bearingTM)) ? '' : '° (' + getord(+data.bearingTM) + ')');
$('#imgtip6_txt').html(tip);
if (_refreshGraphs && config.showPopupGraphs && config.tipImgs[6] !== null) {
$('#imgtip6_img').attr('src', config.imgPathURL + config.tipImgs[6] + _cacheDefeat);
}
}
},

You will have to add the "windrun" tag to the realtimegaugesT.txt file.

You can have success if you do it like I do by trial and error and asking a lot of questions.

I have also added some other code to both the html and gauges.js to display some windrun data overlayed on the oddo gauge - take a look at my files if you want to do the same.

Mark may include code and instructions in a future release which, of course, will be better and clearer. What I have is hobbled together from several versions I stole from Mark's site.

Good luck!

gwheelo

[gwheelo]

Beau

If you use the latest version of Mark's code the Windrose is already an option - just read his instructions which accompany the files for instructions.

gwheelo