[ DomoDash ] a Angular tablet/mobile dashboard *Updated

Client tools or tools that can connect with Domoticz. Tools for Windows, iOS, Android, Linux etc.
dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

[ DomoDash ] a Angular tablet/mobile dashboard *Updated

Post by dycati » Monday 10 July 2017 16:39

Dear users, after experiencing the amazing Dashticz v2 tool, I wanted to make my own version of dashticz but without the drawbacks of Jquery
so I came to the conclussion that I had a great example to start developing...

Image

Now if you guys are interested the first version is downloadable from github

https://github.com/danielalmering/DomoDash/tree/master

Lastest UPDATES

- Added Garbage collector
- Added Sabnzb
- Added TV guide (tvgids.nl)
- Added internal/external ip support
- Added Save settings notification
- Made working Tooltip with information

Currently supporting

- Light switches
- Dimmers
- Weather ( Wunderground )
- Spotify
- News ( RSS reader )
- Traffic ( Anwb )
- Device mapper
- Google Calendar
- Tv guide (Tvgids.nl)
- Sabnzb
- Garbage collector (recyclemanager, mijnafvalwijzer)
- Cors PHP proxy ( cors.php?url=***** )

Installation

Before you start be sure that your webserver is running PHP! otherwise you cannot save the settings, you can only download them manualy
( Read install instructions below )

Windows based system
- step 1: Download the repo with following https://github.com//danielalmering/Domo ... master.zip
- step 2: Extract all files with program like winzip/7zip
- step 3: Open winSCP and connect to your desired webserver
- step 4: Select the extracted files and place them on the webserver
- step 5: Rename the config-default.json to config.json and give it write access (if subdirectory then that as well)
( continue to step 6 )

Linux based system
- step 1: Git clone https://github.com/danielalmering/DomoDash.git
- step 2: Move folder to webserver directory
- step 3: Rm config-default.json to config.json
- step 4: Chmod 777 config.json (if subdirectory then that as well)
( continue to step 6 )

- step 6: Open the application and fill in your settings like the example listed below!
https://raw.githubusercontent.com/danie ... ttings.png
- step 7: If you have PHP installed just hit the Save Changes button or if you dont have it installed just download it manualy with the Download Manualy button and upload the config.json to the root of the application

( if you experiencing that you hitting the save button but nothing happens it is probably your browser cache by cleaning it would show the correct saved settings )


Settings (example)

Image

Coming features

- News Modal(iframe)

Missing features?

If there are features that are a must for your Domoticz environment please let me know!?
Last edited by dycati on Thursday 24 August 2017 10:08, edited 38 times in total.

pvdhelm
Posts: 30
Joined: Tuesday 14 March 2017 18:23
Target OS: Raspberry Pi
Domoticz version: Beta
Location: Skendel
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by pvdhelm » Monday 10 July 2017 19:43

how to open the app

1. copied all the files to my webserver.
2. http://[url of webserver]

nothing happens

User avatar
remb0
Posts: 817
Joined: Thursday 11 July 2013 22:21
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by remb0 » Monday 10 July 2017 20:11

very nice. a settings page is indeed very handy.

some ideas:
- updater from website (no need to ssh for a git pull)
- a domoticz device mapper? that it another name can select a domoticz device and give it another name for in the dashboard.
- tv gids.

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Monday 10 July 2017 21:45

remb0 wrote:very nice. a settings page is indeed very handy.

some ideas:
- updater from website (no need to ssh for a git pull)
- a domoticz device mapper? that it another name can select a domoticz device and give it another name for in the dashboard.
- tv gids.
I wil look into that device mapper seems legit!, and what kinda tv gids do you prefer?

Device mapper is added to the featurelist!!

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Wednesday 12 July 2017 12:15

Been busy making the widgets take less space.....

Image

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Wednesday 12 July 2017 14:24

pvdhelm wrote:how to open the app

1. copied all the files to my webserver.
2. http://[url of webserver]

nothing happens
I have the same
empty page

dressie
Posts: 108
Joined: Monday 25 May 2015 22:44
Target OS: Linux
Domoticz version: V3.8153
Location: Netherlands
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dressie » Wednesday 12 July 2017 20:36

kniazio wrote:
pvdhelm wrote:how to open the app

1. copied all the files to my webserver.
2. http://[url of webserver]

nothing happens
I have the same
empty page
Same here.

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Wednesday 12 July 2017 23:46

Sorry guys, I made a mistake i didn't test the software without a proper config file. I have updated the master if you could redownload and try again it would be appreciated :o

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Thursday 13 July 2017 5:35

Still the same

blindlight
Posts: 5
Joined: Wednesday 11 January 2017 17:00
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by blindlight » Thursday 13 July 2017 6:59

still the same
failed to load app.js and app.css

pvdhelm
Posts: 30
Joined: Tuesday 14 March 2017 18:23
Target OS: Raspberry Pi
Domoticz version: Beta
Location: Skendel
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by pvdhelm » Thursday 13 July 2017 7:35

still a white page

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Thursday 13 July 2017 8:06

Are you openening the app on a properly configured webserver with apache, because the app wont work just running on your
desktop without it ?

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Thursday 13 July 2017 8:11

Man.
I'm trying to run it on two Apache servers.
One on Synology, the other on Raspberry Raspbian

Without result

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Thursday 13 July 2017 8:17

I have update the directories and now it works on my default Domoticz(webserver), cant speak for the PHP because domoticz by default cant process PHP :cry:

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Thursday 13 July 2017 8:44

The configuration page is displayed but nothing else
Does not save settings

I manually changed the IP: My Domoticz port, but I do not see any of my devices
The name of the config-default.json file has also changed to config.json

I changed the config.json file to 777 chmod

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Thursday 13 July 2017 9:41

I could be that when you saved it would display the old config.json because of your cache, turning it off would do the trick. I Did a update so when you save the settings page you dont have to refresh it just rerenders the blocks/colums automatic!

If there are volunteers to share there teamviewer with me i would take a look to see what goes wrong? just pm me...

PS, If the console of your browser returns a "501 Not Implemented" it means it doenst support PHP

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Thursday 13 July 2017 10:54

still the same

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Thursday 13 July 2017 11:23

Kniazio can you please show me your console/network output when you save you settings page?

kniazio
Posts: 66
Joined: Thursday 06 October 2016 8:14
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by kniazio » Thursday 13 July 2017 11:55

Please

I am typing IP of my Domoticz (192.168.1.100:8078)
I press Save
I have it:
So nothing.
Attachments
dash.jpg
dash.jpg (96.72 KiB) Viewed 2190 times

dycati
Posts: 26
Joined: Sunday 09 July 2017 20:50
Target OS: Windows
Domoticz version:
Contact:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Post by dycati » Thursday 13 July 2017 15:08

Dear kniazio, I tested it on 2 machines with correct write access(777) and PHP running it should work.

After saving settingspage clear cache and refresh page. If you still have problems just pm your teamviewer login so i can help your setup correctly.

You can try and test it on your desktop by downloading USBWebserver and running the folder with that
http://www.usbwebserver.net/nl/

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests