Yet another frontpage

SwordFish
Posts: 268
Joined: Sunday 14 December 2014 13:28
Target OS: Raspberry Pi
Domoticz version: V3.7207
Location: Helmond, netherlands
Contact:

Re: Yet another frontpage

Post by SwordFish » Sunday 21 February 2016 12:44

verry nice frontpage. But I have kaku dimmers and these works in steps so when i use the slider the kaku dimmer respons only between 0% and 16% and from 16% it is alway 100% for the light. Is there a way to change this for kaku dimmers?

HansLe
Posts: 25
Joined: Wednesday 13 January 2016 22:12
Target OS: Raspberry Pi
Domoticz version: V2.3530
Location: Netherlands
Contact:

Re: Yet another frontpage

Post by HansLe » Sunday 21 February 2016 21:18

You have to define a new class, f.e. kakudimmers. See how the heaters are defined.
Raspberry Pi B+ | Domoticz v3.4834 | RFXtrx433E | Action sockets and remote control (a cheap solution to start with)
Sonos device: control via Action remote control and EasySonos (via Domoticz scripts)
2 x Chresta TX320, Kaku sensoren, D-link camera

h143
Posts: 27
Joined: Tuesday 28 October 2014 23:26
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by h143 » Monday 22 February 2016 23:27

HansLe wrote:@arnoldg:

you have added this code to?

Code: Select all

				} else if(element.hasClass("datavalue")) {
					that.updateWidget.datavalue(element, result);	
Can you add the console log line:

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.
i don't get also my elctric and gas usage in this frontpage,
i have do your steps but the frontpage shows only ...

daandamhuis
Posts: 23
Joined: Tuesday 19 January 2016 11:47
Target OS: Raspberry Pi
Domoticz version: 2.4608
Location: 's-Hertogenbosch
Contact:

Re: Yet another frontpage

Post by daandamhuis » Tuesday 23 February 2016 22:56

Hi,

I've just configured the Web Interface, and it's working great. But is their an example to configure / include a Chromecast and Selector Switches?

Thanks in advance!
RPi Model 2: Domoticz Server (Beta)
RPi Model B+: Smart Meter Slave (Stable)
Particle Photon (2x): Prototyping, Controlling LEDS and gathering Sensor data for Domoticz
Arduino Uno R3: with CC2500 Shield for Philips LivingColor Lights 1st Gen.

HansLe
Posts: 25
Joined: Wednesday 13 January 2016 22:12
Target OS: Raspberry Pi
Domoticz version: V2.3530
Location: Netherlands
Contact:

Re: Yet another frontpage

Post by HansLe » Wednesday 24 February 2016 0:29

@arnoldg

Change line:

Code: Select all

<div class="box" data-domoticz-id="60" data-status="true"">
to

Code: Select all

<div class="box datavalue" data-domoticz-id="60" data-status="true"">
and it will work.
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 this

Code: Select all

      	datavalue: function(element, result) {                // 1-2 toegevoegd
         	var datavalue = result.Usage;
   
         // Update the datavalue itself
         eleme....
but it doesn't display the value to the screen, is there a way to see what is going wrong.
HTML code on the site

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 -->
the rest is just as you descript.

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"
}
Raspberry Pi B+ | Domoticz v3.4834 | RFXtrx433E | Action sockets and remote control (a cheap solution to start with)
Sonos device: control via Action remote control and EasySonos (via Domoticz scripts)
2 x Chresta TX320, Kaku sensoren, D-link camera

daandamhuis
Posts: 23
Joined: Tuesday 19 January 2016 11:47
Target OS: Raspberry Pi
Domoticz version: 2.4608
Location: 's-Hertogenbosch
Contact:

Re: Yet another frontpage

Post by daandamhuis » Wednesday 24 February 2016 19:16

Got the Gas and Electricity working. Thanks for the example @HansLe.
Attachments
Schermafbeelding 2016-02-24 om 18.15.52.png
Dashboard
Schermafbeelding 2016-02-24 om 18.15.52.png (97.75 KiB) Viewed 3247 times
RPi Model 2: Domoticz Server (Beta)
RPi Model B+: Smart Meter Slave (Stable)
Particle Photon (2x): Prototyping, Controlling LEDS and gathering Sensor data for Domoticz
Arduino Uno R3: with CC2500 Shield for Philips LivingColor Lights 1st Gen.

wauwturrr
Posts: 2
Joined: Thursday 25 February 2016 19:20
Target OS: Raspberry Pi
Domoticz version: 2.3530
Contact:

Re: Yet another frontpage

Post by wauwturrr » Thursday 25 February 2016 19:26

Really love this theme. Using it with a tablet attached to the wall. There are only 2 things i just can't get solved..
When you have your heater connected with a OpenTherm Gateway, the temperate can only be turned up by 1 degree per slide. Is there someone who allready made it working with just 0.5 degree per slide? (i know it might sound quite silly..). I've also tested some things with the chromecast, but it seems to be not working anymore.. Someone who also solved that?
Last van trage WiFi? unifikopen.nl

daandamhuis
Posts: 23
Joined: Tuesday 19 January 2016 11:47
Target OS: Raspberry Pi
Domoticz version: 2.4608
Location: 's-Hertogenbosch
Contact:

Re: Yet another frontpage

Post by daandamhuis » Friday 26 February 2016 11:28

wauwturrr wrote:I've also tested some things with the chromecast, but it seems to be not working anymore.. Someone who also solved that?
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/)
RPi Model 2: Domoticz Server (Beta)
RPi Model B+: Smart Meter Slave (Stable)
Particle Photon (2x): Prototyping, Controlling LEDS and gathering Sensor data for Domoticz
Arduino Uno R3: with CC2500 Shield for Philips LivingColor Lights 1st Gen.

