Page 16 of 36

Re: machinon theme

Posted: Saturday 15 September 2018 12:31
by EdddieN
heggink wrote: Saturday 15 September 2018 10:21 How are the settings saved? On Android, I can select dark and it sticks. On linux/chrome, I can select dark but next time I start chrome, I am back to the light settings. I do clear all my cache and cookies on exit though (click & clean). Tried to get click&clean to retain all info but it still won;t stick :-(.
I can imagine in a cookie? That is the only way to have different setups in different devices.

Just trie don mac with Chrome and Safari. Works fine.
Tried also on Ubuntu with Firefox, works fine too.

If you clear the cache it will probably reset your settings too. Failing that, you can always try to reset the theme itself before saving settings and see how it goes?

Re: machinon theme

Posted: Saturday 15 September 2018 15:33
by DewGew
heggink wrote: Saturday 15 September 2018 10:21 How are the settings saved? On Android, I can select dark and it sticks. On linux/chrome, I can select dark but next time I start chrome, I am back to the light settings. I do clear all my cache and cookies on exit though (click & clean). Tried to get click&clean to retain all info but it still won;t stick :-(.
Settings are stored in localStorage in your browser.

Re: machinon theme

Posted: Saturday 15 September 2018 23:40
by Holland
To everyone that is working on this project, fantastic job, I really like the theme.

Just a cosmetic issue I would like to bring forward.

Dashboard and other tabs resize when the refresh button is pressed. This is browser independent.
A picture makes it clear. As can be seen below, a refresh results in a
Switching tabs

Re: machinon theme

Posted: Sunday 16 September 2018 10:46
by EdddieN
Hello,

Yes it is a known issue: https://github.com/EdddieN/machinon-dom ... /issues/31

If you can add those screens to the issue above on github it would be great.

Thanks for the feedback! :)

Re: machinon theme

Posted: Sunday 16 September 2018 10:50
by EdwinK
EdddieN wrote: Saturday 15 September 2018 12:21
EdwinK wrote: Saturday 15 September 2018 9:38 Running on Mac El Capitan and used both chrome and safari browsers, both give the same problems. For now switched back to one of the standard themes, and no problems.

Already did clean appcache and the normal cache. I'll try the incognito method next.
Can you try this?

1.- Try the backup button
2.- on terminal, run top
3.- is your domoticz eating a lot of CPU?

I just tried on High Sierra and Chrome and it worked, that said, it took a while as my DB is quite big. For a moment I thought it was not working, until I run top and I could see it was working hard

As far as i can see with top, domoticz isn't using much cpu.

Re: machinon theme

Posted: Sunday 16 September 2018 12:02
by EdddieN
Mmm... I think we need more feedback on a way to reproduce it. I can not reproduce the error, do you see anything odd under chrome inspector?

Re: machinon theme

Posted: Sunday 16 September 2018 12:35
by Holland
EdddieN wrote: Sunday 16 September 2018 10:46 Hello,

Yes it is a known issue: https://github.com/EdddieN/machinon-dom ... /issues/31

If you can add those screens to the issue above on github it would be great.

Thanks for the feedback! :)
Will do!

Re: machinon theme

Posted: Sunday 16 September 2018 12:44
by poudenes
Hi ALl,

Maybe a idea ( i think its a good feature) to have a icon that indicates if a bulb have a Sub/Slave Devices.
I use Sub/Slave device option a lot. Would be nice to see a icon like a link icon so you see in the overview what bulbs are linked or not.

Something like this next to the diagram icon right down corner
Unknown.png
Cheers,
Peter

Re: machinon theme

Posted: Sunday 16 September 2018 18:48
by EdwinK
EdddieN wrote: Sunday 16 September 2018 12:02 Mmm... I think we need more feedback on a way to reproduce it. I can not reproduce the error, do you see anything odd under chrome inspector?
Haven't been able to get online much today, but as far as I can see now, it must be a larger problem with Domoticz it self, as it is now also not working on other themes, and after some time, Domoticz goes off-line.

However, this is what I could find sofar:
Spoiler: show

Code: Select all

[Deprecation] Application Cache is deprecated in non-secure contexts, and will be restricted to secure contexts in M69, around September 2018. Please consider migrating your application to HTTPS, and eventually shifting over to Service Workers. See https://goo.gl/rStTGz for more details.
:8080/#/Setup:1 Document was loaded from Application Cache with manifest http://192.168.0.11:8080/html5.appcache
:8080/#/Setup:1 Application Cache Checking event
jquery-3.3.1.min.js:2 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ custom.js:14
VM204:1 Uncaught SyntaxError: Unexpected token <
    at m (jquery-3.3.1.min.js:2)
    at Function.globalEval (jquery-3.3.1.min.js:2)
    at text script (jquery-3.3.1.min.js:2)
    at Ut (jquery-3.3.1.min.js:2)
    at k (jquery-3.3.1.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery-3.3.1.min.js:2)
    at XMLHttpRequest.send (<anonymous>:1:781)
    at Object.send (jquery-3.3.1.min.js:2)
    at Function.ajax (jquery-3.3.1.min.js:2)
    at custom.js:14
