Domoticz

jompie wrote:Hi,
I also use the frontpage. I was able to add the current and total electricity usage and Gas meter usage from my smart meter. However, I also want to add the costs to the frontpage. How can I do this? I already used and changed the vdata for adding kWH or Watt. ?

I used this part of code:

Code: Select all

if(item.idx == '83'){			// Adds Watt after current electricity usage
		//vdata=new String(vdata).replace( vdata,vdata + "%");
		if (vdata == vtotal) {
		//vdata = Math.round(cur_elec_cost / 100* vdata);
		vdata = vdata+"<sup style=\'font-size:50%;vertical-align:top;position:relative;bottom:-0.2em;\'> kWh</sup>";
		} else {
		vdata = vdata+"<sup style=\'font-size:50%;vertical-align:top;position:relative;bottom:-0.2em;\'> Watt</sup>";
		}}

Hope someone can help.

JuanUil wrote:Hi all,

I have another problem:
I have a virtual switch "Thuis" and I want the apperance in the switch change from on / off to Thuis / Weg
when I activate this code in frontpage.js the switch isn't switchable anymore.
in

Code: Select all

		// replace On/Off to Thuis/Weg
		if (item.idx == idx_Thuis && vdata == 'On' ){
		vdata=new String(vdata).replace( "On", "Thuis");
	}
	if (item.idx == idx_Thuis && vdata == 'Off'){
		vdata=new String(vdata).replace( "Off", "Weg");
		alarmcss=color_off;
	}

in frontpage_settings.js I have placed this:

Code: Select all

var idx_Thuis = '62';

When I deactivate the code he is switchable again.
Anybody any idea?
Thnx
Juan

if(item.idx == idx_Thuis ){
		vdata=new String(vdata).replace( "ON","Thuis");
		vdata=new String(vdata).replace( "Off","Weg");
	}
	

G3rard wrote:

jompie wrote:Hi,
I also use the frontpage. I was able to add the current and total electricity usage and Gas meter usage from my smart meter. However, I also want to add the costs to the frontpage. How can I do this? I already used and changed the vdata for adding kWH or Watt. ?

I used this part of code:

Code: Select all

if(item.idx == '83'){			// Adds Watt after current electricity usage
		//vdata=new String(vdata).replace( vdata,vdata + "%");
		if (vdata == vtotal) {
		//vdata = Math.round(cur_elec_cost / 100* vdata);
		vdata = vdata+"<sup style=\'font-size:50%;vertical-align:top;position:relative;bottom:-0.2em;\'> kWh</sup>";
		} else {
		vdata = vdata+"<sup style=\'font-size:50%;vertical-align:top;position:relative;bottom:-0.2em;\'> Watt</sup>";
		}}

Hope someone can help.

I guess you don't have the costs available in Domoticz? In that case you can indeed make a calculation like the out commented code in your example.
Just use a second cell with the idx 83 in put your calculation for vdata in the code.

G3rard wrote:You also have to define the new cells in the css files (folder css) to have the same layout.

vil1driver wrote:hi,

if we want use frontpage on different screen size, some guy had to change CSS..

not good for me and I made a trick.

put this in frontpage.html header

Code: Select all

<script type="text/javascript">
//<!--

<!-- viewport auto detect best scale -->		
	var def = 962;	
	var actual = document.documentElement.clientWidth;
	var scale = Math.ceil((actual/def)*100)/100;
	document.querySelector("meta[name=viewport]").setAttribute('content','width=device-width, initial-scale='+scale+', maximum-scale='+scale+', user-scalable=no');

//-->
</script>	

tested on 4", 5", 7", 9", 10" android devices, and frontpage always fit the screen