Proof of Concept new UI in Angular2

Moderator: leecollings

Post Reply
Tommertom
Posts: 13
Joined: Monday 01 September 2014 17:31
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Proof of Concept new UI in Angular2

Post by Tommertom »

Hi all,

I have been experimenting with a new development framework called Angular2. It seemed to me a nice way to build components and services for a dashboard UI, such as Domoticz. It's a proof-of-concept, meaning it demonstrates to me (and maybe other developers) how one could code an app in the framework. So it is more of a programmer's playground instead of a ready-out-of-the-box great UI. In fact, it's using simple Bootstrap and could be considered plain ugly compared to the other great work done by others!

The ultimate idea is to build it into a flashy UI to access Domoticz and even more data services. But that may still be a long way looking at the things to be done and fleshed out in terms of performance and programming in Angular2.

Anyway, just wanted to share and see the ideas. The code uses the Domoticz services earlier posted.

https://github.com/Tommertom/DT2

Regards

Tom
User avatar
gizmocuz
Posts: 2551
Joined: Thursday 11 July 2013 18:59
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Top of the world
Contact:

Re: Proof of Concept new UI in Angular2

Post by gizmocuz »

Any screenshots ?

My idea is to rewrite everything to angularjs eventually
Quality outlives Quantity!
Tommertom
Posts: 13
Joined: Monday 01 September 2014 17:31
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Proof of Concept new UI in Angular2

Post by Tommertom »

gizmocuz wrote:Any screenshots ?

My idea is to rewrite everything to angularjs eventually

https://github.com/Tommertom/DT2/tree/m ... creenshots

The flow of screens after first run of the app: setup of user, insertion of tiles, etc.
User avatar
nayr
Posts: 354
Joined: Tuesday 11 November 2014 18:42
Target OS: Linux
Domoticz version: github
Location: Denver, CO - USA
Contact:

Re: Proof of Concept new UI in Angular2

Post by nayr »

that looks impressive, getting instant updates on the UI would be worth it alone.. when one device changes the state of a bunch of other devices its currently not so friendly to wait for the next pull to see the changes take effect.. first reaction is crap, something didnt work.. then everything updates and you calm down. Realtime response to events would make it feel less like a browser based app.

it looks like it would be much more tolerable to theme and make pretty, the massive js scripts and all the unique elements to specific device types dont make it easy as it is.. I think I could make this look prettier than the existing UI with much less headache.

Glad to see this work being done, there is a ton of potential, it'll be very nice when fully implemented.. am sure battery powered clients will benefit from not polling for updates every few seconds when nothing has happened for hours.
Debian Jessie: CuBox-i4 (Primary) w/Static Routed IP and x509 / BeagleBone with OpenSprinkler / BeagleBone Planted Aquarium / 3x Raspbery Pi2b GPIO Slaves
Elemental Theme - node-domoticz-mqtt - Home Theatre Controller - AndroidTV Simple OSD Remote - x509 TLS Auth
Tommertom
Posts: 13
Joined: Monday 01 September 2014 17:31
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Proof of Concept new UI in Angular2

Post by Tommertom »

Thx Nayr,

Was fun developing in Angular2. Now completed this task, meaning that I am moving on to Ionic2 which is in Beta now as well.

DT2 on Github (https://github.com/Tommertom/DT2) went through some overhaul in look&feel which is updated in the repository (screenshots), but I don't think on the short term will continue with this.

Now working on Ionic2 TypeScript version using much of the code already developed, but now to be deployed as Android/iOS app. Using the Ionic2 power.

https://github.com/Tommertom/deetee2

Again, this project may be a tracer or spike like the other one (SCRUM)...

Regards

Tom
(and yes, I have seen the java based Android app developed and published by galadril, which looks pretty nice!)
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest