Dashticz - General Discussions

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Locked
User avatar
mvveelen
Posts: 687
Joined: Friday 31 October 2014 10:22
Target OS: NAS (Synology & others)
Domoticz version: Beta
Location: Hoorn, The Netherlands
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by mvveelen »

clubeddie wrote:
mvveelen wrote:
robgeerts wrote:Well, I didnt know it would grow so fast. Even for me its hard to keep up with all questions amd suggestions but Im doing the best I can. For now, good night and stay tuned for some updates in coming days!
And you're doing great !

My questions / suggestions summed up:
  • Is it possible to add more icons, like a drop of water, a garbage bin?
I thought this theme uses font awesome, in that case you can use this icons if they exists...
http://fontawesome.io/icons/

Search for trash and water.
Ah, so simple..... :)

Thanks !

Using trash and shower now :mrgreen:
RPi3b+/RFXCOM rfxtrx433E/Shelly/Xiaomi Gateway/Philips HUE Lights/Atag Zone One/2 SunnyBoy inverters/AirconWithMe/P1 smartmeter/Domoticz latest Beta
poudenes
Posts: 667
Joined: Wednesday 08 March 2017 9:42
Target OS: Linux
Domoticz version: 3.8993
Location: Amsterdam
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by poudenes »

Maybe a idea to put a value in the CONFIG.JS where you can add a refresh time for the whole site itself (index.html)
Im having my tablet agains de wall now. And want refresh every 10 or 15min so the news RSS will reload with new information.

Now im trying it myself to add a metadata:

<meta http-equiv="refresh" content="900" />

and see what happen :)
RPi3 B+, Debain Stretch, Domoticz, Homebridge, Dashticz, RFLink, Milight, Z-Wave, Fibaro, Nanoleaf, Nest, Harmony Hub, Now try to understand pass2php
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

poudenes wrote:Maybe a idea to put a value in the CONFIG.JS where you can add a refresh time for the whole site itself (index.html)
Im having my tablet agains de wall now. And want refresh every 10 or 15min so the news RSS will reload with new information.

Now im trying it myself to add a metadata:

<meta http-equiv="refresh" content="900" />

and see what happen :)
Fixed in latest beta!
Add to config.js:

Code: Select all

var _DASHTICZ_REFRESH		= 30; //in minutes
mvveelen wrote:Question:

The blocks, containing the news, jump from one height to another. So, all buttons beneath this news-block jump too. Can we set the height for the news blocks to a certain value?

but the height doesn't do anything....
In latest beta, the height of the block will get the height of the tallest news-message so it wont jump from anymore.

mvveelen wrote:
  • Is it possible to add more icons, like a drop of water, a garbage bin?
  • Is it possible to combine the Apple calendars into 1 and use at least 3 calendars?
  • Adjust the Time, headers (titles), using the CONFIG.js instead of the custom.css?
  • 'Energieverbruik' and 'Energie vandaag' is hardcoded (?), would like to rename this to 'Stroomverbruik' and 'Stroom vandaag', could this be the same as with the other blocks: blocks[203]['title'] = 'Stroomverbruik'; ? Because this doesn't work like that at the moment.
  • If (for instance) the outside temperature drops below zero, could the color of the value then be changed into blue (i.e. warning for frost)? Setting in CONFIG.js
  • Could the weatherforecast-icons be replaced by the skycons you see here: http://darkskyapp.github.io/skycons/ ? Gives the dashboard some 'action' :)
According to the titles, try:

Code: Select all

blocks['203_1'] = {}
blocks['203_1']['title'] = 'Stroomverbruik';
blocks['203_2'] = {}
blocks['203_2']['title'] = 'Stroom vandaag';
All other suggestions will be put into issuetracker of Github!


htilburgs wrote:
pvdhelm wrote:
pvdhelm wrote:font.png

where can i change the fontsize of the text 'er wordt momenteel niets afgespeeld" and "Grouped"

On my pc eveerything looks ok, but on my ipad pro the text is out of the box

greets patrick

Nobody who can help me????
@pvdhelm, I noticed that this is coming from bootstrap.min.css

Code: Select all

.h4, h4 {
    font-size: 18px;
}
But I've not found a way to overide this with the custom.css
Maybe @robgeerts knows how this can be done?
Add to custom.css:

Code: Select all

div.mh.titlegroups {
    height: auto !important;
}
div.mh.titlegroups h3 {
    font-size: 15px !important;
    padding-top:0px !important;
}

If I forget any questions, bugs or suggestions, you can also add them to github:
https://github.com/robgeerts/dashticz_v2/issues
Last edited by robgeerts on Monday 01 May 2017 14:32, edited 2 times in total.
User avatar
mvveelen
Posts: 687
Joined: Friday 31 October 2014 10:22
Target OS: NAS (Synology & others)
Domoticz version: Beta
Location: Hoorn, The Netherlands
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by mvveelen »

robgeerts wrote: In latest beta, the height of the block will get the height of the tallest news-message so it wont jump from anymore.
Ah, I can't test it right now. No news shows up when I'm using my VPN connection...hmmm....But I trust this is fixed. Great !
robgeerts wrote: According to the titles, try:

Code: Select all

blocks['203_1'] = {}
blocks['203_1']['title'] = 'Stroomverbruik';
blocks['203_2'] = {}
blocks['203_2']['title'] = 'Stroom vandaag';
Doh.... :oops: I should have known that..... my bad.

Thanks again !
RPi3b+/RFXCOM rfxtrx433E/Shelly/Xiaomi Gateway/Philips HUE Lights/Atag Zone One/2 SunnyBoy inverters/AirconWithMe/P1 smartmeter/Domoticz latest Beta
nobody
Posts: 1
Joined: Monday 01 May 2017 13:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by nobody »

Hi,

It is possible if you share share the config file of the dashboard of your opening post? I have difficulty to create a dashboard like yours. I only get 2 columns and can´t get the news feed and streaming audio to display.

Thanks.
Blueone
Posts: 130
Joined: Friday 29 November 2013 11:30
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by Blueone »

nobody wrote:Hi,

It is possible if you share share the config file of the dashboard of your opening post? I have difficulty to create a dashboard like yours. I only get 2 columns and can´t get the news feed and streaming audio to display.

Thanks.
Check this topic for config files:
https://www.domoticz.com/forum/viewtopi ... =8&t=17242
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

mvveelen wrote: Could the weatherforecast-icons be replaced by the skycons you see here: http://darkskyapp.github.io/skycons/ ? Gives the dashboard some 'action' :)
Is now available in the beta-version!
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by EdwinK »

Thanks :)
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
User avatar
mvveelen
Posts: 687
Joined: Friday 31 October 2014 10:22
Target OS: NAS (Synology & others)
Domoticz version: Beta
Location: Hoorn, The Netherlands
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by mvveelen »

robgeerts wrote:
mvveelen wrote: Could the weatherforecast-icons be replaced by the skycons you see here: http://darkskyapp.github.io/skycons/ ? Gives the dashboard some 'action' :)
Is now available in the beta-version!
Wow, that's fast! Looks great. Even the clouds are moving :D
RPi3b+/RFXCOM rfxtrx433E/Shelly/Xiaomi Gateway/Philips HUE Lights/Atag Zone One/2 SunnyBoy inverters/AirconWithMe/P1 smartmeter/Domoticz latest Beta
User avatar
HansieNL
Posts: 964
Joined: Monday 28 September 2015 15:13
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by HansieNL »

robgeerts wrote:
mvveelen wrote: Could the weatherforecast-icons be replaced by the skycons you see here: http://darkskyapp.github.io/skycons/ ? Gives the dashboard some 'action' :)
Is now available in the beta-version!
Hello Rob,
Maybe you can make it a variable what icons to choose? I like a more static dashboard. All the moving elements makes me nervous :roll:
Blah blah blah
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

Will do :)

Edit: inlatest beta, add to config.js:

Code: Select all

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

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

From now on, I will push betas to production once a week. The first beta is gling live later today.
axelbaas
Posts: 28
Joined: Thursday 14 January 2016 20:22
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by axelbaas »

robgeerts wrote:
mvveelen wrote: Could the weatherforecast-icons be replaced by the skycons you see here: http://darkskyapp.github.io/skycons/ ? Gives the dashboard some 'action' :)
Is now available in the beta-version!
It is working, except in the standby modus. In Standby modus there is no weathericons anymore.

EDIT: Nevermind... It is working. I'll guess i forgot to do a hard-refresh.
Last edited by axelbaas on Monday 01 May 2017 16:06, edited 1 time in total.
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by SwordFish »

The raindrop and moon is missing?
Knipsel.JPG
Knipsel.JPG (16.99 KiB) Viewed 2007 times
Edit:
Got the moon back by addding it in my config but that isn't working with the raindrop

Code: Select all

blocks[53]['icon'] ='fa fa-tint';
Also the skycons for currentweather on the first page is working but on my 3 page the currentweather skycon isn't showing.
Last edited by SwordFish on Monday 01 May 2017 15:59, edited 1 time in total.
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

Could youi please test the weather in latest beta.
I fixed something to work with multiple weather-blocks.
Bob123bob
Posts: 31
Joined: Monday 09 March 2015 7:35
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by Bob123bob »

htilburgs wrote:@Robgeert, one small issue found with the shutter. Text is displayed, but not translated. It says CLOSED. I checked the language file and that says

Code: Select all

lang['state_closed'] = 'DICHT';
I have the same issue, CLOSED instead of translated word
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by EdwinK »

gielie wrote:Can someone help with the following problem.
Rob created some code to change the on/off status with af/aanwezig in the following code

Code: Select all

code removed to save some space							   
I want to prevend a write over by the next update, how can i put this code in a custom file so it won't be overwritten?
I wonder about this too. I hate to do this every time there is a new main.js update.

Also added this now to main.js (thanks @ierlandfan)

Code: Select all

         else if(data.result[r]['idx']==112){

var actions = data.result[r]['LevelActions'].split('|');
var names = data.result[r]['LevelNames'].split('|');

var switchHTML = '<div class="col-md-4 mb no-pr switch" data-light="'+data.result[r]['idx']+'">';
switchHTML+='<div class="transbg"> ';
switchHTML+='<div class="col-md-4 no-padding">';

switchHTML+='</div>';
switchHTML+='<div class="col-md-8 no-padding">';
switchHTML+='<strong class="title">'+data.result[r]['Name']+'</strong><br />';
switchHTML+='<option value="'+(a*10)+'" '+s+'>'+names[a]+'</option>';
switchHTML+='</div>';
switchHTML+='</div>';
switchHTML+='</div>';
$('div.block_'+idx).html(switchHTML);
addHTML=false;
 }
It was hard to find where this code should go, so I would hate to lose it again.
Last edited by EdwinK on Monday 01 May 2017 16:52, edited 2 times in total.
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
User avatar
EdwinK
Posts: 1820
Joined: Sunday 22 January 2017 21:46
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Rhoon
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by EdwinK »

SwordFish wrote:The raindrop and moon is missing?
Knipsel.JPG
Edit:
Got the moon back by addding it in my config but that isn't working with the raindrop

Code: Select all

blocks[53]['icon'] ='fa fa-tint';
Shouldn't it be just 'fa-tint'; ?
Running latest BETA on a Pi-3 | Toon® Thermostat (rooted) | Hue | Tuya | IKEA tradfri | Dashticz V3 on Lenovo Huawei Tablet | Conbee
SwordFish
Posts: 278
Joined: Sunday 14 December 2014 12:28
Target OS: Raspberry Pi / ODroid
Domoticz version: V4.11375
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by SwordFish »

EdKo66 wrote:
SwordFish wrote:The raindrop and moon is missing?
Knipsel.JPG
Edit:
Got the moon back by addding it in my config but that isn't working with the raindrop

Code: Select all

blocks[53]['icon'] ='fa fa-tint';
Shouldn't it be just 'fa-tint'; ?
Found the problem, had two times idx 53. One with width 6 and another with width 12. Had only put it by one block.
I have fa fa-tint and its working, i think it can both.
robgeerts
Posts: 1273
Joined: Saturday 24 January 2015 22:12
Target OS: NAS (Synology & others)
Domoticz version: 3.7067
Location: NL
Contact:

Re: Dashticz v2.0, custom positioning and multiple screens

Post by robgeerts »

EdKo66 wrote:
gielie wrote:Can someone help with the following problem.
Rob created some code to change the on/off status with af/aanwezig in the following code

Code: Select all

code removed to save some space							   
I want to prevend a write over by the next update, how can i put this code in a custom file so it won't be overwritten?
I wonder about this too. I hate to do this every time there is a new main.js update.

Also added this now to main.js (thanks @ierlandfan)

Code: Select all

         else if(data.result[r]['idx']==112){

var actions = data.result[r]['LevelActions'].split('|');
var names = data.result[r]['LevelNames'].split('|');

var switchHTML = '<div class="col-md-4 mb no-pr switch" data-light="'+data.result[r]['idx']+'">';
switchHTML+='<div class="transbg"> ';
switchHTML+='<div class="col-md-4 no-padding">';

switchHTML+='</div>';
switchHTML+='<div class="col-md-8 no-padding">';
switchHTML+='<strong class="title">'+data.result[r]['Name']+'</strong><br />';
switchHTML+='<option value="'+(a*10)+'" '+s+'>'+names[a]+'</option>';
switchHTML+='</div>';
switchHTML+='</div>';
switchHTML+='</div>';
$('div.block_'+idx).html(switchHTML);
addHTML=false;
 }
It was hard to find where this code should go, so I would hate to lose it again.
Already busy with a fix to give users more flexibility ;)
Stay tuned..
Locked

Who is online

Users browsing this forum: No registered users and 1 guest