i don't get also my elctric and gas usage in this frontpage,HansLe wrote:@arnoldg:
you have added this code to?Can you add the console log line:Code: Select all
} else if(element.hasClass("datavalue")) { that.updateWidget.datavalue(element, result);Code: Select all
datavalue: function(element, result) { // 1-2 toegevoegd var datavalue = result.Data ; console.log ( "Datavalue: " + result.idx + " " + result.Usage);
I use chrome to inspect what happens:
After changing the code
refresh the page with the box
right click your mouse
select inspect
select tab console
you see there the printed line? If not use some more console.log statements to investigate where it's going wrong.
Code: Select all
<div class="box" data-domoticz-id="60" data-status="true"">Code: Select all
<div class="box datavalue" data-domoticz-id="60" data-status="true"">arnoldg wrote:i can't get it to work, below is the output of the json string.
i wan't to use ID:60 and the usage output.
that is not the problem, in domoticz.js a read thisbut it doesn't display the value to the screen, is there a way to see what is going wrong.Code: Select all
datavalue: function(element, result) { // 1-2 toegevoegd var datavalue = result.Usage; // Update the datavalue itself eleme....
HTML code on the sitethe rest is just as you descript.Code: Select all
<div class="col col-md-2 col-sm-2 col-xs-2"> <div class="box" data-domoticz-id="60" data-status="true""> <div class="box-header box-solid box-info with-border bg-red "> <h3 class="box-title">Elektra</h3> </div><!-- /.box-header> --> <h4><div class="box-body datavalue">...</div></h4> <!-- /.box-body --> </div><!-- /.box --> </div><!-- /.col -->
please tell me what i do wrong.
Code: Select all
{ "ActTime" : 1455731410, "ServerTime" : "2016-02-17 18:50:10", "Sunrise" : "07:47", "Sunset" : "17:47", "result" : [ { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 12, "HardwareName" : "Mysensor serial", "HardwareType" : "MySensors Gateway USB", "HardwareTypeVal" : 41, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000064", "Image" : "Light", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 17:35:03", "Level" : 100, "LevelInt" : 15, "MaxDimLevel" : 15, "Name" : "Bank", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 3, "Used" : 1, "UsedByCamera" : false, "XOffset" : "339", "YOffset" : "255", "idx" : "103" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 12, "HardwareName" : "Mysensor serial", "HardwareType" : "MySensors Gateway USB", "HardwareTypeVal" : 41, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000064", "Image" : "Light", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 17:35:03", "Level" : 100, "LevelInt" : 15, "MaxDimLevel" : 15, "Name" : "Computer", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 2, "Used" : 1, "UsedByCamera" : false, "XOffset" : "103", "YOffset" : "316", "idx" : "102" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 12, "HardwareName" : "Mysensor serial", "HardwareType" : "MySensors Gateway USB", "HardwareTypeVal" : 41, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000064", "Image" : "Light", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 17:35:05", "Level" : 100, "LevelInt" : 15, "MaxDimLevel" : 15, "Name" : "TV", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 5, "Used" : 1, "UsedByCamera" : false, "XOffset" : "145", "YOffset" : "171", "idx" : "105" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 12, "HardwareName" : "Mysensor serial", "HardwareType" : "MySensors Gateway USB", "HardwareTypeVal" : 41, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000064", "Image" : "Light", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 18:25:33", "Level" : 100, "LevelInt" : 15, "MaxDimLevel" : 15, "Name" : "Vensterbank", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 4, "Used" : 1, "UsedByCamera" : false, "XOffset" : "310", "YOffset" : "55", "idx" : "104" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "21.0", "Description" : "", "Favorite" : 1, "HardwareID" : 13, "HardwareName" : "Opentherm", "HardwareType" : "OpenTherm Gateway USB", "HardwareTypeVal" : 18, "HaveTimeout" : false, "ID" : "0000005", "LastUpdate" : "2016-02-17 18:49:44", "Name" : "Room Setpoint", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "SetPoint" : "21.0", "ShowNotifications" : true, "SignalLevel" : "-", "SubType" : "SetPoint", "Timers" : "false", "Type" : "Thermostat", "TypeImg" : "override_mini", "Unit" : 0, "Used" : 1, "XOffset" : "248", "YOffset" : "140", "idx" : "142" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "21.0 C", "Description" : "", "Favorite" : 1, "HardwareID" : 13, "HardwareName" : "Opentherm", "HardwareType" : "OpenTherm Gateway USB", "HardwareTypeVal" : 18, "HaveTimeout" : false, "ID" : "0008", "LastUpdate" : "2016-02-17 18:49:44", "Name" : "Room Temperature", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "SubType" : "TFA 30.3133", "Temp" : 21.0, "Timers" : "false", "Type" : "Temp", "TypeImg" : "temperature", "Unit" : 8, "Used" : 1, "XOffset" : "95", "YOffset" : "419", "idx" : "143" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "Counter" : "1267.663", "CounterDeliv" : "0.000", "CounterDelivToday" : "0.000 kWh", "CounterToday" : "6.692 kWh", "CustomImage" : 0, "Data" : "538022;729641;0;0;528;0", "Description" : "", "Favorite" : 1, "HardwareID" : 10, "HardwareName" : "Smart meter", "HardwareType" : "P1 Smart Meter USB", "HardwareTypeVal" : 4, "HaveTimeout" : false, "ID" : "1", "LastUpdate" : "2016-02-17 18:50:02", "Name" : "Elektra", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "SubType" : "Energy", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "P1 Smart Meter", "TypeImg" : "counter", "Unit" : 1, "Usage" : "528 Watt", "UsageDeliv" : "0 Watt", "Used" : 1, "XOffset" : "91", "YOffset" : "26", "idx" : "60" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 10, "Data" : "Off", "Description" : "", "Favorite" : 1, "HardwareID" : 13, "HardwareName" : "Opentherm", "HardwareType" : "OpenTherm Gateway USB", "HardwareTypeVal" : 18, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000071", "Image" : "Fireplace", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 18:45:14", "Level" : 0, "LevelInt" : 0, "MaxDimLevel" : 15, "Name" : "FlameOn", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "Off", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 1, "Used" : 1, "UsedByCamera" : false, "XOffset" : "31", "YOffset" : "584", "idx" : "137" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 11, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 13, "HardwareName" : "Opentherm", "HardwareType" : "OpenTherm Gateway USB", "HardwareTypeVal" : 18, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000066", "Image" : "Water", "IsSubDevice" : false, "LastUpdate" : "2016-02-13 12:11:52", "Level" : 100, "LevelInt" : 15, "LevelNames" : "Off", "MaxDimLevel" : 15, "Name" : "DHW_enabled", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "SelectorStyle" : 0, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "Selector", "SwitchTypeVal" : 18, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 1, "Used" : 1, "UsedByCamera" : false, "XOffset" : "31", "YOffset" : "533", "idx" : "130" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 15, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 13, "HardwareName" : "Opentherm", "HardwareType" : "OpenTherm Gateway USB", "HardwareTypeVal" : 18, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000065", "Image" : "Heating", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 15:48:11", "Level" : 100, "LevelInt" : 15, "LevelNames" : "Off", "MaxDimLevel" : 15, "Name" : "CH_enabled", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "SelectorStyle" : 0, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "Selector", "SwitchTypeVal" : 18, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 1, "Used" : 1, "UsedByCamera" : false, "XOffset" : "33", "YOffset" : "484", "idx" : "129" }, { "AddjMulti" : 1.0, "AddjMulti2" : 1.0, "AddjValue" : 0.0, "AddjValue2" : 0.0, "BatteryLevel" : 255, "CustomImage" : 0, "Data" : "On, Level: 100 %", "Description" : "", "Favorite" : 1, "HardwareID" : 12, "HardwareName" : "Mysensor serial", "HardwareType" : "MySensors Gateway USB", "HardwareTypeVal" : 41, "HaveDimmer" : true, "HaveGroupCmd" : true, "HaveTimeout" : false, "ID" : "0000064", "Image" : "Light", "IsSubDevice" : false, "LastUpdate" : "2016-02-17 17:30:49", "Level" : 100, "LevelInt" : 15, "MaxDimLevel" : 15, "Name" : "Keuken", "Notifications" : "false", "PlanID" : "2", "PlanIDs" : [ 2 ], "Protected" : false, "ShowNotifications" : true, "SignalLevel" : "-", "Status" : "On", "StrParam1" : "", "StrParam2" : "", "SubType" : "AC", "SwitchType" : "On/Off", "SwitchTypeVal" : 0, "Timers" : "false", "Type" : "Lighting 2", "TypeImg" : "lightbulb", "Unit" : 1, "Used" : 1, "UsedByCamera" : false, "XOffset" : "0", "YOffset" : "0", "idx" : "101" } ], "status" : "OK", "title" : "Devices" }
Currently I don't have a solution, you can use cURL commands to get the JSON response! (http://fiquett.com/2013/07/chromecast-traffic-sniffing/)wauwturrr wrote:I've also tested some things with the chromecast, but it seems to be not working anymore.. Someone who also solved that?
fverdonk wrote:hi all, i like to use this good looking front page but a failed to get it working.
Maybe someone can have a look wat step went wrong.
From the readme
## Getting started
* Copy `custom/js/settings.example.js` to `custom/js/settings.js` and configure the settings: done
* Add a rectangular user image to `custom/img/user.jpg`: can not find it
* Create a roomplan in Domoticz that contains all devices you want to see/control in the dashboard : done
After this i connect the server via:
http://192.168.178.35:8080/frontpage.html
But all i get is that Domoticz is offline.
May it is something stupid but i do not know where to find it.
Hw Raspberry PI model 2 Domoticz V3.4834 RFXcom and Z-wave
Kind Regards Frank
I have tried to implement the gas and electricity also, only i cannot get two values. I want to show the daily usage and the actual usage.daandamhuis wrote:Got the Gas and Electricity working. Thanks for the example @HansLe.
Code: Select all
} else if(element.hasClass("actueelverbruik")) {
that.updateWidget.actueelverbruik(element, result);
} else if(element.hasClass("totaalverbruik")) {
that.updateWidget.totaalverbruik(element, result); Code: Select all
actueelverbruik: function(element, result) {
var actueelverbruik = result.Usage ;
// Update the actueelverbruik itself
element.find(".datavalue" ).html(actueelverbruik);
// Also do generic updating
this.generic(element, result);
},
totaalverbruik: function(element, result) {
var totaalverbruik = result.CounterToday ;
// Update the totaalverbruik itself
element.find(".datavalue" ).html(totaalverbruik);
// Also do generic updating
this.generic(element, result);
},Code: Select all
<div class="col col-md-4 col-sm-4 col-xs-2">
<div class="box actueelverbruik" data-domoticz-id="26" data-status="true"">
<div class="box-header box-solid box-info with-border bg-red ">
<h3 class="box-title">Actueel verbruik</h3>
</div><!-- /.box-header> -->
<h4><div class="box-body datavalue">...</div></h4>
<!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->Code: Select all
<div class="col col-md-4 col-sm-4 col-xs-2">
<div class="box totaalverbruik" data-domoticz-id="26" data-status="true"">
<div class="box-header box-solid box-info with-border bg-red ">
<h3 class="box-title">Totaal verbruik</h3>
</div><!-- /.box-header> -->
<h4><div class="box-body datavalue">...</div></h4>
<!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->Code: Select all
<div class="col col-md-4 col-sm-4 col-xs-2">
<div class="box totaalverbruik" data-domoticz-id="26" data-status="true"">
<div class="box-header box-solid box-info with-border bg-red ">
<h3 class="box-title">Totaal verbruik</h3>
</div><!-- /.box-header> -->
<h4><div class="box-body datavalue">...</div></h4>
<!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
<div class="col col-md-4 col-sm-4 col-xs-2">
<div class="box actueelverbruik" data-domoticz-id="26" data-status="true"">
<div class="box-header box-solid box-info with-border bg-red ">
<h3 class="box-title">Actueel verbruik</h3>
</div><!-- /.box-header> -->
<h4><div class="box-body datavalue">...</div></h4>
<!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->