Aurora theme

Moderator: leecollings

blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis »

@rhendriks: glad to hear it.
@htilburgs: thanks for the clear description.

A new version has been uploaded

FIXES
- The event page should fit in the page better, no matter where you place the main menu. It also no longer uses a scaling hack.
- Settings side menu should be better positioned, no matter where you place the main menu.
- Remote control positioning is no longer handled by the theme, it leaves that to the JS system. It was too difficult to style without being able to test it myself.
- buttons on highlighted items are now above the main icon.

IMPROVEMENTS
- The import and export buttons fit better on the events page.
- Empty columns are removed after merging.
- Settings tabs slide over each other better on small screens.

NEW FEATURES
- On mobile you can now invert the colours of the entire page, creating a dark version of the mobile theme ("night mode").
bdormael
Posts: 82
Joined: Saturday 13 December 2014 21:20
Target OS: Linux
Domoticz version:
Contact:

Re: Aurora theme

Post by bdormael »

Removing of empty columns doesn’t seem to work for me with the new version, still showing the empty utilities column on my ipad in landscape mode


Verzonden vanaf mijn iPad met Tapatalk
User avatar
htilburgs
Posts: 464
Joined: Tuesday 03 November 2015 11:01
Target OS: Raspberry Pi / ODroid
Domoticz version: Beta
Location: Netherlands
Contact:

Re: Aurora theme

Post by htilburgs »

Problems with the Events page are solved. Nice!
Hardware:
RPi3 - Aeon Labs Z-Stick GEN5 - Fibaro Dimmer 2 - Fibaro Roller Shutter 2 - Fibaro Smoke Sensor - Yeelight RGBW Led bulb - Yeelight Smart LED Light Strip - Neo Coolcam PIR Motion Sensor - Neo Coolcam PowerPlug - Nest Thermostat v3
niki_lauda
Posts: 115
Joined: Saturday 31 August 2013 14:48
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Eindhoven (NL)
Contact:

Re: Aurora theme

Post by niki_lauda »

Hi
1.jpg
1.jpg (18.42 KiB) Viewed 6473 times
I get this double line error if I select floorplan from the dashboard and then go back to the dashboard. F5 removes the error.
Eoreh
Posts: 65
Joined: Tuesday 13 October 2015 13:50
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Poland
Contact:

Re: Aurora theme

Post by Eoreh »

Hi !
I have version from Commits on Jan 20, 2018

Big problem for me. When i edit and next save script dzVents (but only created in this version aurora, not previous)....
a new copy is created with the number at the end. And after 3 save i have 4 running scripts. Can you turn off this futures ?.
error1.png
error1.png (16.18 KiB) Viewed 6438 times
EDIT: Its not stably observed. When i back to default and again to aurora i dont have this issue.



Other minor problems for me.
1. Becouse for dzVents scripts is major think capitalize of name device so i prefered not uppercase on dashboard name.
I turn it off in custom.css in the section "body .item tr > .name {" by comment this line (near line 750)
/* text-transform: uppercase; */ /* AM */

I dont know how this make by "User CSS:" Can you give example of this css file ?.

2. How to make:
a) Can the header be (eg 1) for elements grouped with the same width as eg for thermometers (eg 2)?
b) Temperature and humidity values can be bigger (eg 3) as well as when there is only temperature (eg 2)? (i dont need information about "comfortable" and "dew point" at all)
c) In the case when the device does not report above 1 hour, then there is only a red line separating the header (I have no example now)
When the battery shows a discharge, the color of the whole device changes to gray-yellow (eg 3). This is not readable. How to make only a yellow line (and with rest device in "normal" colors) ?
d) In the first version at the very beginning when the device was single lastupdate it was white letters under the name. There was no footer section. It was great for me because it saved a lot less on my desktop and phone.
How to get back to this functionality?
error3.png
error3.png (52.46 KiB) Viewed 6438 times

Saving space is important to me because I want the most devices to fit on my desktop.
Its only half looks like this:
error2.png
error2.png (355.34 KiB) Viewed 6438 times
Last edited by Eoreh on Sunday 21 January 2018 10:54, edited 8 times in total.
Eoreh
Posts: 65
Joined: Tuesday 13 October 2015 13:50
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Poland
Contact:

Re: Aurora theme

Post by Eoreh »

PS. ad 2b
error4.png
error4.png (8.01 KiB) Viewed 6424 times
b) Also dont need "comfortable" and "dew point" at all on element after "3 big" first, its mean for small like this.
2 additional row are unnecessary. Similar to the header;)
Its will save more space. (That's how it used to be in previous older versions)
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis »

@Eoreh:
- The French language has very long data output, so to be universal the theme can no longer put two data outputs on one line.

- Try this code in your CSS area:
body .item tr > .name,
body .item tr > .name span{text-transform: capitalize!important}

or to reset:
body .item tr > .name,
body .item tr > .name span{text-transform: inherit!important}


- Domoticz uses very hardcore caching (manifest), and switches themes by changing the directory name. Sometimes when you switch themes the old files will still be used. I tried to overcome this by putting a "?aurora" at the end of the file imports. But this cannot be done for the original starting files (custom.css and custom.js). So when you change theme, you really have to clean your application cache.

- The TempHumBaro output is a bit silly, I agree. Domoticz has recently changed its data outputs, and I suspect this is one of the results. There's not much I can do about it. I could delete the "comfort" data, and then it would place the 'bigtext' data (top right of the item) in the center. But not all users will be happy with this.

- The last-updated time is now universally below the item. If you need more space:
- - Hide the last updated time
- - Disable the highlights feature
- - Choose compact display
- - try the "mobile on desktop" display

- The battery display has been made into a thin line, and the old icon has been removed. Thanks!
Last edited by blauwebuis on Sunday 21 January 2018 15:35, edited 5 times in total.
Schorschi
Posts: 25
Joined: Thursday 30 November 2017 22:09
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: Aurora theme

Post by Schorschi »

Hi,

i like this theme too.
Very good job.

I need some more configuration possibilities for camare windwow (popup) and preview.
Is there any possibility to configure the size of the popup and also from the switch preview?
Maybe as an config in the theme configuration?

thx.
rhendriks
Posts: 44
Joined: Monday 23 December 2013 23:36
Target OS: Raspberry Pi / ODroid
Domoticz version: Newest
Location: Netherlands Helmond
Contact:

Re: Aurora theme

Post by rhendriks »

Eoreh wrote: Sunday 21 January 2018 9:47
How did you grouped the elements in one frame?
Eoreh
Posts: 65
Joined: Tuesday 13 October 2015 13:50
Target OS: Raspberry Pi / ODroid
Domoticz version: beta
Location: Poland
Contact:

Re: Aurora theme

Post by Eoreh »

rhendriks wrote: Thursday 25 January 2018 21:24
Eoreh wrote: Sunday 21 January 2018 9:47
How did you grouped the elements in one frame?
Thanks to the theme - Aurora :)
If the elements start the same name (way) and are separated by the "-" sign and in the options theme you have selected. "Merge items with the same name"
for egz. Temperature - Hall
Temperature - Kichen
You will have one "frame" - > "Temperature" with 2 items - Hall and Kichen.
dervogt
Posts: 26
Joined: Thursday 30 June 2016 9:00
Target OS: Raspberry Pi / ODroid
Domoticz version: BETA
Location: Amsterdam
Contact:

Re: Aurora theme

Post by dervogt »

Thanks for the theme, it is working pretty well, even on small raspberrypi screens. One thing to consider: if running Domoticz behind a reverse proxy, the json calls do not work properly as the URL for the calls seems to be hardcoded. So I had to change the hardcoded parts in the custom.js as well as in the dashboard_camera_previews.js to include the path of the URL.

I am not a pretty good coder from scratch, so perhaps in one of the future iterations of the theme, you can have a look into that and see if you could get away from the hardcoded path so I can use the theme flexibly internally as well as externally? With the currently hardocded calls, I can either use the theme on the external URL(reverse proxy and SSL offload on subdomain) or on the internal URL (directly connected to internal IP/port)
CLEMENT99
Posts: 36
Joined: Friday 26 January 2018 9:18
Target OS: Windows
Domoticz version: BETA
Location: Brussels
Contact:

Re: Aurora theme

Post by CLEMENT99 »

:)
Just perfect, a great job.
Works great with Android (phone) and with my Windows PC.
It just lacks a way to change the room easily (Buttons or larger drop-down list)
CLEMENT99
Posts: 36
Joined: Friday 26 January 2018 9:18
Target OS: Windows
Domoticz version: BETA
Location: Brussels
Contact:

Re: Aurora theme

Post by CLEMENT99 »

I have just a problem with the camera.

I already have a camera installed and a virtual switch on/off associated with the camera
but it isn't showing up on the dashboard.
I have to click on the camera icon of the switch to display the camera.

:(
CLEMENT99
Posts: 36
Joined: Friday 26 January 2018 9:18
Target OS: Windows
Domoticz version: BETA
Location: Brussels
Contact:

Re: Aurora theme

Post by CLEMENT99 »

Forget my last post, it works in Normal mode and not in Compact mode.
rhendriks
Posts: 44
Joined: Monday 23 December 2013 23:36
Target OS: Raspberry Pi / ODroid
Domoticz version: Newest
Location: Netherlands Helmond
Contact:

Re: Aurora theme

Post by rhendriks »

Eoreh wrote: Friday 26 January 2018 9:33
rhendriks wrote: Thursday 25 January 2018 21:24
Eoreh wrote: Sunday 21 January 2018 9:47
How did you grouped the elements in one frame?
Thanks to the theme - Aurora :)
If the elements start the same name (way) and are separated by the "-" sign and in the options theme you have selected. "Merge items with the same name"
for egz. Temperature - Hall
Temperature - Kichen
You will have one "frame" - > "Temperature" with 2 items - Hall and Kichen.
Thanks , it's great
piokuc

Re: Aurora theme

Post by piokuc »

Hi
Please change icon for mobile devices...
blauwebuis
Posts: 331
Joined: Wednesday 21 December 2016 9:11
Target OS: Raspberry Pi / ODroid
Domoticz version: current
Contact:

Re: Aurora theme

Post by blauwebuis »

Thanks for the kind words everyone!

@piokuc: that's not under my control. I did create a pull request to change that in Domoticz..

@dervogt: could you tell me a little bit more about that? Perhaps through a DM? because there are no hard-coded URL's in the theme. There ARE generated URL's. That's because there were some weird things happening when the filename were loaded in from a relative position.

At some point I will look into turning the room dropdown into separate buttons.
piokuc

Re: Aurora theme

Post by piokuc »

But some days ago i see that you PR was merged.
CLEMENT99
Posts: 36
Joined: Friday 26 January 2018 9:18
Target OS: Windows
Domoticz version: BETA
Location: Brussels
Contact:

Re: Aurora theme

Post by CLEMENT99 »

blauwebuis wrote: Saturday 27 January 2018 19:06 At some point I will look into turning the room dropdown into separate buttons.
Great news ! Separate buttons or optional top menu bar ...
Do you have the same problem in the devices panel with the panel pages number and the Domoticz copyright ?
I'm using google chrome but same problem with edge...

Capture.JPG
Capture.JPG (18 KiB) Viewed 5893 times
devros
Posts: 183
Joined: Saturday 29 October 2016 20:55
Target OS: -
Domoticz version:
Contact:

Re: Aurora theme

Post by devros »

Thanks for this great theme (i hope it would be default one day :)
one request, could you add switch to disable, or disable animation on page load (visible on merged items)?

thanks
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest