machinon theme Topic is solved

[poudenes]

If you look at primary board, it's a style wanted...

that do you mean by that?

If you look at that:

It's the goal project. And your code, change button style.

Clear thanks!


Verzonden vanaf mijn iPhone met Tapatalk Pro

[landaisbenj]

I pull a change to reduce selector button to wait a better solution

[EdddieN]

Ok, I have tagged zeplin a bit to keep things more organised.

Ready = Seems to have everything design-wise. You will see that the number of columns is 4 instead of the default 3, is this viable?
Rejected = Design ideas that probably are not practical. In this case the pop up timer I think is not practical. I will probably create problems in mobile devices. Best to follow the standard of Domoticz
Work in progress = Ideas that are not finalised but very open to suggestions
Ignore for now = Not relevant now

Hope that makes sense.

Regarding the selector, working on an solution that hopefully is not too intensive. I was thinking about something like this when the number of selector is higher than the space available:
https://pressurejs.com/ with something like this: https://www.jqueryscript.net/menu/Creat ... Query.html

The question is, can JS differenciate between tapping to select and holding to bring the context menu (full selector)?

[landaisbenj]

If you do a menu, it's like you choose this option in device... So two option don't will be anymore ?

[EdddieN]

I don't know in JS if this is possible. Let's say that by default the maximum number of selectors is 4 for the tile.

If I have 4, then the tile shows the 4 options and that is as normal.

If I have 5, then they do not fit in the tile, in this case we ca do a few things, for example:
1.- Still show 3 options selector and the 4th becomes the context menu for part or all the menu
2.- Show just a small icon for selector and brings the context menu
3.- Use the scrolling selector option you mentioned

I'm sure there're other options, I personally would struggle with more than 4 options within a selector, but if more are needed and they do not fit the tile... I would go for the one easier to code and use on a mobile device.

[landaisbenj]

Operating principle of button choice is to have all choice directly accessible.

For 1, you can't display the 3 first button, because it's not necessarily the best choice :/
For 2, is a good idea but it's already the second choice of the device and in this case button were not really accessible.

I don't really know how to do.

I've a question for option bar.
I will try to do some visual change like board in zeplin. But sometime we have 3 option and sometimes 4. So if i adjust for 4 option, 3 options are not really great. I think we need a parent box, and let html or css do vertical alignement.

But i don't know how lol

[landaisbenj]

I think contact48.png and contact48_open.png must be of diferent color.

contact48.png grey and the other maybe red because of security device...

In my board i don't really did de difference between door open or close..

[EdddieN]

Operating principle of button choice is to have all choice directly accessible.

But i don't know how lol

The best option is to have it all there, no 2 steps needed. If we can solve it with all available from tile without any second menu... great!

Thinking out loud... maybe 2 x rows if someone really has a lot of selections points?


Sent from my iPad using Tapatalk

[EdddieN]

I think contact48.png and contact48_open.png must be of diferent color.

contact48.png grey and the other maybe red because of security device...

In my board i don't really did de difference between door open or close..

Agree!

[landaisbenj]

Operating principle of button choice is to have all choice directly accessible.

But i don't know how lol

The best option is to have it all there, no 2 steps needed. If we can solve it with all available from tile without any second menu... great!

Thinking out loud... maybe 2 x rows if someone really has a lot of selections points?


Sent from my iPad using Tapatalk

2 rows seems to be a great way. But we need to find a really great design for this. And code width auto for 2 rows and button..

[DewGew]

I starting to make a new settings page.. Problem is that i cant make it wrapped inside Domoticz. Url is ”acttheme/settings.html”. Any ideas? I have a workaround but then i have to put the page in an other folder.

[landaisbenj]

With custom page ?

[DewGew]

With custom page ?

Yes

[EdddieN]

Not sure I understand, does not every menu item has a link? like:
http://IP/#/Hardware
http://IP/#/Devices
http://IP/#/Cam

[DewGew]

Yes but no.. I cant make a html page in style/machinon and open this with http://ip/#/custompage
Thats my problem. I can put it in templates folder and open it with http://ip/#/custom/custompage ..

This is how far I got ..translation works also.

settingspage.jpg (90.96 KiB) Viewed 2582 times

[landaisbenj]

OMG it's beautifull !!!


Maybe with js to replace html code when click on settings ?

[EdddieN]

Ok, you mean that when you click on "Settings", it won't load the new page unless you add a custompage?

How is it working now?

1.- click on settings, what happens?
2.- on the screen you posted, click on hardware, what happens?

[EdddieN]

Looking into SEARCH options I found this:
https://www.sitepoint.com/14-jquery-liv ... h-plugins/

This one is pretty cool: http://react-autosuggest.js.org/ in particular multiple sections as it could be used as roomplan too.

gif.gif (193.52 KiB) Viewed 2575 times

In an ideal world, the tiles would disappear as you type in but I think it may be best to leave that one as a second priority. Being able to jump to where the tile you want straight is a bonus already

[DewGew]

Ok, you mean that when you click on "Settings", it won't load the new page unless you add a custompage?

How is it working now?

1.- click on settings, what happens?
2.- on the screen you posted, click on hardware, what happens?

When I click on settings in navbar this page shows and then when I click hardware.. hardware opens . all buttons works .
I have to clean up my code and then I share on github with instructions..

[landaisbenj]

Really needed Theme xD Maybe we must create a beta branch on github for more change on js ?

I think, after my last request, i do all visual change for make a starting theme. I don't see probleme anymore on my domoticz. And if we start to make more change in operating structure maybe we need to do this next to the master ?

I'm not a dev lol but i can do some thing with browser inspector.