Aurora theme

Post Reply
blauwebuis
Posts: 354
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Aurora theme

Post by blauwebuis » Sunday 17 December 2017 20:10

Aurora is a new theme for Domoticz. It was originally intended to be the new default theme, but has now been rebuilt to work as a normal theme.

Image

INSTALLING

DOWNLOAD

2. Place the theme folder into the domoticz/www/styles folder. So it becomes: domoticz/www/styles/aurora.
3. Enable the theme on the settings page.
4. Go into the privacy settings of your browser and really clear your (application) cache.



FEATURES
The theme offers a number of new features:


1.
Added a theme settings tab on the settings page. The features below can be turned on or off. Theme feature preferences are stored in a user variable inside Domoticz, which the theme creates automatically.
Image

2.
Highlighted items: these have more space to do fun things, like:

3.
Datavisualisations on the dashboard. Toggle day or month view by clicking on the button in the bottom left. Not all items currently have dataviz.
Image

4.
Show live camera feed: if you have cameras, you can now see them at a glance. Just add a switch to your camera under "Active Devices/Scenes" on the camera page.
Image

5.
Merge items into grouped items. Simple items with the same name before a “-“ can be merged into one grouped item. So for example:
Miflora1 - temperature
Miflora1 - lux
Miflora1 - moisture
Miflora1 - fertility
..will be merged into one item. The second part of the name will be shown as the prefix before the data output:
Image

6.
Change text colour, background color and add a background image through the interface.
Image

7.
Animations: icons on active fan items spin slowly, barometer items now display the weather prediction as an icon.
Image

8.
Mobile view in iPhone style. Can also be enabled as a desktop view.
Image

9.
Privacy settings. Removes some last-update time and log details. It has two levels: 'swithes' and 'all'.

10.
Blockly Import and Export. Something I've long wanted. Click the export button to export a code which you can share on the forums and elsewhere.

11.
Inline thermostat setpoint. You no longer need to open the popup for small changes to the temperature.

12.
Battery status. This now has a nice icon as well as a percentage display.

13.
iFrames. If a text item has a URL as its value, then on the dashboard the item is turned into an iFrame which shows that site. This can be used to integrate external sites, like weather, news or stock tickers into the dashboard.

Image
becomes:
Image

For example: (1) add the 'dummy hardware' on the hardware page. (2) use that to create a new virtual text device. (3) go to the utilities page, and simply click on the text item's text, and then change the value into a url.

14.
The theme adds a button in the menu to enter and exit fullscreen mode.


Other options:
- Hide last update time: if you prefer a more clean look.
- Vertical columns. This allows each category to have some elements at the top of the screen. This is great if you use a tablet on your wall and want some of your items to be instantly visible.
- Merge weather and temperature into ‘environment’ category. Useful way to save space if, like me, you only have one weather sensor.
- Move the clock to the bottom of the page, or display it as an item at the top of the switches category.


IMPROVEMENTS
Some of the proposed improvements to HTML output have not been accepted into Domoticz yet. This theme works around that by standardising HTML and adding classes though javascript instead.

- Responsive design: item displays are more flexible, making optimal use of available screen space (2 columns, etc).
- A sidebar menu: saves a lot of space on horizontal screens, and offers quicker access to all settings.
- A sidebar menu on the settings page. Allows for quicker access to settings.
- Higher resolution icons made for Domoticz, based on public domain sources.
- Very limited attempt to reshuffle things on the settings page.
- Center popups on the screen. Currently some popups fall of the screen.
- Shows ID numbers on items, makes it easier to look up.
- Each item's option are now displayed as icon-buttons instead of text.
- Edit Text items' value directly from the interface. Just click on the text to edit it. Click outside it to save.

Image


THINGS THEMERS CARE ABOUT
Feel free to use this theme as a starting point for your own themes. It has been designed with that in mind.
- inserts more descriptive CSS classes. All items now have classes that describe their contents, allowing for many of the features described above, like animation or datavisualisation.
- Domoticz currently uses ID's where classes should be used. This causes a lot of problems. The theme adds the ID's as classes.
- Span wrappers around content, allowing more flexible data output display.
- Removal of BR tags and negating of much inline CSS, in order to avoid a pixel based layout.

CONTRIBUTE
The theme is now being developed further on Github. Feel free to contribute.
https://github.com/flatsiedatsie/domoticz-aurora-theme
Last edited by blauwebuis on Wednesday 11 July 2018 11:46, edited 25 times in total.

blauwebuis
Posts: 354
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis » Sunday 17 December 2017 20:13

EXAMPLES

Here are some examples of what you can do:

Go nuts with colours, add a background image:
Image

Keep it compact:
Image

Keep it compact in the mobile view:
Image


TROUBLESHOOTING

- Are you using the beta version of Domoticz? You should be.
- Did you turn on the feature you like on the new theme settings page?
- Are you sure the theme is selected?
- Do you see "theme-aurora" on your user variables page?

Clearing caches
Safari: go to Preferences -> privacy -> manage website data -> remove (all)
Firefox: go to Preferences -> privacy -> remove Cached Web Content & Site Data
Chrome: go to Clear Browsing Data -> remove cache, cookies and hosted app data

Checking the console
Your browser has a log where you can see what happened on the page. Right-click on the page and select something like "inspect element". Next, select console, and look for errors (usually in red).
Last edited by blauwebuis on Tuesday 19 December 2017 12:17, edited 3 times in total.

niki_lauda
Posts: 139
Joined: Saturday 31 August 2013 14:48
Target OS: Raspberry Pi
Domoticz version: beta
Location: Eindhoven (NL)
Contact:

Re: Aurora theme

Post by niki_lauda » Sunday 17 December 2017 21:28

Nice, one problem.
It is the kodi button for the remote
Attachments
fout.jpg
fout.jpg (101.39 KiB) Viewed 25502 times

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

Re: Aurora theme

Post by remb0 » Sunday 17 December 2017 21:49

Wow!! Veryvery Nice! Gonna test it. Thanks

Skippiemanz
Posts: 297
Joined: Sunday 14 July 2013 20:21
Target OS: Raspberry Pi
Domoticz version: 3.5859
Location: Alkmaar, The Netherlands
Contact:

Re: Aurora theme

Post by Skippiemanz » Sunday 17 December 2017 22:05

This looks awesome! Gonna test it out!

User avatar
EdwinK
Posts: 1317
Joined: Sunday 22 January 2017 22:46
Target OS: Raspberry Pi
Domoticz version: Stable
Location: Rhoon
Contact:

Re: Aurora theme

Post by EdwinK » Sunday 17 December 2017 22:17

Looks interesting. Trying to install it.
Running latest BETASTABLE on a Pi-3 | Toon Thermostat (rooted) | RFxcom | Dashticz V2 |
Back to stable for now, as beta ***** over my installation

febalci
Posts: 334
Joined: Monday 03 July 2017 19:58
Target OS: NAS (Synology & others)
Domoticz version:
Contact:

Re: Aurora theme

Post by febalci » Sunday 17 December 2017 22:41

Looks great, thank you for all the work. Is the smartphone page already in?

degraafm76
Posts: 4
Joined: Saturday 04 November 2017 18:09
Target OS: Raspberry Pi
Domoticz version:
Contact:

Re: Aurora theme

Post by degraafm76 » Sunday 17 December 2017 23:01

Very nice theme!

Skippiemanz
Posts: 297
Joined: Sunday 14 July 2013 20:21
Target OS: Raspberry Pi
Domoticz version: 3.5859
Location: Alkmaar, The Netherlands
Contact:

Re: Aurora theme

Post by Skippiemanz » Sunday 17 December 2017 23:10

Download link doesn't seem to work... Am I the only one experiencing this?

User avatar
gijsje
Posts: 157
Joined: Saturday 19 August 2017 14:28
Target OS: NAS (Synology & others)
Domoticz version: Stable
Location: Berkel Enschot, NL
Contact:

Re: Aurora theme

Post by gijsje » Sunday 17 December 2017 23:17

I have the issue that it does not show corect but i have it with all the themes.
I did delete the cache and did try ctrl F5
Any ideas?
Image
Synology DS218+ - RFXtrx433 - Aeotec Z-Stick Gen5 - Toon Thermostat - Neo CoolCam plug - Neo CoolCam PIR - FIBARO PIR - Heiman Smart Smoke Senso - Neo CoolCam Leakage Detector - BeNext Tag Reader - P1 and S0 USB - many Mi-Light lights - KAKU switches

User avatar
EdddieN
Posts: 523
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: Aurora theme

Post by EdddieN » Sunday 17 December 2017 23:39

Link seems broken...
11101101 - www.machinon.com

blauwebuis
Posts: 354
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis » Sunday 17 December 2017 23:53

Link has been fixed.

@niki_lauda: I made some adjustments, you could try to redownload the theme. I don't have KODI to test it with, so I had to wing it a bit..

@febalci: The theme has been tested on mobile. I recommend choosing 'desktop' mode, and letting the theme create the mobile view.

@gijsje: it looks like a javascript problem. Are you using a javascript blocker? Try: right mouse button -> inspect element -> console and see if you can spot some errors there.
Last edited by blauwebuis on Monday 18 December 2017 0:06, edited 3 times in total.

Skippiemanz
Posts: 297
Joined: Sunday 14 July 2013 20:21
Target OS: Raspberry Pi
Domoticz version: 3.5859
Location: Alkmaar, The Netherlands
Contact:

Re: Aurora theme

Post by Skippiemanz » Sunday 17 December 2017 23:59

blauwebuis wrote:
Sunday 17 December 2017 23:53
@niki_lauda: I made some adjustments, you could try to redownload the theme. I don't have KODI to test it with, so I had to wing it a bit..

@febalci: The theme has been tested on mobile. I recommend choosing 'desktop' mode, and letting the theme create the mobile view.
Unfortunetly still a 404 when trying to download the theme...

blauwebuis
Posts: 354
Joined: Wednesday 21 December 2016 10:11
Target OS: Raspberry Pi
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis » Monday 18 December 2017 0:03

@skippemanz: downloadlink should be fixed.

User avatar
gijsje
Posts: 157
Joined: Saturday 19 August 2017 14:28
Target OS: NAS (Synology & others)
Domoticz version: Stable
Location: Berkel Enschot, NL
Contact:

Re: Aurora theme

Post by gijsje » Monday 18 December 2017 0:06

blauwebuis wrote:
Sunday 17 December 2017 23:53
@gijsje: it looks like a javascript problem. Are you using a javascript blocker?
No only add blocker and when i disable it stays the same
I have the same with firefox and edge but i think it is not related to your theme but that there is something wrong with domoticz as other themes also give problems sometimes
Synology DS218+ - RFXtrx433 - Aeotec Z-Stick Gen5 - Toon Thermostat - Neo CoolCam plug - Neo CoolCam PIR - FIBARO PIR - Heiman Smart Smoke Senso - Neo CoolCam Leakage Detector - BeNext Tag Reader - P1 and S0 USB - many Mi-Light lights - KAKU switches

User avatar
EdddieN
Posts: 523
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: Aurora theme

Post by EdddieN » Monday 18 December 2017 0:10

11101101 - www.machinon.com

zak45
Posts: 515
Joined: Sunday 22 January 2017 12:37
Target OS: Windows
Domoticz version: V3.9056
Contact:

Re: Aurora theme

Post by zak45 » Monday 18 December 2017 0:13

Woooow... this one should be the default one... and will make it the default one for me ;-)...
Just able now to download it ... thanks a lot.

User avatar
madpatrick
Posts: 49
Joined: Monday 26 December 2016 13:17
Target OS: Linux
Domoticz version: 4.9700
Location: Netherlands
Contact:

Re: Aurora theme

Post by madpatrick » Monday 18 December 2017 7:11

I'm having the same issue.
Tried to clear cache on several ways, restarted the server,....
I see no errors in Chrome
gijsje wrote:
Sunday 17 December 2017 23:17
I have the issue that it does not show corect but i have it with all the themes.
I did delete the cache and did try ctrl F5
Any ideas?
Image
ClearOS 7.5.0 - Toon 4.15.16 (rooted) - Domoticz 4.9700

piokuc
Posts: 289
Joined: Sunday 07 February 2016 14:31
Target OS: Raspberry Pi
Domoticz version: 3.6328
Contact:

Re: Aurora theme

Post by piokuc » Monday 18 December 2017 10:57

For me merged not working.
merged.jpg
merged.jpg (104.23 KiB) Viewed 25207 times
and found bugs with not showing full name and colision with graphic
menu.jpg
menu.jpg (130.05 KiB) Viewed 25207 times
sett.jpg
sett.jpg (170.97 KiB) Viewed 25207 times

piokuc
Posts: 289
Joined: Sunday 07 February 2016 14:31
Target OS: Raspberry Pi
Domoticz version: 3.6328
Contact:

Re: Aurora theme

Post by piokuc » Monday 18 December 2017 11:00

Also graph visualisation for some sensor is show but for some not show and title DAY should be show under graph visualisation
graph.jpg
graph.jpg (116.67 KiB) Viewed 25206 times

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests