Dashticz - General Discussions

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Locked
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by robgeerts »

Dingetje2004 wrote:I would alsolike to have it refreshed without refreshing the whole page every seconded.
Will fix this asap!

heggink wrote: Couple of items:
1) all of my percentage (memory, CPU, sensors) show as on/off. See json output below.
2) Same for 'distance' devices
3) barometer and humidity show 2 decimals (see eralier picture) and barometer uses % instead of hPa (below as well)
Should be fixed in latest version!

heggink wrote: Many thanks again. Couple of beers coming up.
Thanks!
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by SwordFish »

@robgeerts you are unstoppable.
Can you add the code for "Geen regen verwacht binnen 15 minuten" see code.
One question, how do i add the charts in the config?
Thanks

Code: Select all

{
   "ActTime" : 1491641881,
   "ServerTime" : "2017-04-08 10:58:01",
   "Sunrise" : "06:59",
   "Sunset" : "20:23",
   "result" : [
      {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "Geen regen verwacht binnen 15 minuten.",
         "Description" : "",
         "Favorite" : 0,
         "HardwareID" : 19,
         "HardwareName" : "Rain expected",
         "HardwareType" : "Dummy (Does nothing, use for virtual switches only)",
         "HardwareTypeVal" : 15,
         "HaveTimeout" : false,
         "ID" : "00082052",
         "LastUpdate" : "2017-04-08 10:58:00",
         "Name" : "Buienradar",
         "Notifications" : "false",
         "PlanID" : "4",
         "PlanIDs" : [ 4 ],
         "Protected" : false,
         "ShowNotifications" : false,
         "SignalLevel" : "-",
         "SubType" : "Text",
         "Timers" : "false",
         "Type" : "General",
         "TypeImg" : "text",
         "Unit" : 1,
         "Used" : 1,
         "XOffset" : "0",
         "YOffset" : "0",
         "idx" : "53"
      }
   ],
   "status" : "OK",
   "title" : "Devices"
}
User avatar
mAiden88
Posts: 56
Joined: Friday 14 October 2016 22:15
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.7286
Location: Almelo
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by mAiden88 »

@Rob:

Thanks for all you're great work..


EDIT //

Never mind.. I get it! ;)
Anyone can build a fast processor. The trick is to build a fast system.
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by SwordFish »

Some screenshots. Not ready yet.
Attachments
page 1.JPG
page 1.JPG (286.92 KiB) Viewed 1726 times
page 2.JPG
page 2.JPG (290.83 KiB) Viewed 1726 times
crashingdutchman
Posts: 21
Joined: Monday 05 December 2016 11:29
Target OS: Raspberry Pi / ODroid
Domoticz version: Latest
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by crashingdutchman »

the popups for nu.nl and radio show really short and automatically close? What could be wrong?
madrian
Posts: 231
Joined: Saturday 27 August 2016 1:18
Target OS: -
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by madrian »

Hi,

I want to contribute to your project, but I am not very familiar with Gitlab.

I cloned your repository in Fork Git client and I created a new pull request for Hungarian language file. Please check if you see this commit, on your public Gitlab page I can't see it. :?
Last edited by madrian on Saturday 08 April 2017 13:36, edited 3 times in total.
User avatar
mAiden88
Posts: 56
Joined: Friday 14 October 2016 22:15
Target OS: Raspberry Pi / ODroid
Domoticz version: 3.7286
Location: Almelo
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by mAiden88 »

Hmm..

Multi RSS feeds are not possible ??

Ex: Nu.nl & tweakers.net ?
Anyone can build a fast processor. The trick is to build a fast system.
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by SwordFish »

hpapagaj wrote:Hi,

I want to contribute to your project, but I am not very familiar with Gitlab.