petergab94
Posts: 1
Joined: Monday 07 March 2016 18:37
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by petergab94 » Monday 04 April 2016 8:31

Hello,

The switch command works fine, ... good frontpage ! i love !
the scroll bars are not changed ?
it's normal ? it can not be varied ?

ok HS for chrome .. ok mozilla !

clubeddie
Posts: 35
Joined: Saturday 19 March 2016 22:12
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Yet another frontpage

Post by clubeddie » Tuesday 01 November 2016 23:34

Project still Alive?

fverdonk
Posts: 2
Joined: Tuesday 01 November 2016 20:33
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by fverdonk » Wednesday 02 November 2016 15:44

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

satanasinc
Posts: 11
Joined: Monday 19 October 2015 12:15
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by satanasinc » Friday 04 November 2016 10:46

Hi!

Nice dashboard. Installed and runnig without problems.
Very good job!

Thank you.

Greetings from spain!

qwerk
Posts: 271
Joined: Tuesday 22 July 2014 7:21
Target OS: Raspberry Pi
Domoticz version: beta
Location: Netherlands
Contact:

Re: Yet another frontpage

Post by qwerk » Friday 04 November 2016 11:45

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

Hi, I had the same problem when I installed this this morning.
When I go to http://domoticz/frontpage/index.html then its working ;-)

regards

fverdonk
Posts: 2
Joined: Tuesday 01 November 2016 20:33
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by fverdonk » Saturday 05 November 2016 15:36

Thanks that was it.!!
rg Frank

clubeddie
Posts: 35
Joined: Saturday 19 March 2016 22:12
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Yet another frontpage

Post by clubeddie » Sunday 06 November 2016 21:07

daandamhuis wrote:Got the Gas and Electricity working. Thanks for the example @HansLe.
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.

So for electricity i want to use the values: 'CounterToday' and 'Usage'

So i added below in domotics.js

Code: Select all

} else if(element.hasClass("actueelverbruik")) {
					that.updateWidget.actueelverbruik(element, result); 
				} else if(element.hasClass("totaalverbruik")) {
					that.updateWidget.totaalverbruik(element, result); 
And also:

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);
      },
This is working, if i add for example actueel usage like below:

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 -->
I get
Knipsel.PNG
Knipsel.PNG (2.69 KiB) Viewed 2169 times
If i change this code in:

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 -->
I get
Knipsel2.PNG
Knipsel2.PNG (2.86 KiB) Viewed 2169 times
If i place both boxes like:

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 -->
I get:
Knipsel3.PNG
Knipsel3.PNG (4.82 KiB) Viewed 2169 times
So it shows only the actual usage in both boxes... i am starring at it... but i cannot find it. Hope someone can see what i am doing wrong!

clubeddie
Posts: 35
Joined: Saturday 19 March 2016 22:12
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Yet another frontpage

Post by clubeddie » Monday 07 November 2016 19:39

Solved it, some adjustments in domoticz.js did the trick.
Knipsel.PNG
Knipsel.PNG (27.45 KiB) Viewed 2150 times
Now starting to implement traffic information and some other iframe stuff like google calendar and squeezebox.

Has anyone sees the AdminLTE2 interface, it would be awesome if you can show the certain graphics like powerconsumption like in this example
Knipsel2.PNG
Knipsel2.PNG (17.59 KiB) Viewed 2150 times
See https://almsaeedstudio.com/themes/AdminLTE/index2.html

blauwebuis
Posts: 154
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: Yet another frontpage

Post by blauwebuis » Friday 23 December 2016 11:34

Wow, this is stellar.

Could Domoticz use one of the great themes that have been developed as the new default?

gijsdevries
Posts: 1
Joined: Sunday 12 February 2017 21:19
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by gijsdevries » Sunday 12 February 2017 22:00

its verry nice, i have a tablet on the livingroom with this frontpage, my girlfriend likes it ;)

would be nice if there are people who can make extra things in. such as current temp a thermostat. as in my living room and barn.

attached a few pictures
capture20170212205948311.png
capture20170212205948311.png (94.71 KiB) Viewed 1649 times

bsmeding
Posts: 39
Joined: Tuesday 28 October 2014 19:29
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Yet another frontpage

Post by bsmeding » Monday 13 February 2017 9:19

I'm also start using this frontpage a couple of months ago.

It is a very nice frontpage but I don't understand that there are not more people using this. I'm not that fimilar with javascript so it takes a lot of time for me to understand and create extra addons. I'm now trying to port the sonos function to another API. I use the Sonos HTTP API http://www.domoticz.com/forum/viewtopic.php?f=4&t=15365 instead of the Sonos web https://github.com/roberthorlings/sonos-web

when i have an updates version i will post it here, but with the spare time i currently have it will not be very soon

User avatar
EdwinK
Posts: 915
Joined: Sunday 22 January 2017 22:46
Target OS: Raspberry Pi
Domoticz version: BETA
Location: Rhoon
Contact:

Re: Yet another frontpage

Post by EdwinK » Monday 13 February 2017 13:42

I agree that this is a nice thee, but setting it up is a bit of a pain. So, therefore I'm using the theme from G3rard, that is much easier to setting up. Then again, I' still very new to the world of Domoticz so who knows I might switch at a later day.
Running latest BETA on a Pi-3 | Toon Thermostat | RFxcom | Dashticz V2 |

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest