Dashticz - Show your dashboard and how-to's!

[joostnl]

Could you please share the f1 calendar also with me? Thank you

Try this in your custom.css

Code: Select all

/* Background blocks */
.transbg.col-xs-1,
.transbg.col-xs-2,
.transbg.col-xs-3,
.transbg.col-xs-4,
.transbg.col-xs-5,
.transbg.col-xs-6,
.transbg.col-xs-7,
.transbg.col-xs-8,
.transbg.col-xs-9,
.transbg.col-xs-10,
.transbg.col-xs-11,
.transbg.col-xs-12 {
	padding-top:15px;
	padding-bottom:15px;
	border: 3px solid rgba(255,255,255,0);		/* border: 7px -> 3px - Smaller space between blocks */
	background: rgba(0,0,0,0);			/* rgba(0,0,0,0.1); -> 0,0,0,0 makes transparent */ 
	background-clip: padding-box;
	border-radius: 15px;				/* Round corners */ 
}

There are several modifications I use myself:

Transparant blocks:

Code: Select all

background: rgba(0,0,0,0.1);

Smaller (or bigger) spaces between blocks:

Code: Select all

border: 3px solid rgba(255,255,255,0);

Rounded corners:

Code: Select all

border-radius: 15px;

If you only like your blocktitles transparant, use:

Code: Select all

div.mh.titlegroups {
    height: 20px !important;
    padding-top: 3px !important;
	background: rgba(0,0,0,0);	
}

Just play around with them and see what happens...

Schermafbeelding 2018-02-26 om 22.57.03.png

Hi, great looking F1 calender! Can you send me the config for that?
I also like to create the color buttons for my Yeelight LED Strip, can you send me that piece also?

Hi there,

F1 Kalendar is an ICS file I've imported in Apple iCloud Calendar and set is as a public calendar. I've send you a PM for this.
In the config.js it's just a simple entry with the url of the public calendar:

Code: Select all

var calendars = {}
calendars.f1 = {maxitems: 5, title:'', image:'', icalurl:'webcal://p28-calendars.icloud.com/published/2/xxxxxx'}

The buttons for the Yeelight LED Strip. This is a dummy (selector) switch with code, to address the Yeelight LED Strip.
After that just create an entry in your config.js like normal. Make sure you look at the variables otherwise you won't see a thing

Code: Select all

config['selector_instead_of_buttons'] = 0;	//use for selectors
config['hide_off_button'] = 0; //use for selectors

Yeelight LED.png

[htilburgs]

thanks for your feedback, i added the private/public calendar and it keeps saying Loading..
when i open my calendar link it is opening the correct ics file.
Do you know how i can fix it?

Strange thing. I see more people on the forum having problems with Calendar (or Trashapp) that keeps loading....
I don't have any issues with it and didn't do anything special except following the Wiki.

[DewGew]

thanks for your feedback, i added the private/public calendar and it keeps saying Loading..
when i open my calendar link it is opening the correct ics file.
Do you know how i can fix it?

Strange thing. I see more people on the forum having problems with Calendar (or Trashapp) that keeps loading....
I don't have any issues with it and didn't do anything special except following the Wiki.

I don't have any issues either with google calender..

[HansieNL]

@htilburgs: I did a clean install of the latest beta and used the default config.js. I even then have problems with loading items.The strange thing is I don't have problems when running in Ubuntu Linux. Hope Rob has a solution soon.
My old version from august (was running for months) has same loading problem.

[axel2906]

Could you please share the f1 calendar also with me? Thank you

Hi, great looking F1 calender! Can you send me the config for that?
I also like to create the color buttons for my Yeelight LED Strip, can you send me that piece also?

Hi there,

F1 Kalendar is an ICS file I've imported in Apple iCloud Calendar and set is as a public calendar. I've send you a PM for this.
In the config.js it's just a simple entry with the url of the public calendar:

Code: Select all

var calendars = {}
calendars.f1 = {maxitems: 5, title:'', image:'', icalurl:'webcal://p28-calendars.icloud.com/published/2/xxxxxx'}

The buttons for the Yeelight LED Strip. This is a dummy (selector) switch with code, to address the Yeelight LED Strip.
After that just create an entry in your config.js like normal. Make sure you look at the variables otherwise you won't see a thing

Code: Select all

config['selector_instead_of_buttons'] = 0;	//use for selectors
config['hide_off_button'] = 0; //use for selectors

Yeelight LED.png

You can have the F1 calendar on this website https://www.gpupdate.net/en/calendar/27 ... -calendar/ on the right you will find ical. It's free

[brain]

My setup so far. It's a Nexus 10 tablet in a 3D printed wall mount.
fotokast.jpg
Screenshot:
Screenshotdash.jpg

Hi does somebody know how to make the big screen/page buttons on the bottom ?
i`m searching for days now i can`t find anything about it.
thanx

[htilburgs]

My setup so far. It's a Nexus 10 tablet in a 3D printed wall mount.
fotokast.jpg
Screenshot:
Screenshotdash.jpg

Hi does somebody know how to make the big screen/page buttons on the bottom ?
i`m searching for days now i can`t find anything about it.
thanx

If you create multiple screens in your config.js, than the page bullets are created.
See also the Dashticz Wiki (http://www.domoticz.com/wiki/Dashticz_V ... le_screens)

Code: Select all

var screens = {}

screens[1] = {}
screens[1]['background'] = 'dv2-bg10.jpg';
screens[1]['columns'] = [1,2,3,4]

screens[2] = {}
screens[2]['background'] = 'dv2-bg9.jpg';
screens[2]['columns'] = [1,2,3,4]

In custom.css you can play around with the size and position.

custom.css

Code: Select all

.swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
}

.swiper-pagination {
    text-align: right !important;
}

[brain]

My setup so far. It's a Nexus 10 tablet in a 3D printed wall mount.
fotokast.jpg
Screenshot:
Screenshotdash.jpg

Hi does somebody know how to make the big screen/page buttons on the bottom ?
i`m searching for days now i can`t find anything about it.
thanx

If you create multiple screens in your config.js, than the page bullets are created.
See also the Dashticz Wiki (http://www.domoticz.com/wiki/Dashticz_V ... le_screens)

Code: Select all

var screens = {}

screens[1] = {}
screens[1]['background'] = 'dv2-bg10.jpg';
screens[1]['columns'] = [1,2,3,4]

screens[2] = {}
screens[2]['background'] = 'dv2-bg9.jpg';
screens[2]['columns'] = [1,2,3,4]

In custom.css you can play around with the size and position.

custom.css

Code: Select all

.swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
}

.swiper-pagination {
    text-align: right !important;
}

It works thank you

[brain]

My setup so far. It's a Nexus 10 tablet in a 3D printed wall mount.
fotokast.jpg
Screenshot:
Screenshotdash.jpg

Hi does somebody know how to make the big screen/page buttons on the bottom ?
i`m searching for days now i can`t find anything about it.
thanx

If you create multiple screens in your config.js, than the page bullets are created.
See also the Dashticz Wiki (http://www.domoticz.com/wiki/Dashticz_V ... le_screens)

Code: Select all

var screens = {}

screens[1] = {}
screens[1]['background'] = 'dv2-bg10.jpg';
screens[1]['columns'] = [1,2,3,4]

screens[2] = {}
screens[2]['background'] = 'dv2-bg9.jpg';
screens[2]['columns'] = [1,2,3,4]

In custom.css you can play around with the size and position.

custom.css

Code: Select all

.swiper-pagination-bullet {
    width: 35px !important;
    height: 35px !important;
}

.swiper-pagination {
    text-align: right !important;
}

It works thank you

[emoncuit]

Hello,

I have an issue with the sunrise module. It doesn't load the time. I have only the icons.
The weater works fine but not the sunrise function.

Could you help me.

Regards

[jake]

For the longest time I have the issue that the tablet stays on forever. When I turn the screen off manually, it does. I use the camera to wake it up and that works, but when the browser / page is loaded for a couple hours, it quite often acts like that (keep the screen on).

The weird thing is that:
- after I kill / start the browser again, it works for a couple hours alright (screen turn off after preset idle time of tablet settings)
- sometimes for days/weeks it works correctly as well, without the above
- when I use different browsers than the behaviour is the same (chrome / firefox / kiosk)
- when I load another website, I don't have the problem at all

So yesterday I decided to give a freshly update Kiosk Browser a try. Page loads fine, although page swipe is very sluggish. Every couple minutes however, it shows a broadcast message 'ISL error while loading page'.

I checked the Pi-hole log to see what goes in and out and found some stuff like google analytics etc etc which is blocked by Pi-Hole

I decided to disable Pi-Hole for 5 minutes and to my surprise turned the tablet the screen of within some minutes (while it had been on for hours straight before). After enabling Pi-Hole again, the wrong behaviour was back within a short time

QUESTION:
What request is poking around constantly, keeping the tablet awake, even while the request doesn't come through repeatedly (blocked by Pi-Hole)?
Can this be removed or made more friendly?

I use:
Weather information
HVC garbage
2x Google calendar
Google maps
Public transport (9292ov)
Kodi (on local network)

[joostnl]

At my setup the screen goes on when status changes of example my hue dimmer. But my screen automatically turns off Didn't find an solution yet.

I solved your problem in the past to disable screen turn off in android settings. And only use the screen turn off function in kiosk browserbrowser. Developer of kiosk informed me and it worked!

For the longest time I have the issue that the tablet stays on forever. When I turn the screen off manually, it does. I use the camera to wake it up and that works, but when the browser / page is loaded for a couple hours, it quite often acts like that (keep the screen on).

The weird thing is that:
- after I kill / start the browser again, it works for a couple hours alright (screen turn off after preset idle time of tablet settings)
- sometimes for days/weeks it works correctly as well, without the above
- when I use different browsers than the behaviour is the same (chrome / firefox / kiosk)
- when I load another website, I don't have the problem at all

So yesterday I decided to give a freshly update Kiosk Browser a try. Page loads fine, although page swipe is very sluggish. Every couple minutes however, it shows a broadcast message 'ISL error while loading page'.

I checked the Pi-hole log to see what goes in and out and found some stuff like google analytics etc etc which is blocked by Pi-Hole

I decided to disable Pi-Hole for 5 minutes and to my surprise turned the tablet the screen of within some minutes (while it had been on for hours straight before). After enabling Pi-Hole again, the wrong behaviour was back within a short time

QUESTION:
What request is poking around constantly, keeping the tablet awake, even while the request doesn't come through repeatedly (blocked by Pi-Hole)?
Can this be removed or made more friendly?

I use:
Weather information
HVC garbage
2x Google calendar
Google maps
Public transport (9292ov)
Kodi (on local network)

[Beschuitje]

My final version for now of Dashticz.

Its running on a 13.3 inch Trekstar tablet. That’s pretty big but a deliberate choice because of the Autiplan agenda.
I did however, had to adjust the density of the thing because the webpage didn’t fit on the screen.

IMG_9372.jpg (141.33 KiB) Viewed 4012 times

IMG_9370.jpg (82.91 KiB) Viewed 4012 times

Yes, I can just put a tablet on the wall running just the Autiplan app. but that’s not as fun as running it on Dashticz integrated with the smart meters (and more).
Running security with z-wave devices is next on the agenda. Already have a USB stick and sensors ready to go.


I do however liked to have rounded corners on the Autiplan iframe element.
I did find https://codepen.io/Repkit/pen/PzJqkZ which describes rounded corners of a YouTube clip in an frame but I can’t seem to make the translation to Dashticz.
I hope there is someone who can guide me in the right direction? I know the corners of the frame itself are not really round but it just looks nicer.

Second I would like to adjust the size of the popup windows when you click on a button. Because the tablet is bigger the windows can be bigger.
I understand from the forum this is not possible?

Third an last and not that important, I noticed tram 9 did not show tracking info while http://tracker.geops.ch/?z=16&s=1&x=548 ... =transport did
Through this site I found http://tracker.geops.ch/feeds/#feed-247 and http://www.ovapi.nl/ so there should be tracking or am I something missing here? Is it because the tram stop I configured is the beginning/end of the line?
Also, they could be just running right on time…..

Thanks again Rob Geerts for building this! It gave me the perfect opportunity of building Domoticz together with the Autiplan agenda.
You don’t know how much this is helping my son (and us) in his daily routine and give him easy of mind. And at the same tim, integrate it with domotica.
Made a PayPal donation to you.

[clubeddie]

So i thought it is time to show my dashboard, nothing specials, but finally everything is showed how i like it.
I now have a samsung sab 10'1, with kiosk browser with motion detection. But the browser is to heavy for the tablet so it is not behaving as well. In chrome on tablet it is also kinda slow. I lowered the refresh rate, but not responding great. Will tried to setup on a newer tablet to check how it is performing.

Also graph's are buggy, not showing all the time. But will check this later. Sadly Public Transport, Waterbus is not working and module moonphase only one period of the month... a well, have to play with it

Knipsel1.jpg (259.92 KiB) Viewed 3522 times

Knipsel2.jpg (185.53 KiB) Viewed 3522 times

Knipsel3.jpg (215.7 KiB) Viewed 3522 times

[EdwinK]

How did you get the 'kosten gas' and 'kosten electra' ?

[clubeddie]

How did you get the 'kosten gas' and 'kosten electra' ?

Used the python script in this thread, create a script for each future
viewtopic.php?t=22832

Only did not get it to add font awesome icon of a eurosign in it.
But just build it tonight, maybe i need to check it for a typo.

[EdwinK]

Thanks. Checking it out

[EdwinK]

I guess I'm doing things wrong. Only getting the euro 0.01 costs. Maybe it's because of Eneco.

[Joep123]

Maybe it's because of Eneco.

Here it's working fine with Eneco's Toon...

[EdwinK]

Maybe it's because of Eneco.

Here it's working fine with Eneco's Toon...

Guess I'm doing something wrong then

Toon has idx 199 for electricity and idx200 for gas.

This how I have the script:

Code: Select all

#!/usr/bin/env python
# -*- coding: UTF-8 -*-

"""
energy_cost.py

Reads 'CounterToday' from Owl energy meter
Writes calculated cost to text device

This version is called from crontab

"""

import requests
import json

# Domoticz variables - change for your installation

fixed = 0		# fixed cost in euro
unit = 0.2032 	# unit cost in eurocents

OwlIdx = '199' #electra
costIdx = '367'
DomoBaseURL = 'http://192.168.0.11:8080/json.htm?type=devices&rid='
DomoWriteURL  = 'http://192.168.0.11:8080/json.htm?type=command&param=udevice&nvalue=0&idx='

# End of Domoticz variables

def domoticzread(idx, var):
   url = DomoBaseURL + idx
   response = requests.get(url)
   jsonData = json.loads(response.text)
   result = jsonData['result'][0][var]
   return result;

kW = domoticzread(OwlIdx, 'CounterToday')
kWh = kW.split()[0]
cost = round((float(kWh) * unit + fixed) / 100 ,2)
cost = "Euro " + str(cost)
#print kW, cost

url = DomoWriteURL + costIdx + '&svalue=' + cost
r = requests.get(url)