I cloned your repository in Fork Git client and I created a new pull request for Hungarian language file. Please check if you see this commit, on your public Gitlab page I can't see it. :?
You have the latest version?
Than you have to use the new config example to create youre new config file.
Its using blocks now or auto positioning(see the config_example)
Clemen
Posts: 75
Joined: Saturday 05 December 2015 15:11
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Europe
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by Clemen »

Blinds arrow buttons are reversed

The blinds are down, but i have to click to "down" arrow to open them, and the "up" arrow to close them.
Screen Shot 2017-04-08 at 14.08.52.png
Screen Shot 2017-04-08 at 14.08.52.png (20.32 KiB) Viewed 1706 times
Bob123bob
Posts: 31
Joined: Monday 09 March 2015 7:35
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by Bob123bob »

I have an issue when I want to only display energy now in Watt. I use the idx_1 (e.g. '147_1') but I have a empty box follow by today and total. idx_2 for today and idx_3 for total are working fine. When I use 147 without sub value, I can see the 3 boxes working fine.
Can you help me to display only energy now ?
dashboard.png
dashboard.png (322.92 KiB) Viewed 1705 times
Clemen wrote:Blinds arrow buttons are reversed

The blinds are down, but i have to click to "down" arrow to open them, and the "up" arrow to close them.
I also have this issue because I use inverted blind percentage
Clemen
Posts: 75
Joined: Saturday 05 December 2015 15:11
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Europe
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by Clemen »

Clemen wrote:Blinds arrow buttons are reversed

The blinds are down, but i have to click to "down" arrow to open them, and the "up" arrow to close them.
I also have this issue because I use inverted blind percentage[/quote]

I am using blinds inverted to.

Its funny because in the code only blinds inverted af supported

Code: Select all

else if(device['SwitchType']=='Venetian Blinds EU' || device['SwitchType']=='Blinds Inverted'){
								html+='<div class="col-xs-4 col-icon">';
									if(device['Status']=='Closed') html+='<img src="img/blinds_closed.png" class="off icon" />';
									else html+='<img src="img/blinds_open.png" class="on icon" />';
So everyone must have "wrong arrow keys"



I think the right code block should be

Code: Select all

else if(device['SwitchType']=='Venetian Blinds EU' || device['SwitchType']=='Blinds'){
								html+='<div class="col-xs-4 col-icon">';
									if(device['Status']=='Closed') html+='<img src="img/blinds_closed.png" class="off icon" />';
									else html+='<img src="img/blinds_open.png" class="on icon" />';
								html+='</div>';
								html+='<div class="col-xs-8 col-data">';
									html+='<strong class="title">'+device['Name']+'</strong><br />';
									//if(device['Status']=='Closed') html+='<span class="state">'+lang.state_closed+'</span>';
									//else html+='<span class="state">'+lang.state_open+'</span>';
									html+='<div style="font-size:10px !important;">';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'Off\');"><em class="fa fa-arrow-up fa-small"></em></a> ';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'Stop\');"><em class="fa fa-stop-circle fa-small"></em></a> ';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'On\');"><em class="fa fa-arrow-down fa-small"></em></a>';
									html+='</div>';
								html+='</div>';
							}
							
							
							else if(device['SwitchType']=='Venetian Blinds EU Inverted' || device['SwitchType']=='Blinds Inverted'){
								html+='<div class="col-xs-4 col-icon">';
									if(device['Status']=='Closed') html+='<img src="img/blinds_closed.png" class="off icon" />';
									else html+='<img src="img/blinds_open.png" class="on icon" />';
								html+='</div>';
								html+='<div class="col-xs-8 col-data">';
									html+='<strong class="title">'+device['Name']+'</strong><br />';
									//if(device['Status']=='Closed') html+='<span class="state">'+lang.state_closed+'</span>';
									//else html+='<span class="state">'+lang.state_open+'</span>';
									html+='<div style="font-size:10px !important;">';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'On\');"><em class="fa fa-arrow-up fa-small"></em></a> ';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'Stop\');"><em class="fa fa-stop-circle fa-small"></em></a> ';
										html+='<a href="javascript:switchBlinds('+device['idx']+',\'Off\');"><em class="fa fa-arrow-down fa-small"></em></a>';
									html+='</div>';
								html+='</div>';
							}
whiteduck
Posts: 44
Joined: Tuesday 25 March 2014 23:20
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Berkshire, UK
Contact:

Re: New Dashboard Design

Post by whiteduck »

I've tested with some of your device.
Do you want something like:
Image
This is the result in the latest version wich I will publish later today.
Yep looks perfect - sorry away since you made the change so need to test it on Tuesday! Thanks again!
Domoticz on Ubuntu 16.04 LTS VM
RFXCom USB transceiver
Aeon Labs V2 USB (Zwave)
Various HomeEasy, Oregon devices and sensors. Now using Z-Wave Fibaro FGMS-001, TKB TZ88Es
TP-Link IP310 Cameras
whiteduck
Posts: 44
Joined: Tuesday 25 March 2014 23:20
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Berkshire, UK
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by whiteduck »

Oh and did you mention charts... YES PLEASE!
Domoticz on Ubuntu 16.04 LTS VM
RFXCom USB transceiver
Aeon Labs V2 USB (Zwave)
Various HomeEasy, Oregon devices and sensors. Now using Z-Wave Fibaro FGMS-001, TKB TZ88Es
TP-Link IP310 Cameras
User avatar
htilburgs
Posts: 464
Joined: Tuesday 03 November 2015 11:01
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Netherlands
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by htilburgs »

Hi Rob, finaly some time to experiment with the dashboard, in one word: NICE !!
You're gone get drunk of all the beer, but one of these days we have to have a beer at De Zwaan.... ;)

I'm using Fibaro Roller Shutter to control my blinds, but in the Dashboard it is shown as a lamp.
Do I something wrong of is it nog recognized?

Code: Select all

 {
         "AddjMulti" : 1.0,
         "AddjMulti2" : 1.0,
         "AddjValue" : 0.0,
         "AddjValue2" : 0.0,
         "BatteryLevel" : 255,
         "CustomImage" : 0,
         "Data" : "Open",
         "Description" : "",
         "Favorite" : 1,
         "HardwareID" : 2,
         "HardwareName" : "Aeon Labs Z-Stick GEN5",
         "HardwareType" : "OpenZWave USB",
         "HardwareTypeVal" : 21,
         "HaveDimmer" : true,
         "HaveGroupCmd" : true,
         "HaveTimeout" : false,
         "ID" : "00000201",
         "Image" : "Light",
         "IsSubDevice" : false,
         "LastUpdate" : "2017-04-08 14:35:27",
         "Level" : 0,
         "LevelInt" : 0,
         "MaxDimLevel" : 100,
         "Name" : "Rolluik Woonkamer",
         "Notifications" : "false",
         "PlanID" : "2",
         "PlanIDs" : [ 2 ],
         "Protected" : false,
         "ShowNotifications" : true,
         "SignalLevel" : "-",
         "Status" : "Open",
         "StrParam1" : "",
         "StrParam2" : "",
         "SubType" : "Switch",
         "SwitchType" : "Blinds Percentage",
         "SwitchTypeVal" : 13,
         "Timers" : "false",
         "Type" : "Light/Switch",
         "TypeImg" : "blinds",
         "Unit" : 1,
         "Used" : 1,
         "UsedByCamera" : false,
         "XOffset" : "741",
         "YOffset" : "287",
         "idx" : "6"
      },
Hardware:
RPi3 - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug - Nest Thermostat v3
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

Re: New Dashboard Design v2, with custom positioning

Post by maluko »

robgeerts wrote:
Dropshot wrote:This dashboard looks amazing!

I've downloaded and extracted the zip to a subfolder in domoticz and changed CONFIG. Question: should it run instantly, or am I missing something, since I don't see a new dashboard?
If you downloaded it to a subfolder, you have to call it like this:

http://192.168.1.20:8084/subfolder/index.html
So, first your regular domoticz-path, then subfolder, then index.html
can´t get work...

i unzip and downloaded to /home/pi/domoticz/master

next change the /domoticz/master/config.js like this:

Code: Select all

var _HOST_DOMOTICZ		  	= 'http://192.168.1.50:8080';
so i think that only have to go on browser here:

Code: Select all

http://192.168.1.50:8080/domoticz/master/index.html
but cant open!!

need help.

Thanks
User avatar
htilburgs
Posts: 464
Joined: Tuesday 03 November 2015 11:01
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Netherlands
Contact:

Re: New Dashboard Design v2, with custom positioning

Post by htilburgs »

maluko wrote:
robgeerts wrote:
Dropshot wrote:This dashboard looks amazing!

I've downloaded and extracted the zip to a subfolder in domoticz and changed CONFIG. Question: should it run instantly, or am I missing something, since I don't see a new dashboard?
If you downloaded it to a subfolder, you have to call it like this:

http://192.168.1.20:8084/subfolder/index.html
So, first your regular domoticz-path, then subfolder, then index.html
can´t get work...

i unzip and downloaded to /home/pi/domoticz/master

next change the /domoticz/master/config.js like this:

Code: Select all

var _HOST_DOMOTICZ		  	= 'http://192.168.1.50:8080';
so i think that only have to go on browser here:

Code: Select all

http://192.168.1.50:8080/domoticz/master/index.html
but cant open!!

need help.

Thanks
You have to put it in the /home/pi/domiticz/www/<subfolder>

Then you can call it with http://192.168.1.50:8080/<subfolder>/index.html
Hardware:
RPi3 - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug - Nest Thermostat v3
koowee
Posts: 62
Joined: Thursday 29 December 2016 18:17
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Finland
Contact:

Re: New Dashboard Design v2, with custom positioning

Post by koowee »

maluko wrote:
robgeerts wrote:
Dropshot wrote:This dashboard looks amazing!

I've downloaded and extracted the zip to a subfolder in domoticz and changed CONFIG. Question: should it run instantly, or am I missing something, since I don't see a new dashboard?
If you downloaded it to a subfolder, you have to call it like this:

http://192.168.1.20:8084/subfolder/index.html
So, first your regular domoticz-path, then subfolder, then index.html
can´t get work...

i unzip and downloaded to /home/pi/domoticz/master

next change the /domoticz/master/config.js like this:

Code: Select all

var _HOST_DOMOTICZ		  	= 'http://192.168.1.50:8080';
so i think that only have to go on browser here:

Code: Select all

http://192.168.1.50:8080/domoticz/master/index.html
but cant open!!

need help.

Thanks
I think that you need to move this master-folder under www-folder > /home/pi/domoticz/www/master

Then this address should work http://192.168.1.50:8080/master/index.htm

EDIT: I was too slow :)
maluko
Posts: 105
Joined: Sunday 02 February 2014 23:57
Target OS: Raspberry Pi / ODroid
Domoticz version:
Location: Portugal
Contact:

Re: New Dashboard Design v2, with custom positioning

Post by maluko »

htilburgs wrote: You have to put it in the /home/pi/domiticz/www/<subfolder>

Then you can call it with http://192.168.1.50:8080/<subfolder>/index.html
Thanks, its working now

i think that the wiki isnt not easy to understand, maybe this can help other to put on.
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by robgeerts »

I've been gone for a few hours and the forum gets overloaded ;) will fix some things tonight!
Clemen
Posts: 75
Joined: Saturday 05 December 2015 15:11
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Europe
Contact:

Re: New Dashboard Design v2, custom positioning and multiple screens

Post by Clemen »

What about making the background image related to a light switch?

Then it would be posible to have different backgrounds at night, daytime and when the alarm are active and not active
Locked

Who is online

Users browsing this forum: No registered users and 1 guest