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

[stephanvdplas]

This is a great suggestion, thanks! I had been under the mistaken impression that the Logitech Media Server only worked with proprietary gadgets, so hadn't checked it out. I installed it standalone on a Raspberry Pi3 together with Dashticz, and it runs very well. On the Pi, the hardest part was getting the external USB sound card to be recognized, but that's not unusual.
Dashticz-Logitech.jpg

You're welcome! This looks great!

[Derik]

Sorry for the latency... I'd suggest you try the material skin (a plug-in in Squeezeserver). Then create an iFrame for it. It is so much prettier than the standard squeezebox players.

This is a great suggestion, thanks! I had been under the mistaken impression that the Logitech Media Server only worked with proprietary gadgets, so hadn't checked it out. I installed it standalone on a Raspberry Pi3 together with Dashticz, and it runs very well. On the Pi, the hardest part was getting the external USB sound card to be recognized, but that's not unusual.
.
Dashticz-Logitech.jpg

Hi

Vry noce option your ip cameras like this

Pleas can you share the code, for this?
And perhap do you have a susgestion for the how to use live streams from the internet?

[fargle]

Hi

Vry noce option your ip cameras like this

Pleas can you share the code, for this?
And perhap do you have a susgestion for the how to use live streams from the internet?

Hi

Don't know how to do this other than with this non-typical setup, but here's some info.

The Dashticz server runs on a separate Pi4 from the kiosk display, which is also on a Pi4 running OpenBox. On the server, I have Shinobi installed to transcode the video streams, which are displayed in frames in the Chromium client browser, as well as the just-added Logitech server and Node-Red.
Both the server and the client work reasonably intensively, so I don't think this setup is feasible on a single device tablet-type setup.

Regarding internet streams, modern browsers don't like displaying third-party content in an IFrame due to CORS considerations. I had to use an nginx proxy to do this, even with some local content.

[bce626]

I saw a lot of dashboards, I thought I'll show my dashboard too

[jackrobijn]

Because it is getting very quit here with messages etc on this part.
This is a part what i have running for quit a while now.
Working with several pages through a menu button style

[Lokonli]

Nice! Thanks for sharing your dashboard.

What's on the top of your Dashticz wishlist? It's almost Sinterklaas

[jackrobijn]

Sinterlaas wish list
Getting time to add and setup several ESP units to monitor more temperatures-open window detection - movements - auto close roof windows etc.
And hopefully some more new messages on this page for new idea's

[EdwinK]

I wish for something outside the Dashticz corner. I would be happy if I can get my Domoticz working again.

And I second on he more new dashboards in this section

[jackrobijn]

To EdwinK
Have running 3 raspberryV3 running with X850 V3.1 mSATA SSD storage board with 64 Gb disk , and also 3 raspberry V2 with Sd card, all behind a APC backup running for almost 2 years now, no hickups so far.
Running 3 x domoticz, 3 x dashticz, Homeassistant, PiHole, grafana server only crashed once, but had a good backup.

[jackrobijn]

example of Central Heating system checking floortemperatures of floorheating and rooms and showing status of CV unit

[darrepac]

My dashboard on a touchscreen display is supposed to increase the WAF... so I focussed on putting only the essentials and the one we could need daily

2021-11-18 16_49_46-Dashticz (Petit).png (311.24 KiB) Viewed 2725 times

[Lokonli]

Nice!
What's your plan with the empty area in the middle?
Rain forecast or recent news might further improve WAF.
The weather forecast on the next holiday location is also always appreciated

The green ring color in the upper right dial seems to be wrong. Any specifics in you dial block definition that may cause this?

[darrepac]

Nice!
What's your plan with the empty area in the middle?
Rain forecast or recent news might further improve WAF.
The weather forecast on the next holiday location is also always appreciated

I was willing to wait some days/weeks to see what was missing or can be improved to decide.

The green ring color in the upper right dial seems to be wrong. Any specifics in you dial block definition that may cause this?

Yes I don't know why, here is the block definition:

Code: Select all

blocks['Conso Maison'] = {
    idx: 188,
    title: 'Conso Maison',
    type: 'dial',
    values: [
        {
        value: 'Usage',
        addClass: 'primary',
        decimals: 0,
        unit: 'W',
        isNeedle: true
        },
        {
        idx: '193',
        value: 'Usage',
        label: 'SPA',
        decimals: 0,
        unit: 'W',
        isNeedle: false
        }
    ],
    width: 6,
    min: -2000,
    max: 8000,
    setpoint: 0,
    showring: true,
    showunit: true,
    shownumbers: true,
    showvalue: false,
    animation: false,
    last_update: false
}

[dagger38]

Hi...
Long time i did something in dashticz
Now i am experimenting with GRAPHS.

Schermafbeelding 2022-01-04 004920.jpg (221.35 KiB) Viewed 2436 times

How do i get rid of those top POWER buttons...
I get them with other graps to

[HansieNL]

Can you post your config.js so we can better understand where it goes wrong.
You can put your code in the full editor by choosing </>

[dagger38]

Code: Select all

var config = {}
var _EDIT_MODE = false;
var _USE_AUTO_POSITIONING = true;
config['domoticz_ip'] = 'http://***.***.*.***:****';
config['app_title'] = 'Dagger-Ticz';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '60';
config['default_news_url'] = 'http://www.nu.nl/rss/algemeen';
config['news_scroll_after'] = '7';
config['standby_after'] = 0;
config['auto_swipe_back_to'] = 1;
config['auto_swipe_back_after'] = '0';
config['auto_slide_pages'] = 0;
config['slide_effect'] = 'slide';
config['standard_graph'] = 'hours';
config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['calendarurl'] = 0;
config['boss_stationclock'] = 'RedBoss';
config['gm_api'] = 0;
config['gm_zoomlevel'] = 0;
config['gm_latitude'] = 0;
config['gm_longitude'] = 0;
config['wu_api'] = '3a35421d0e751cb3';
config['wu_city'] = 'Hamont-Achel';
config['wu_name'] = 0;
config['wu_country'] = 'BE';
config['idx_moonpicture'] = 2;
config['switch_horizon'] = 0;
config['host_nzbget'] = 0;
config['spot_clientid'] = 0;
config['garbage_company'] = 'ical';
config['garbage_icalurl'] = 'www.limburg.net/ics/afvalkalender/72037/9938/31/0';
config['garbage_zipcode'] = '*****';
config['garbage_street'] = '*****';
config['garbage_housenumber'] = '31';
config['garbage_maxitems'] = '6';
config['garbage_width'] = '12';
config['selector_instead_of_buttons'] = 0;
config['auto_positioning'] = 0;
config['use_favorites'] = 0;
config['last_update'] = 0;
config['hide_topbar'] = 1;
config['hide_seconds'] = 0;
config['hide_seconds_stationclock'] = 0;
config['use_fahrenheit'] = 0;
config['use_beaufort'] = 0;
config['translate_windspeed'] = 1;
config['static_weathericons'] = 0;
config['hide_mediaplayer'] = 0;
config['garbage_hideicon'] = 0;
config['standard_graph'] = 'day';

var _LANGUAGE = 'nl_NL';
var _WEATHER_CITY = '****';
var _WEATHER_COUNTRY = 'BE';
var _USE_AUTO_POSITIONING = true;
var _USE_FAVORITES = true;
var _HIDE_SECONDS_IN_CLOCK = false;
var _HIDE_MEDIAPLAYER_WHEN_OFF = false;
var _STANDBY_AFTER_MINUTES = 1;
var _USE_BEAUFORT = true;
var _TRANSLATE_SPEED = false;
var _SHOW_LASTUPDATE = false;
var _LASTUPDATE_FORMAT = 'DD-MM-YY HH:mm';
var _IDXmoonpicture = 13; //index of the uservariabele MoonPicture
var _SCREENSLIDER_EFFECT = 'slide';
//var _CLOCK_BOSS			  = 'RedBoss';

var tvguide = {}
tvguide.dutch = { key:'dutch', icon: 'fa-television', width:12, channels: [4,31,36,460,46,34,24,411,39,107], maxitems: 5 }

var calendars = {}
calendars.business = { icon: 'fa-calendar', maxitems: 6, url: 'https://calendar.google.com/calendar/', icalurl: 'https://calendar.google.com/calendar/ical/dagger38%40gmail.com/private-1d20f96321b4ace9694a57731203942c/basic.ics' }

var _STREAMPLAYER_TRACKS = [
{"track":1,"name":"Arrow Classic Rock","file":"http://91.221.151.155:80/;?.mp3"},
{"track":2,"name":"Q-music","file":"http://icecast-qmusic.cdp.triple-it.nl/Qmusic_be_live_96.mp3"},
{"track":3,"name":"Slam! NonStop","file":"http://stream.radiocorp.nl/web10_mp3"},
{"track":4,"name":"192","file":"http://188.213.230.36:8030/stream"},
{"track":5,"name":"538 Hitzone","file":"http://playerservices.streamtheworld.com/api/livestream-redirect/TLPSTR11.mp3 "},
]; 

var buttons = {}
buttons.buienradar = {width:12, isimage:true, image: 'https://api.buienradar.nl/image/1.0/RadarMapNL?w=350&h=220', url: 'https://www.weeronline.nl/Europa/Belgie/Achel/4055780'}
buttons.calendar = {width:6, icon: 'fa-calendar', title: 'Agenda', url: 'https://calendar.google.com/calendar/embed?src=dagger38%40gmail.com&ctz=Europe/Brussels" style="border: 2" width="1300" height="800" frameborder="0" scrolling="no">'}
buttons.radio = {width:12, image: 'img/radio_on.png', title: 'Radio', url: 'http://nederland.fm'}
buttons.nunl = {width:6, icon: 'fa-newspaper-o', title: 'Hbvl', url: 'http://www.hbvl.be'}
buttons.moon = {width:12, isimage:true, refreshimage:60000, image: 'moon'}
buttons.cam_voor = { width:6, isimage:true, refresh:2000, url: 'http://admin:********@192.168.0.101/videostream.asf?user=admin&pwd=d6g6a4a2&resolution=64&rate=0' }

var blocks = {}
blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Rolluiken';

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Schakelaars 1';

blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Het Weer';

blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['title'] = 'Koelkast';

blocks['blocktitle_5'] = {}
blocks['blocktitle_5']['type'] = 'blocktitle';
blocks['blocktitle_5']['title'] = 'Maan';

blocks['blocktitle_6'] = {}
blocks['blocktitle_6']['type'] = 'blocktitle';
blocks['blocktitle_6']['title'] = 'Zonnepanelen';

blocks['blocktitle_7'] = {}
blocks['blocktitle_7']['type'] = 'blocktitle';
blocks['blocktitle_7']['title'] = 'Beregening';

blocks['blocktitle_8'] = {}
blocks['blocktitle_8']['type'] = 'blocktitle';
blocks['blocktitle_8']['title'] = 'Temperatuur';

blocks['blocktitle_9'] = {}
blocks['blocktitle_9']['type'] = 'blocktitle';
blocks['blocktitle_9']['title'] = 'Buienradar';

blocks['blocktitle_10'] = {}
blocks['blocktitle_10']['type'] = 'blocktitle';
blocks['blocktitle_10']['title'] = 'KEUKEN';

blocks['blocktitle_11'] = {}
blocks['blocktitle_11']['type'] = 'blocktitle';
blocks['blocktitle_11']['title'] = 'GANG ACHTER';

blocks['blocktitle_12'] = {}
blocks['blocktitle_12']['type'] = 'blocktitle';
blocks['blocktitle_12']['title'] = 'WOONKAMER';

blocks['blocktitle_13'] = {}
blocks['blocktitle_13']['type'] = 'blocktitle';
blocks['blocktitle_13']['title'] = 'BOVENVERDIEPING';

blocks['blocktitle_14'] = {}
blocks['blocktitle_14']['type'] = 'blocktitle';
blocks['blocktitle_14']['title'] = 'Schakelaars 2';

blocks['blocktitle_15'] = {}
blocks['blocktitle_15']['type'] = 'blocktitle';
blocks['blocktitle_15']['title'] = 'P1 METER';

//FLIPCLOCK
blocks['flipclock'] = {}
blocks['flipclock']['type'] = 'flipclock';
blocks['flipclock']['title'] = 'flipclock';
blocks['flipclock']['width'] = 12;

blocks['207'] = {}  //rolluik 1
blocks['207']['width'] = 12;

blocks['208'] = {}  //rolluik 2
blocks['208']['width'] = 12;

blocks['210'] = {}  //rolluik 3
blocks['210']['width'] = 12;

blocks['211'] = {}  //rolluik 4
blocks['211']['width'] = 12;

blocks['212'] = {}  //rolluik 1-2-3-4
blocks['212']['width'] = 12; 

blocks['16'] = {}
blocks['16']['width'] = 8; 

blocks[57] = {} // MAAN OP
blocks[57]['title'] = 'Under';
blocks[57]['width'] = 8;

blocks[58] = {} // MAAN ONDER
blocks[58]['title'] = 'Up';
blocks[58]['width'] = 8;

blocks[59] = {} // MAAN PERS
blocks[59]['title'] = 'Moon %';
blocks[59]['width'] = 8;

blocks[60] = {} // MAAN LEEFTIJD
blocks[60]['title'] = 'Phase';
blocks[60]['width'] = 8;

blocks[61] = {} // MAAN PHASE
blocks[61]['title'] = 'Phase';
blocks[61]['width'] = 8;

blocks[222] = {} //Aanrecht
blocks[222]['width'] = 4; 

blocks[223] = {} //Keuken
blocks[223]['width'] = 4; 

blocks[221] = {} //Alle lampen aan of uit KEUKEN
blocks[221]['width'] = 4; 

blocks[256] = {} //Gang Achter
blocks[256]['width'] = 4; 

blocks[257] = {} //Vestiere Achter
blocks[257]['width'] = 4; 

blocks[255] = {} //Gang + Vestiere Achter
blocks[255]['width'] = 4; 

//blocks[265] = {} //slk1 Plafond
//blocks[265]['width'] = 4; 

blocks[266] = {} //Gang Boven
blocks[266]['width'] = 4; 

//blocks[129] = {} //SLK1 Led
//blocks[129]['width'] = 44; 

blocks[273] = {} //Alle lampen aan of uit gang Boven + slk1
blocks[273]['width'] = 4; 

//blocks[243] = {} //Stoomkoker
//blocks[243]['width'] = 4; 
//blocks[243]['image'] = 'air.png';

blocks[69] = {} //Kerstverlichting
blocks[69]['width'] = 4; 

blocks[206] = {} //Computertafel
blocks[206]['width'] = 4; 

blocks[237] = {} //Woon-Led
blocks[237]['width'] = 4; 

blocks[238] = {} //Woon-Wand
blocks[238]['width'] = 4; 

blocks[203] = {} //netatmo thermostaat
blocks[203]['title'] = 'IS Temp Woonkamer';
blocks[203]['width'] = 4; 
blocks[203]['hide_lastupdate'] = true;

blocks[204] = {} //netatmo thermostaat
blocks[204]['title'] = 'SET Temp Woonkamer';
blocks[204]['width'] = 4; 
blocks[204]['hide_lastupdate'] = true;

blocks[20] = {} //Woon Plafond Computer
blocks[20]['width'] = 4; 

blocks[4] = {} //Woon Plafond TV
blocks[4]['width'] = 4; 

blocks[6] = {} //Beregening
blocks[6]['width'] = 12; 

blocks[21] = {} //Beregening
blocks[21]['width'] = 12; 

//blocks['IDX_1'] = {}
//blocks['IDX_1']['icon'] = 'fas fa-allergies';


blocks['64'] = {} 
blocks['64']['title'] = 'Zonnepanelen';
blocks['64']['icon'] = 'fas fa-sun';
blocks['64']['width'] = 4;
blocks['65'] = {} 
blocks['65']['title'] = 'DC Invertor';
blocks['65']['icon'] = 'fas fa-bolt';
blocks['65']['width'] = 4;
blocks['66'] = {} 
blocks['66']['title'] = 'Temp Invertor';
blocks['66']['icon'] = 'fas fa-temperature-high';
blocks['66']['width'] = 4;
blocks['67'] = {} 
//blocks['67']['title'] = 'AC Invertor';
blocks['67']['icon'] = 'fas fa-bolt';
blocks['67']['width'] = 4;
blocks['68'] = {} 
blocks['68']['icon'] = 'fas fa-bolt';
blocks['68']['width'] = 4;

blocks['86'] = {} 
blocks['86']['icon'] = 'fas fa-shower';
blocks['86']['width'] = 4;

blocks['230'] = {} 
blocks['230']['icon'] = 'fas fa-shower';
blocks['230']['width'] = 4;

blocks['293'] = {} 
blocks['293']['icon'] = 'fas fa-shower';
blocks['293']['width'] = 4;

blocks['294'] = {} 
blocks['294']['icon'] = 'fas fa-shower';
blocks['294']['width'] = 4;

//P1 meter

blocks['graph_190'] = {
    title: 'My Power',
    devices: [190],
    graph: ['line','bar','bar'],
    custom : {"Halve Dag": {
            range: 'day',
            filter: '12 hours',
            data: {
                nett: 'd.v_190+d.v2_190-d.r1_190-d.r2_190',
                usage: 'd.v_190+d.v2_190',
                generation: '-d.r1_190-d.r2_190'
            }
        },
        "Laatste Dag": {
            range: 'day',
            filter: '24 hours',
            data: {
                nett: 'd.v_190+d.v2_190-d.r1_190-d.r2_190',
                usage: 'd.v_190+d.v2_190',
                generation: '-d.r1_190-d.r2_190'
            }
        },
        "laatste 14 dagen": {
            range: 'month',
            filter: '14 days',
            data: {
                nett: 'd.v_190+d.v2_190-d.r1_190-d.r2_190',
                usage: 'd.v_190+d.v2_190',
                generation: '-d.r1_190-d.r2_190'
            }
        },
        "Laatste Half Jaar": {
            range: 'year',
            filter: '6 months',
            data: {
                nett: 'd.v_190+d.v2_190-d.r1_190-d.r2_190',
                usage: 'd.v_190+d.v2_190',
                generation: '-d.r1_190-d.r2_190'
            }
        }
    },
    legend: true,
    datasetColors:['blue','red','yellow']
}

var columns = {}
//ROLLUIKEN
columns[1] = {}
columns[1]['blocks'] = ['blocktitle_1',207,208,209,210,211]
columns[1]['width'] = 2
//Schakelaars 1
columns[2] = {}
columns[2]['blocks'] = ['blocktitle_2','blocktitle_10',223,222,221,'blocktitle_11',256,257,255,'blocktitle_8',66,203,204,'blocktitle_7',293,294] 
columns[2]['width'] = 3; 
//schakelaars 2
columns[3] = {}
columns[3]['blocks'] = ['blocktitle_14','blocktitle_12',238,237,206,'blocktitle_13',265,266,273,'blocktitle_4',232,'graph_232'] 
columns[3]['width'] = 3;
//FLIPKLOK ZONNEPANELEN
columns[4] = {}
columns[4]['blocks'] = ['flipclock','blocktitle_6',64,'graph_64']
columns[4]['width'] = 4; 

columns[5] = {}
columns[5]['blocks'] = ['sunrise',tvguide.dutch,'garbage',calendars.business,'streamplayer']
columns[5]['width'] = 3;

columns[7] = {}
columns[7]['blocks'] = ['blocktitle_5',buttons.moon,buttons.calendar,buttons.nunl,]
columns[7]['width'] = 2;

columns[8] = {}
columns[8]['blocks'] = ['blocktitle_3',7,8,10]
columns[8]['width'] = 2;
//P1 Meter
columns[11] = {}
columns[11]['blocks'] = ['blocktitle_15',190,'graph_190']
columns[11]['width'] = 9;

var columns_standby = {}
columns_standby[1] = {}
columns_standby[1]['blocks'] = ['clock','currentweather_big','weather']
columns_standby[1]['width'] = 11;

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg13.jpg';
screens[1]['columns'] = [1,2,3,4]

screens[2] = {}
screens[2]['background'] = 'bg13.jpg';
screens[2]['columns'] = [11]

screens[3] = {}
screens[3]['background'] = 'bg14.jpg';
screens[3]['columns'] = []

It's the code from a few years ago , some of the things do not work anymore (work in progress as i said)

[HansieNL]

The config.js has several conflicting variables.
I would advice to start with just a simple config with just only the graph and see if it solves your problem.
Use the following settings if you wanna use your own layout:

config['auto_positioning'] = 0;
config['use_favorites'] = 0;

[dagger38]

config['auto_positioning'] = 0;
config['use_favorites'] = 0;
was already implemented like that

I know there are some conflicts , the file was from the beginning some 2 years ago

[cduijker]

My dashticz dashboard showing on a touchscreen display in my hallway. I use it as an alarm control panel and it shows some information about weather, traffic and latest news on my way out. So I can grab an umbrella or take the bike instead of the car

I also installed an RFID reader in the wall sockets below the screen to disengage the alarm system with an NFC tag.
The screen is switched on when the PIR sensor (high on the wall in the corner) detects motion or when the front door is opened. It switches off after 30 seconds when there is no more motion detected.

IMG_8150.jpg (104.51 KiB) Viewed 3120 times

IMG_8149.jpg (64.86 KiB) Viewed 3120 times

Screenshot 2022-01-21 133544.jpg (374.07 KiB) Viewed 3120 times

[damdub]

Hello All,
does anyone know if it could be possible to have a New Calendar block with fixed height (some events will not be displayed) and give the possibility to scroll inside the block to display hidden events ?
Could be a nice feature to have the calendar block always fixed size and scrolling ability if too many events to fit inside the block height.
Your opinion ?
Thank you