Page 1 of 4

[ DomoDash ] a Angular tablet/mobile dashboard *Updated

Posted: Monday 10 July 2017 16:39
by dycati
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!?

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Monday 10 July 2017 19:43
by pvdhelm
how to open the app

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

nothing happens

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Monday 10 July 2017 20:11
by remb0
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.

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Monday 10 July 2017 21:45
by dycati
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!!

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Wednesday 12 July 2017 12:15
by dycati
Been busy making the widgets take less space.....

Image

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Wednesday 12 July 2017 14:24
by kniazio
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

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Wednesday 12 July 2017 20:36
by dressie
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.

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Wednesday 12 July 2017 23:46
by dycati
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

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 5:35
by kniazio
Still the same

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 6:59
by blindlight
still the same
failed to load app.js and app.css

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 7:35
by pvdhelm
still a white page

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 8:06
by dycati
Are you openening the app on a properly configured webserver with apache, because the app wont work just running on your
desktop without it ?

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 8:11
by kniazio
Man.
I'm trying to run it on two Apache servers.
One on Synology, the other on Raspberry Raspbian

Without result

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 8:17
by dycati
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:

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 8:44
by kniazio
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

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 9:41
by dycati
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

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 10:54
by kniazio
still the same

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 11:23
by dycati
Kniazio can you please show me your console/network output when you save you settings page?

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 11:55
by kniazio
Please

I am typing IP of my Domoticz (192.168.1.100:8078)
I press Save
I have it:
So nothing.

Re: [ DomoDash ] a Angular tablet/mobile dashboard

Posted: Thursday 13 July 2017 15:08
by dycati
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/