SNEAK PREVIEW - New default theme

[blauwebuis]

@ben53252642: you can still use older themes too. It was an incredible amount of work to make sure the old themes still worked, so I'm glad to see someone will actually be happy about that

@IDANIT:
- Only the top ones are big on purpose. They are "highlighted". Perhaps you could create a new theme based on these themes that makes them all big, it shouldn't be too hard.
- I don't know why you don't see the graphs. You could check the Javascript Console for any errors. The code that generates the dataviz overlay is in www/app/dashboardcontroller.js
- I don't know what is going on with your temperature tab. It doesn't even look like a broken temperature page, it looks like it half-loaded a pop-up for creating a new switch. Very odd. Does anyone else have this problem?

I suspect you didn't clear your cache well enough. For example: I can stil see the old low-resolution icons in the menu. Did you only copy the theme folder?

MERGING ITEMS

Give your sensors names that follow this pattern:
MiFlora 1 - Moisture
MiLofra 1 - Light
Etc

The part before the dash will be the item name. The parts after the dash will become the variable names inside of it. Only items that have a single output can/will be merged.

[LouiS22]

@ben53252642: you can still use older themes too. It was an incredible amount of work to make sure the old themes still worked, so I'm glad to see someone will actually be happy about that

@IDANIT:
- Only the top ones are big on purpose. They are "highlighted". Perhaps you could create a new theme based on these themes that makes them all big, it shouldn't be too hard.
- I don't know why you don't see the graphs. You could check the Javascript Console for any errors. The code that generates the dataviz overlay is in www/app/dashboardcontroller.js
- I don't know what is going on with your temperature tab. It doesn't even look like a broken temperature page, it looks like it half-loaded a pop-up for creating a new switch. Very odd. Does anyone else have this problem?

I suspect you didn't clear your cache well enough. For example: I can stil see the old low-resolution icons in the menu. Did you only copy the theme folder?

MERGING ITEMS

Give your sensors names that follow this pattern:
MiFlora 1 - Moisture
MiLofra 1 - Light
Etc

The part before the dash will be the item name. The parts after the dash will become the variable names inside of it. Only items that have a single output can/will be merged.

Can I do the merging with existing devices as well?

[IDANIT]

@blauwebuis ctrl+shift+del do the trick.
Now I can see the graphs... but not all. As U can see Pogoda (Weather Underground) and TempHumBaro (BME280 ESPEasy) are OK but TempHumBalkon (RFLink) aren't. Same with energy meter (z-wave) no graphs at all.

Domoticz (6).png (331.4 KiB) Viewed 4080 times

Temperature Tab is also OK after deep cleaning. Hi-resolution icons in the menu now looks perfect. So ctrl+F5 even hitted couple of times is not enough.
"Perhaps you could create a new theme based on these themes that makes them all big, it shouldn't be too hard" If U give me some hints I can play with that. I am rather end user not the programer but... we learn whole our life.

GREAT GREAT Job, again. TYVM. Now we in 21 century.

[Derik]

cannot wait....
grrrr

[blauwebuis]

@LouiS22: you can merge any utilities you want (as long as the only have one output). In theory you could merge 10 items maximum. But my advice: stop at 4 or 6.

@IDANIT: currently the graphs are not generated for every possible device type. But this could easily be expanded, and has already been built in such a way that this is very easy to do. Just add another type here: https://github.com/domoticz/domoticz/bl ... ller.js#L9

[curious]

I like this design very much. Perhaps I did miss something, but I would like it very much when a continuous camera feed will be possible.

[Domotibart]

Just love the new design. I am trying to use the merge items option but i cant get it right. I renamed three temperature sensors hoping that they merge. What am I doing wrong?
The item has a single output (temp) but is part of a Fibaro Zwave Smoke detector. Can that be the problem?

[qwerk]

domoticz version: 8063

Strange issue,
on some pages I get this

theme.JPG (57.63 KiB) Viewed 3956 times

my dashboard is normal

cahche is cleared, firefox and chrome have this issue

any advice?

[blauwebuis]

@curcious: could you be a bit more specific?
@domotibart: merging currently only works for utilities.
@qwerk: it looks like something is still wrong with your cache.

[qwerk]

@qwerk: it looks like something is still wrong with your cache.

I tried 2 browser, same issue and I tried a chrome browser on a read only environment.

If I am the only one, it will somewhere deep in my raspberry/domoticz installation. it is not impossible

[LouiS22]

@qwerk: it looks like something is still wrong with your cache.

I tried 2 browser, same issue and I tried a chrome browser on a read only environment.

If I am the only one, it will somewhere deep in my raspberry/domoticz installation. it is not impossible

Have you cleared this as well?

chrome://appcache-internals/

Remove all instances related to Domoticz (such as: Manifest: http://YOURIP:8080/html5.appcache).

[qwerk]

thanks for chrome://appcache-internals/ didn't know about that.

I tried firefox/Edge/chrome, they all gave the same result.
tried chrome an an other pc, same result.
I restarted domoticz ( just to be sure) no difference.

It is even stranger:

My Dashboard is fine:

dashboard.JPG (108.26 KiB) Viewed 3808 times

my lightswitches aren not:

switches.JPG (141.16 KiB) Viewed 3808 times

but my tab with the rest ( overige in dutch) is more strange:

overig.JPG (102.39 KiB) Viewed 3808 times

I am doing something wrong , I am sure.

edit: I updated to 8070. problem not solved..........

[LouiS22]

Have you downloaded https://github.com/domoticz/domoticz/tree/GuiWork ?

You need to replace/overwrite the whole www folder in your current domoticz folder (make a backup before that).

[qwerk]

Have you downloaded https://github.com/domoticz/domoticz/tree/GuiWork ?

You need to replace/overwrite the whole www folder in your current domoticz folder (make a backup before that).

that is exactly what I did.

[Sevift]

Good job!
small problem

111.png (88.88 KiB) Viewed 3725 times

[pj-r]

I like this theme a lot! Just some minor fixes(to mobile mode) might be needed

qwerk: You are not only one with the problem. For me it happens on mobile device with resolution 1280x800. Also for me the dashboard is ok. 766 is the max width where the mobile mode work correctly in my tests.
Also for some reason I cannot force browser to use desktop version. Every time it switches back to mobile.

Steps to preproduce:
1. open page in chrome
2. switch to emulator mode
3. select iPad Pro
4. turn to landscape(if not already)
5. reload the page(F5)
6. go to switches tab.

Also if you try to change from setting mobile -> desktop and save it wont have effect and its mobile -> mobile next time you go to settings.

ps. I did some minor tweaking to css to get rid of the background

mobile_big_reso_fail.png (278.17 KiB) Viewed 3700 times

[lukev]

Awesome new skin!

Is there coming a synology update sometime in the near future? I noticed there are hardly any new package updates anymore. Or is the source url changed maybe?

[IDANIT]

For those with interface issues, try ctrl+shift+del, if that does not help, try Incognito mode of your browser.

[pj-r]

For those with interface issues, try ctrl+shift+del, if that does not help, try Incognito mode of your browser.

Just try, you can have the same effect if you try the steps I wrote on my post. And yes, I've done force reload and clearing cache multiple times since its the thing number one to try.
I also happen to have an account to browserstack.com and can try multiple different devices what I think cannot have the page in cache already

edit:
In desktop mode everything works as expected. In mobile mode the layout breaks.
It happens with default, feynman and partly with element-light. Width: 767 ok, 768 and bigger broken.

Code: Select all

./css/bootstrap-responsive.css:@media (max-width: 767px) {..}
./css/bootstrap-responsive.css:@media (max-width: 767px) {..}
./styles/default/base.css:@media all and (max-width: 767px){..}
./styles/default/classic.css:@media all and (max-width: 767px){..}
./styles/elemental/custom.css:@media (max-width: 767px) {..}
./styles/feynman/base.css:@media all and (max-width: 767px){..}

edit:
Perhaps I could fake the UserAgent to get the browser to use desktop mode.
UserAgent handling seems to live in:

Code: Select all

./www/app/DashboardController.js
./www/app/app.js
./www/index.html

edit:
Success! As temporary fix I removed Android from javascript/angular mobile checks(UserAgent) and got the desktop version in use on my wall tablet. Now it works fine.

[blauwebuis]

@qwerk: did you delete the old WWW folder first, or did you just overwrite it with the new files? Perhaps some old files are still there. There are more strange things: that little cloud is not supposed to be there. There is something wrong with the way your installation is dealing some CSS things, like absolute and relative positioning. That cloud is a little easter egg for people with rain sensors, but it should be on the sensor item itself, raining

@pj-r: interesting. Are you having the issue on a tablet? So it might be a mobile mode that is influencing things. Hmm. But I can't reproduce the problem. Did you also copy the files over the old ones, instead of first removing the WWW folder?
// I CAN however reproduce the problem where the mobile settings isn't stored by the interface. That a bug, but I'm not sure if that is because of the theme. The theme shouldn't influence how that works.

@sevift: Ah, right.. will have to fix that.