machinon theme Topic is solved

[remb0]

there is! Blauwebuis does this in his Aurora theme. So maybe he would help or another smart guy can look into this. So it's possible that in the future it's an option. let's hope

I like this theme.

Is it possible to combine switches, energy values, etc. into one entry? So if a switch or dimmer has the capability to measure energy, can we merge this into one entry?

it is a big issue for me in domoticz. Switch and energy split AND multiple control for heater (one for temp, one for mode, one for wind). We need to find a way to merge multiple in one.

[DewGew]

Looking good! Great work on the settings page. How did you deal with the wildly different and messy html on the other settings pages? (electricity variables for example).

I prefer image number 2, but I would mix it with number 3:
- In my opinion vertical dots are the best because they are the standard all over the web. Perhaps place those far right, next to the name, so there is no empty space above the name anymore.
- Next, I would make the value underneath it as large as in image number 3.

If you look at the Aurora theme I changed the position of the value (bigtext) based on the screenwidth.

Also feel free to take some javascript from Aurora for things:
- The technical names of items are now three parters, with comma's in between. Gizmozus has said he wants to remove the whole thing from being displayes. In Aurora I've shortened it to just the last part, like "on/off" or "dimmer".
- I personally prefer the 'last seen' version in Aurora where it says how long ago it has last seen a device. But I also know there are a lot of users that prefer the current method. In either case I opted to remove the 'last seen' text itself, as that is pretty self explanatory I think.

Thanks for your feedback. Your's really important too because aurora is really impress !!

I prefere number 2 too, but 3 can be greater.

Thanks for your help with aurora.

@DewGew, this is ma setting page !! i like it very well

Capture.PNG

After last git pull (5 min ago) i cant access settings tab

You have to copy Settings.html to templete folder. Read the instructions in readme file.

[EdddieN]

Is this a bit too much (blue lines when mousing over the tiles)



It is easy for me to keep refining but the hard work of coding for others is HARD WORK. Please stop me if I get too geeky.

Quick update on dark theme, it is on the plans but would really like to get the white one right so doing a dark one will be a walk in the park

[EdddieN]

there is! Blauwebuis does this in his Aurora theme. So maybe he would help or another smart guy can look into this. So it's possible that in the future it's an option. let's hope

I like this theme.

Is it possible to combine switches, energy values, etc. into one entry? So if a switch or dimmer has the capability to measure energy, can we merge this into one entry?

it is a big issue for me in domoticz. Switch and energy split AND multiple control for heater (one for temp, one for mode, one for wind). We need to find a way to merge multiple in one.

if I understand you would like to have the power and energy inside these tiles?

Screen Shot 2018-07-18 at 21.19.18.png (32.79 KiB) Viewed 2245 times

That is going to get really busy.... Can you give me an example of how you use it, a real one and I'll see if I can come up with an idea that does not make it too busy?

[landaisbenj]

Is this a bit too much (blue lines when mousing over the tiles)



It is easy for me to keep refining but the hard work of coding for others is HARD WORK. Please stop me if I get too geeky.

Quick update on dark theme, it is on the plans but would really like to get the white one right so doing a dark one will be a walk in the park

LIke it. Exactly what i'm doing now. In the way to make the block look gray when is Off, i do gray when is mouse pointing.

[landaisbenj]

Is this a bit too much (blue lines when mousing over the tiles)



It is easy for me to keep refining but the hard work of coding for others is HARD WORK. Please stop me if I get too geeky.

Quick update on dark theme, it is on the plans but would really like to get the white one right so doing a dark one will be a walk in the park

Maybe just shadow ?
http://g.recordit.co/bl4Xp6oMMY.gif

[EdddieN]

The tiles already have a “floating shadow” , I think on the real version they are a bit shy. This is why I was thinking about 1px thin blue line

[landaisbenj]

omg https://gadget-freakz.com/new-domoticz- ... -machinon/

[EdddieN]

Maybe just shadow ?
http://g.recordit.co/bl4Xp6oMMY.gif

Link does not work

[DewGew]

This is a draft for settings tabs, stole the theme tab from aurora
settings:

settings.jpg (37.58 KiB) Viewed 2153 times

Theme:

theme.jpg (25.61 KiB) Viewed 2153 times

[EdddieN]

Working on a few ideas, I hope to have them ready today...

[DewGew]

Working on a few ideas, I hope to have them ready today...

Looking forward..

[landaisbenj]

Maybe just shadow ?
http://g.recordit.co/bl4Xp6oMMY.gif

Link does not work

Try with this:

Code: Select all

.item table:hover{
top:-2px;
box-shadow: 0 0 10px 0 gray;
}

[EdddieN]

Ok, to make sure we don't lose momentum. Here is a list of things pending to finish the theme before adding more features. Please add as you see fit and we can prioritise them in the agreed order:

ToDo
1.- Selector boxes, need update design -> Eddie
2.- Hardware page and devices need updating -> guidelines in Zeplin
3.- Tiles with new text and bigger size values -> Eddie
4.- Settings page re-design -> Eddie
5.- When a device is offline the tile should fade off, is this possible? -> Zeplin
6.- Timers screen -> Eddie
7.- Charts screens -> Eddie

I'm sure I'm missing things. Happy to open a wishlist too, but would be good to move from (work in progress) to (beta/release)

Working on these ones, they are not finished as a few things are not sitting right (for me) but this is the direction I'm taking right now with it.

Sofa Addv3.png (103.14 KiB) Viewed 2082 times

Also the settings page, I do not like the triple menu (main menu, sub menu + go back) so hoping to find a solution to it that feels a bit more joined together. Hopefully it won't make too hard.

Home Automation Settings New (1).png (69.75 KiB) Viewed 2082 times

[EdddieN]

Maybe just shadow ?
http://g.recordit.co/bl4Xp6oMMY.gif

Link does not work

Try with this:

Code: Select all

.item table:hover{
top:-2px;
box-shadow: 0 0 10px 0 gray;
}

No idea where to try that. A quick gif of what you see? https://ezgif.com/video-to-gif

[doxikus]

Hi All,

Great theme, finally something nice to eye and easy to use on dashboard. Great thanks for this. Ok, now back to a reality .-). I have forked git repo, now I can see first problem here, there was some changes inside custom.css file. This is a problem, because there is inside css folder ,scss files, now this is very common setup, problem is if I use and change something inside .scss file it will generate new custom.css file and override all changes. Thing is if you want to update css do that inside .scss file and generate custom.css file .

As a workaround, if you are not sure what to do include another css file where will be all new changes, or at least document changes that is made so we can update .scss file accordingly.

For feature dev it will be nice to have all changes inside scss files .

If you need some help about this, PM me or ask here.

Thanks

[landaisbenj]

Ok, to make sure we don't lose momentum. Here is a list of things pending to finish the theme before adding more features. Please add as you see fit and we can prioritise them in the agreed order:

ToDo
1.- Selector boxes, need update design -> Eddie
2.- Hardware page and devices need updating -> guidelines in Zeplin
3.- Tiles with new text and bigger size values -> Eddie
4.- Settings page re-design -> Eddie
5.- When a device is offline the tile should fade off, is this possible? -> Zeplin
6.- Timers screen -> Eddie
7.- Charts screens -> Eddie

I'm sure I'm missing things. Happy to open a wishlist too, but would be good to move from (work in progress) to (beta/release)

For 2 I think I can make it.
For 5, I look for attribute change in css. But I don't find how to change parents on child attribute. But we can make change on attribute. A i do some test. I post here this weekend.
I think to we have first release now. We must make a beta branch and work with issue on GitHub. (Do wishlist on, make tag for issue etc...)

No idea where to try that. A quick gif of what you see? https://ezgif.com/video-to-gif

I make this on weekend.

Hi All,

Great theme, finally something nice to eye and easy to use on dashboard. Great thanks for this. Ok, now back to a reality .-). I have forked git repo, now I can see first problem here, there was some changes inside custom.css file. This is a problem, because there is inside css folder ,scss files, now this is very common setup, problem is if I use and change something inside .scss file it will generate new custom.css file and override all changes. Thing is if you want to update css do that inside .scss file and generate custom.css file .

As a workaround, if you are not sure what to do include another css file where will be all new changes, or at least document changes that is made so we can update .scss file accordingly.

For feature dev it will be nice to have all changes inside scss files .

If you need some help about this, PM me or ask here.

Thanks

Thanks for feedback. I don't really know how use css. But now, I can try to use just scss. If you can, make more explanation about css !! Or help

Maybe how make visual change for .parents on child's attribut change.

Ex:

Code: Select all

td#bigtext[data-status:"On"]{
.item table{
Background-color:Gray
}
}

[DewGew]

Ok, to make sure we don't lose momentum. Here is a list of things pending to finish the theme before adding more features. Please add as you see fit and we can prioritise them in the agreed order:

ToDo
1.- Selector boxes, need update design -> Eddie
2.- Hardware page and devices need updating -> guidelines in Zeplin
3.- Tiles with new text and bigger size values -> Eddie
4.- Settings page re-design -> Eddie
5.- When a device is offline the tile should fade off, is this possible? -> Zeplin
6.- Timers screen -> Eddie
7.- Charts screens -> Eddie

I'm sure I'm missing things. Happy to open a wishlist too, but would be good to move from (work in progress) to (beta/release)

Working on these ones, they are not finished as a few things are not sitting right (for me) but this is the direction I'm taking right now with it.
Sofa Addv3.png

Also the settings page, I do not like the triple menu (main menu, sub menu + go back) so hoping to find a solution to it that feels a bit more joined together. Hopefully it won't make too hard.

Home Automation Settings New (1).png

Go back Button is not needed you can still use the main to go back to settings menu.

[EdddieN]

ToDo
1.- Selector boxes, need update design -> Eddie
2.- Hardware page and devices need updating -> guidelines in Zeplin
3.- Tiles with new text and bigger size values -> Eddie
4.- Settings page re-design -> Eddie
5.- When a device is offline the tile should fade off, is this possible? -> Zeplin
6.- Timers screen -> Eddie
7.- Charts screens -> Eddie
8.- Remove go back button from design on settings -> Eddie

[EdwinH]

Great theme ! I love the over all look,
Kudo's to EddieN and all in volved.

One strange thing at my end though :

Menu bar should say "setup" in all your screen shots. Mine says "settings" and when I click link it tries to go to http://myip/#/Custom/Settings and recieves a 404. (see screenshot)

Machion menu.png (98.79 KiB) Viewed 1982 times

Manualy entering http://myip/Setup get's me to setup page and options.

Machion menu2.png (50.6 KiB) Viewed 1982 times

Any pointers how to fix this ?

Love work done so far !