m @ jquery-3.3.1.min.js:2
globalEval @ jquery-3.3.1.min.js:2
text script @ jquery-3.3.1.min.js:2
Ut @ jquery-3.3.1.min.js:2
k @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
(anonymous) @ VM172:1
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ custom.js:14
load (async)
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ custom.js:14
VM206:1 Uncaught SyntaxError: Unexpected token <
    at m (jquery-3.3.1.min.js:2)
    at Function.globalEval (jquery-3.3.1.min.js:2)
    at text script (jquery-3.3.1.min.js:2)
    at Ut (jquery-3.3.1.min.js:2)
    at k (jquery-3.3.1.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery-3.3.1.min.js:2)
    at XMLHttpRequest.send (<anonymous>:1:781)
    at Object.send (jquery-3.3.1.min.js:2)
    at Function.ajax (jquery-3.3.1.min.js:2)
    at custom.js:15
m @ jquery-3.3.1.min.js:2
globalEval @ jquery-3.3.1.min.js:2
text script @ jquery-3.3.1.min.js:2
Ut @ jquery-3.3.1.min.js:2
k @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
(anonymous) @ VM172:1
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ custom.js:15
load (async)
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ custom.js:15
custom.js:44 Uncaught ReferenceError: locationHashChanged is not defined
    at custom.js:44
(anonymous) @ custom.js:44
:8080/#/Setup:1 Application Cache Error event: Manifest fetch failed (6) http://192.168.0.11:8080/html5.appcache
(index):142 [Deprecation] Application Cache is deprecated in non-secure contexts, and will be restricted to secure contexts in M69, around September 2018. Please consider migrating your application to HTTPS, and eventually shifting over to Service Workers. See https://goo.gl/rStTGz for more details.
(anonymous) @ (index):142
onloadwff.js:58 Uncaught (in promise) TypeError: Cannot read property 'querySelectorAll' of null
    at t.getFormInputs (onloadwff.js:58)
    at t.<anonymous> (onloadwff.js:58)
    at onloadwff.js:58
    at Object.next (onloadwff.js:58)
    at onloadwff.js:58
    at new Promise (<anonymous>)
    at Proxy.__awaiter (onloadwff.js:58)
    at t.detectForm (onloadwff.js:58)
    at onloadwff.js:58
    at onloadwff.js:58
t.getFormInputs @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
__awaiter @ onloadwff.js:58
t.detectForm @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
onloadwff.js:58 Uncaught (in promise) TypeError: Cannot read property 'querySelectorAll' of null
    at t.getFormInputs (onloadwff.js:58)
    at t.<anonymous> (onloadwff.js:58)
    at onloadwff.js:58
    at Object.next (onloadwff.js:58)
    at onloadwff.js:58
    at new Promise (<anonymous>)
    at Proxy.__awaiter (onloadwff.js:58)
    at t.detectForm (onloadwff.js:58)
    at onloadwff.js:58
    at onloadwff.js:58
t.getFormInputs @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
__awaiter @ onloadwff.js:58
t.detectForm @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
(anonymous) @ onloadwff.js:58
VM172:1 GET http://192.168.0.11:8080/json.htm?type=command&param=getconfig 0 ()
(anonymous) @ VM172:1
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
$rootScope.GetGlobalConfig @ app.js:978
(anonymous) @ app.js:1075
invoke @ angular.min.js:44
(anonymous) @ angular.min.js:46
r @ angular.min.js:8
gb @ angular.min.js:46
c @ angular.min.js:22
Uc @ angular.min.js:22
(anonymous) @ angularAMD.min.js:26
l @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
add @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
Deferred @ jquery-3.3.1.min.js:2
then @ jquery-3.3.1.min.js:2
w.fn.ready @ jquery-3.3.1.min.js:2
AngularAMD.bootstrap @ angularAMD.min.js:26
(anonymous) @ app.js:1243
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
(anonymous) @ require.js:17
(anonymous) @ require.js:8
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
configure @ require.js:25
requirejs @ require.js:31
g.config @ require.js:31
(anonymous) @ main.js:1
VM172:1 GET http://192.168.0.11:8080/json.htm?type=command&param=getversion 0 ()
(anonymous) @ VM172:1
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ app.js:1076
invoke @ angular.min.js:44
(anonymous) @ angular.min.js:46
r @ angular.min.js:8
gb @ angular.min.js:46
c @ angular.min.js:22
Uc @ angular.min.js:22
(anonymous) @ angularAMD.min.js:26
l @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
add @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
Deferred @ jquery-3.3.1.min.js:2
then @ jquery-3.3.1.min.js:2
w.fn.ready @ jquery-3.3.1.min.js:2
AngularAMD.bootstrap @ angularAMD.min.js:26
(anonymous) @ app.js:1243
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
(anonymous) @ require.js:17
(anonymous) @ require.js:8
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
configure @ require.js:25
requirejs @ require.js:31
g.config @ require.js:31
(anonymous) @ main.js:1
VM172:1 GET http://192.168.0.11:8080/json.htm?type=command&param=getauth 0 ()
(anonymous) @ VM172:1
send @ jquery-3.3.1.min.js:2
ajax @ jquery-3.3.1.min.js:2
(anonymous) @ app.js:1108
invoke @ angular.min.js:44
(anonymous) @ angular.min.js:46
r @ angular.min.js:8
gb @ angular.min.js:46
c @ angular.min.js:22
Uc @ angular.min.js:22
(anonymous) @ angularAMD.min.js:26
l @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
add @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
Deferred @ jquery-3.3.1.min.js:2
then @ jquery-3.3.1.min.js:2
w.fn.ready @ jquery-3.3.1.min.js:2
AngularAMD.bootstrap @ angularAMD.min.js:26
(anonymous) @ app.js:1243
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
(anonymous) @ require.js:17
(anonymous) @ require.js:8
execCb @ require.js:29
check @ require.js:18
(anonymous) @ require.js:23
(anonymous) @ require.js:8
(anonymous) @ require.js:23
v @ require.js:7
emit @ require.js:23
check @ require.js:19
enable @ require.js:23
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
E @ require.js:14
completeLoad @ require.js:28
onScriptLoad @ require.js:29
load (async)
g.load @ require.js:34
load @ require.js:29
load @ require.js:18
fetch @ require.js:17
check @ require.js:19
enable @ require.js:23
enable @ require.js:27
(anonymous) @ require.js:23
(anonymous) @ require.js:8
v @ require.js:7
enable @ require.js:22
init @ require.js:17
(anonymous) @ require.js:26
setTimeout (async)
g.nextTick @ require.js:32
j @ require.js:26
configure @ require.js:25
requirejs @ require.js:31
g.config @ require.js:31
(anonymous) @ main.js:1
 

Re: machinon theme

Posted: Monday 17 September 2018 16:29
by EdddieN
uh! that goes way beyond my knowledge... hopefully someone else can help

Re: machinon theme

Posted: Monday 17 September 2018 22:43
by EdwinK
Will find out, some day, some how

Re: machinon theme

Posted: Wednesday 19 September 2018 23:21
by EdddieN
I have uploaded a few files to zeplin, still working with the white theme mostly. I want to make sure all is perfect before focusing on the dark version.

The settings page looks nice, but still sometimes takes me a a few seconds to figure out where I am. Would a screen like this help?
Screen Shot 2018-09-19 at 22.17.56.png
Screen Shot 2018-09-19 at 22.17.56.png (130.33 KiB) Viewed 2516 times

Re: machinon theme

Posted: Wednesday 19 September 2018 23:56
by Holland
EdddieN wrote: Wednesday 19 September 2018 23:21 I have uploaded a few files to zeplin, still working with the white theme mostly. I want to make sure all is perfect before focusing on the dark version.

The settings page looks nice, but still sometimes takes me a a few seconds to figure out where I am. Would a screen like this help?
Screen Shot 2018-09-19 at 22.17.56.png
Much better!!

Re: machinon theme

Posted: Thursday 20 September 2018 8:57
by bueno79
hi,

really nice. It is possible to group device in your theme ? And do you manage camera in dashboard ?

best regards
Bueno

Re: machinon theme

Posted: Thursday 20 September 2018 9:50
by EdddieN
Re camera, would like to

Re group, what do you mean?

Re: machinon theme

Posted: Thursday 20 September 2018 10:06
by bueno79
hi,

the possibility to display camera on the dashboard. For the grouping :

if you take air cooling system, to manage a such device you need :
- mode selector (on, off, hot, cold, dry,..)
- flow selector (auto, night, power1, power2,power3, ...)
- temp selector

mode and flow selector are in "switch" section but Temp selector is in "utility" section...it is very annoying. So if we can merge multiple device in one place or one big control it will be awesome.

Another exemple is power for plug..we have multiple in utility. Could be awesome to merge different in one. Aurora theme started to work on this point but it was not enough

Personnaly I think Domoticz is a ver very good product but the current frontend is not good enough.

best regards

Re: machinon theme

Posted: Thursday 20 September 2018 11:15
by EdddieN
I see, it looks more like a front end app on itself than a theme.

Aurora does it on the dashboard correct?

Re: machinon theme

Posted: Thursday 20 September 2018 12:52
by bueno79
yes it is.

Re: machinon theme

Posted: Thursday 20 September 2018 12:57
by landaisbenj
My work re open my domoticz !!! :o :o :P :P

Re: machinon theme

Posted: Monday 24 September 2018 22:53
by blauwebuis
Check out the tiny bit of CSS in the Aurora theme that is used to hide the 'allow for 5 minutes' button when 'always allow new devices' is already checked. It's one line, and it removes a lot of confusion.