Domoticz

wizjos wrote:Personally I don't like the wind-direction as Domoticz returns it... All english texts like 'ENE', 'WSW' etc.
Created a function to change this and give more descriptive texts like 'oost-noordoost' or 'west-zuidwest'.
To achieve this I hacked in to blocks.js...
Created a function TranslateDirection:

Code: Select all

function TranslateDirection(directionstr){
	directionstr='direction_'+directionstr;
	return lang[directionstr];
}

Altered the line:

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '<Speed> m/s, <Direction> <DirectionStr>' }

in:

Code: Select all

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '<Speed> m/s, <Direction>&deg; ' }

(with a degree sign as well)
and added an extra line (the third) in this piece of code:

Code: Select all

	if(typeof(device['Direction'])!=='undefined' && typeof(device['DirectionStr'])!=='undefined'){
		attr+=' style="-webkit-transform: rotate('+device['Direction']+'deg);-moz-transform: rotate('+device['Direction']+'deg);-ms-transform: rotate('+device['Direction']+'deg);-o-transform: rotate('+device['Direction']+'deg); transform: rotate('+device['Direction']+'deg);"';
		value = value+TranslateDirection(device['DirectionStr']);
	}

And finally added in the language file these lines

Code: Select all

lang['direction_N'] = 'noord'
lang['direction_ENE'] = 'oost-noordoost';
lang['direction_NE'] = 'noordoost'
lang['direction_E'] = 'oost';
lang['direction_ESE'] = 'oost-zuidoost' ;
lang['direction_S'] = 'zuid' ;
lang['direction_WSW'] = 'west-zuidwest' ;
lang['direction_W'] = 'west' ;
lang['direction_WNW'] = 'west-noordwest' ;

All that remains now is a translation from m/s into Bft (Beaufort)

Regards
Wizjos

function TranslateDirection(directionstr){
	directionstr='direction_'+directionstr;
	return lang[directionstr];
}

function Beaufort(tmp) {
	if (tmp >= 0 && tmp <= 0,2) {
		bft = "0 Bft";
	}
	if (tmp >= 0.3 && tmp <= 1.5) {
		bft = "1 Bft";
	}
	if (tmp >= 1.6 && tmp <= 3.3) {
		bft = "2 Bft";
	}
	if (tmp >= 3.4 && tmp <= 5.4) {
		bft = "3 Bft";
	}
	if (tmp >= 5.5 && tmp <= 7.9) {
		bft = "4 Bft";
	}
	if (tmp >= 8.0 && tmp <= 10.7) {
		bft = "5 Bft";
	}
	if (tmp >= 10.8 && tmp <= 13.8) {
		bft = "6 Bft";
	}
	if (tmp >= 13.9 && tmp <= 17.1) {
		bft = "7 Bft";
	}
	if (tmp >= 17.2 && tmp <= 20.7) {
		bft = "8 Bft";
	}
	if (tmp >= 20.8 && tmp <= 24.4) {
		bft = "9 Bft";
	}
	if (tmp >= 24.5 && tmp <= 28.4) {
		bft = "10 Bft";
	}
	if (tmp >= 28.5 && tmp <= 32.6) {
		bft = "11 Bft";
	}
	if (tmp >= 32.7) {
		bft = "12 Bft";
	}
	return bft
}

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '<Speed> m/s, <Direction> <DirectionStr>' }

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '' }

	if(typeof(device['Direction'])!=='undefined' && typeof(device['DirectionStr'])!=='undefined'){
		attr+=' style="-webkit-transform: rotate('+device['Direction']+'deg);-moz-transform: rotate('+device['Direction']+'deg);-ms-transform: rotate('+device['Direction']+'deg);-o-transform: rotate('+device['Direction']+'deg); transform: rotate('+device['Direction']+'deg);"';
		//start alteration
		if (_USE_BEAUFORT ==true){
			value = Beaufort(device['Speed'])+', '; 
		} else {
			value = device['Speed']+' m/s, '; 
		}
		value+=device['Direction']+'&deg ';
		if (_TRANSLATE_SPEED==true){
			value+=TranslateDirection(device['DirectionStr'])
		} else {
			value+=device['DirectionStr'];
		}
		//end alteration
	}

if(typeof(_USE_BEAUFORT)=='undefined') var _USE_BEAUFORT = false;
if(typeof(_TRANSLATE_SPEED)=='undefined') var _TRANSLATE_SPEED = false;

lang['direction_N'] = 'noord'
lang['direction_NNE'] = 'noord-noordoost';
lang['direction_NE'] = 'noordoost'
lang['direction_ENE'] = 'oost-noordoost';
lang['direction_E'] = 'oost';
lang['direction_ESE'] = 'oost-zuidoost' ;
lang['direction_SE'] = 'zuidoost' ;
lang['direction_SSE'] = 'zuid-zuidoost' ;
lang['direction_S'] = 'zuid' ;
lang['direction_SSW'] = 'zuid-zuidwest' ;
lang['direction_SW'] = 'zuid-west' ;
lang['direction_WSW'] = 'west-zuidwest' ;
lang['direction_W'] = 'west' ;
lang['direction_WNW'] = 'west-noordwest' ;
lang['direction_NW'] = 'noordwest' ;
lang['direction_NNW'] = 'noord-noordwest' ;

wizjos wrote:Improved my own handywork :
Translation of the wind-direction (as mentioned in prev. post) and Beaufort(Bft) in stead of 'm/s'
Both made configurable...

Created two functions, TranslateDirection and Beaufort in blocks.js:

Code: Select all

function TranslateDirection(directionstr){
	directionstr='direction_'+directionstr;
	return lang[directionstr];
}

function Beaufort(tmp) {
	if (tmp >= 0 && tmp <= 0,2) {
		bft = "0 Bft";
	}
	if (tmp >= 0.3 && tmp <= 1.5) {
		bft = "1 Bft";
	}
	if (tmp >= 1.6 && tmp <= 3.3) {
		bft = "2 Bft";
	}
	if (tmp >= 3.4 && tmp <= 5.4) {
		bft = "3 Bft";
	}
	if (tmp >= 5.5 && tmp <= 7.9) {
		bft = "4 Bft";
	}
	if (tmp >= 8.0 && tmp <= 10.7) {
		bft = "5 Bft";
	}
	if (tmp >= 10.8 && tmp <= 13.8) {
		bft = "6 Bft";
	}
	if (tmp >= 13.9 && tmp <= 17.1) {
		bft = "7 Bft";
	}
	if (tmp >= 17.2 && tmp <= 20.7) {
		bft = "8 Bft";
	}
	if (tmp >= 20.8 && tmp <= 24.4) {
		bft = "9 Bft";
	}
	if (tmp >= 24.5 && tmp <= 28.4) {
		bft = "10 Bft";
	}
	if (tmp >= 28.5 && tmp <= 32.6) {
		bft = "11 Bft";
	}
	if (tmp >= 32.7) {
		bft = "12 Bft";
	}
	return bft
}

Altered the line:

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '<Speed> m/s, <Direction> <DirectionStr>' }

in blocks.js to:

Code: Select all

blocktypes.Type['Wind'] = { icon: 'wi wi-wind-direction', title: lang.wind, value: '' }

altered the function getStatusBlock in blocks.js:

Code: Select all

	if(typeof(device['Direction'])!=='undefined' && typeof(device['DirectionStr'])!=='undefined'){
		attr+=' style="-webkit-transform: rotate('+device['Direction']+'deg);-moz-transform: rotate('+device['Direction']+'deg);-ms-transform: rotate('+device['Direction']+'deg);-o-transform: rotate('+device['Direction']+'deg); transform: rotate('+device['Direction']+'deg);"';
		//start alteration
		if (_USE_BEAUFORT ==true){
			value = Beaufort(device['Speed'])+', '; 
		} else {
			value = device['Speed']+' m/s, '; 
		}
		value+=device['Direction']+'&deg ';
		if (_TRANSLATE_SPEED==true){
			value+=TranslateDirection(device['DirectionStr'])
		} else {
			value+=device['DirectionStr'];
		}
		//end alteration
	}

To complete it I added to main.js these lines:

Code: Select all

if(typeof(_USE_BEAUFORT)=='undefined') var _USE_BEAUFORT = false;
if(typeof(_TRANSLATE_SPEED)=='undefined') var _TRANSLATE_SPEED = false;

And finally added in the language file these lines

Code: Select all

lang['direction_N'] = 'noord'
lang['direction_NNE'] = 'noord-noordoost';
lang['direction_NE'] = 'noordoost'
lang['direction_ENE'] = 'oost-noordoost';
lang['direction_E'] = 'oost';
lang['direction_ESE'] = 'oost-zuidoost' ;
lang['direction_SE'] = 'zuidoost' ;
lang['direction_SSE'] = 'zuid-zuidoost' ;
lang['direction_S'] = 'zuid' ;
lang['direction_SSW'] = 'zuid-zuidwest' ;
lang['direction_SW'] = 'zuid-west' ;
lang['direction_WSW'] = 'west-zuidwest' ;
lang['direction_W'] = 'west' ;
lang['direction_WNW'] = 'west-noordwest' ;
lang['direction_NW'] = 'noordwest' ;
lang['direction_NNW'] = 'noord-noordwest' ;

By adding the settings '_USE_BEAUFORT' and '_TRANSLATE_SPEED' in config.js and setting them either true or false I can choose what the output will be

Regards
Wizjos

@robgeerts: Use it if you like

robgeerts wrote:Genius!
I have integrated this in the next version (hopefully tonight on Gitlab!)

bierlaagh wrote:Very happy with Dashticz V2.0 Thnx for that!

But now i encounter an issue wich i don't know if it is resolved or not (could not find it searching this topic)

I have a button and a Scene , Botch have IDX2

Code: Select all

blocks[2] = {}
blocks[2]['width'] = 4; 
blocks[2]['title'] = 'onkyo' 
blocks[2]['icon'] = 'fa-volume-up';

in Config.js i already renamed the Scene :

Code: Select all

blocks['s2'] = {}
blocks['s2']['type'] = 'Scene';
blocks['s2']['width'] = 12; 
blocks['s2']['title'] = 'Alles uit' 
blocks['s2']['icon'] = 'fa-power-off';

robgeerts wrote:Ok, fixed in latest version. (Pushing tomorrow, I think, to gitlab!)

robgeerts wrote:No not yet, sorry, tomorrow

EdKo66 wrote:Nice tablet. Looks great on the wall. Dwarfs my 7" tablet.

robgeerts wrote:Nice!
I was thinking about getting this one:
http://www.bcc.nl/computer/tablet/andro ... 08(221412)

It's cheap, not the best of course but I think good enough for mounting on the wall?

robgeerts wrote:Nice!
I was thinking about getting this one:
http://www.bcc.nl/computer/tablet/andro ... 08(221412)

It's cheap, not the best of course but I think good enough for mounting on the wall?

Nautilus wrote:

Spoiler: show

Nautilus wrote:

robgeerts wrote: Download latest version and try this to use iframes:
First, define the frame:

Code: Select all

var frames = {}
frames.weather = {height:500,frameurl:"http://iltasanomat.weatherproof.fi/tutka.php?map=Etel%C3%A4-Suomi",width:12}

Then add that frame to a column, like:

Code: Select all

columns[1]['blocks'] = [frames.weather]

Thanks, I am now able to insert the page to a block via iframe. I wonder if there is any css trick to shrink the source to the available space, that would be awesome...

I was able to achieve roughly what I wanted with this custom css:

Code: Select all

iframe {
  -moz-transform: scale(0.25, 0.25);
  -webkit-transform: scale(0.25, 0.25);
  -o-transform: scale(0.25, 0.25);
  -ms-transform: scale(0.25, 0.25);
  -transform: scale(0.25, 0.25);
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  height:600px !important;
  width:100vw !important;
  overflow:hidden !important;
}

.transbg.col-xs-12 {
  overflow:hidden !important;
}

The only remaining issue for me is that iframe block only grows in width (like the other blocks) where as to be able to fill the block nicely it would also need to grow in height - like for example the web camera block. Is this perhaps something that could be achieved with the custom.css or do you think it might be a good idea to implement this kind of behavior as default? I guess it might be as otherwise the ratio of the block changes which I'd assume in most cases makes the iframe source look a bit funny

robgeerts wrote:Nice!
I was thinking about getting this one:
http://www.bcc.nl/computer/tablet/andro ... 08(221412)

It's cheap, not the best of course but I think good enough for mounting on the wall?

robgeerts wrote:Nice!
I was thinking about getting this one:
http://www.bcc.nl/computer/tablet/andro ... 08(221412)

It's cheap, not the best of course but I think good enough for mounting on the wall?