Page 1 of 36

machinon theme

Posted: Wednesday 04 July 2018 23:07
by EdddieN
Hello,

I have been working for over a year on this hardware project viewtopic.php?f=4&t=21403 and it is getting close to go be ready.
menu.png
menu.png (57.13 KiB) Viewed 30437 times
Quick update and installation instructions for Raspberry Pi, also you can see the wiki here:
https://www.domoticz.com/wiki/Machinon_Theme
On your Raspberry Pi, in Domoticz theme directory :
cd domoticz/www/styles
git clone https://github.com/EdddieN/machinon-domoticz_theme.git machinon
sudo /etc/init.d/domoticz.sh restart

You may need to disable Custom menu if a visible wider space between Utility and Setup [SETUP -> Settings -> Active Menu]
Updating
cd domoticz/www/styles/machinon
git pull
We have dark theme too now and working search box too now!

See below the design idea:
idea.jpg
idea.jpg (162.78 KiB) Viewed 30437 times

Video below of a wee demo


I honestly do not think I can finish this while pushing the hardware project at the same time. If someone likes it and wants to have a go...or even tweak it anyway they like, I will more than happy upload it here. Everything works fine and it is very usable, just needs the fine details to make it nicer.

If someone is up for it or even wants just sketch files... happy to share too.

Re: machinon theme - (work in progress)

Posted: Thursday 05 July 2018 15:16
by l00pz
Looks very nice! I hope someone has the time and knowledge to complete this, as I would love to test this :D

Re: machinon theme - (work in progress)

Posted: Thursday 05 July 2018 18:56
by EdddieN
If you want to give it a go.... I'll see if I clean it up as I messed up a few things last time I touched it.
I was trying to add a direct link from Domoticz menu into the machinon configuration menu for the I/Os and I broke the menu.

Give me a few days and I'll upload the source here.

Re: machinon theme - (work in progress)

Posted: Friday 06 July 2018 11:49
by EdddieN
Here it is: https://github.com/EdddieN/machinon/tre ... iles/theme

As mentioned, it is not finished but it is very functional.

Re: machinon theme - (work in progress)

Posted: Friday 06 July 2018 15:13
by l00pz
Thanks! Definitely going to give this a try :)

Re: machinon theme - (work in progress)

Posted: Friday 06 July 2018 16:28
by remb0
WOW beutifull. I like the minimalistic look. clean.
I hope you will combine the options of the aurora theme also.

that would be the best of 2 worlds. aurora has: webcam, combined devices and theme settings.

Re: machinon theme - (work in progress)

Posted: Friday 06 July 2018 18:16
by EdddieN
Yes I had big plans for it... even a mobile phone app with remote access via a minimalistic MQTT broker (selecting only devices needed for app) but at the moment most of my effort is going into the hardware and negotiating a good price for low volume (not easy!)

I have some sketch files if someone is interested.
machinon_mobile.png
machinon_mobile.png (389.6 KiB) Viewed 30262 times
Don't think Apple would be very happy with my clone :lol:

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 11:46
by landaisbenj
OMG I do test !!! Really beautifull

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 16:36
by landaisbenj
Maybe you can make a .git to clone easyly ?

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 16:47
by EdddieN
I’m a bit new to git... is the link now working? Or do you mean to put it a new project? Let me try the second, it may be easier for me

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 17:02
by landaisbenj
Lol yes me too

Aurora theme can get with this:
git clone https://github.com/flatsiedatsie/domoti ... -theme.git

But yes, a new repo is a good solution for us.

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 18:16
by EdddieN
https://github.com/EdddieN/machinon-domoticz_theme

happy to add contributors if required.

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 18:24
by blauwebuis
Nice work!

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 23:08
by EdddieN
blauwebuis wrote: ↑Monday 09 July 2018 18:24 Nice work!
Not as nice as your theme! ;)

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 23:24
by EdddieN
remb0 wrote: ↑Friday 06 July 2018 16:28 WOW beutifull. I like the minimalistic look. clean.
I hope you will combine the options of the aurora theme also.

that would be the best of 2 worlds. aurora has: webcam, combined devices and theme settings.
Where is the like button? I vote for that!

Re: machinon theme - (work in progress)

Posted: Monday 09 July 2018 23:32
by EdddieN
If someone is handy with sketch / zeplin, happy to share the resources
utility.jpg
utility.jpg (141.65 KiB) Viewed 30011 times

Re: machinon theme - (work in progress)

Posted: Tuesday 10 July 2018 8:52
by landaisbenj
Hello ;D

All files in github on machinon/ must be up on parent folder to create a .git.

I test the theme, it's really beautifull, and i have some problem.
Capture.PNG
Capture.PNG (114.11 KiB) Viewed 29981 times
But it's the worst, is icon. Where is your superb icon !!! lol

Re: machinon theme - (work in progress)

Posted: Tuesday 10 July 2018 11:25
by EdddieN
I see! I don't use multi selector option so never tested that...

I have uploaded the icons here: https://github.com/EdddieN/machinon-dom ... norganised

for these screens:
Screen Shot 2018-07-10 at 10.15.27.png
Screen Shot 2018-07-10 at 10.15.27.png (121.29 KiB) Viewed 29949 times
Screen Shot 2018-07-10 at 10.17.58.png
Screen Shot 2018-07-10 at 10.17.58.png (64.88 KiB) Viewed 29949 times
Screen Shot 2018-07-10 at 10.18.28.png
Screen Shot 2018-07-10 at 10.18.28.png (61.07 KiB) Viewed 29949 times

Re: machinon theme - (work in progress)

Posted: Tuesday 10 July 2018 11:26
by EdddieN
Screen Shot 2018-07-10 at 10.18.34.png
Screen Shot 2018-07-10 at 10.18.34.png (119.92 KiB) Viewed 29949 times
And this is the new setup menu I was thinking about, instead of having menu -> sub menu which is hard to navigate on a mobile device, I wanted to a a bit of spread the different options, in my opinion easier to navigate
Screen Shot 2018-07-10 at 10.20.11.png
Screen Shot 2018-07-10 at 10.20.11.png (96.44 KiB) Viewed 29949 times

Re: machinon theme - (work in progress)

Posted: Tuesday 10 July 2018 11:29
by EdddieN
I have literarily no knowledge of CSS and my friend was ok but not her strong side (I think that is why she quid on me :D ). Anyway, I spoked with her and she is happy to help on the design bit (icons, things like that) if someone is happy to finish joining it together