machinon theme

User avatar
DewGew
Posts: 255
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Wednesday 11 July 2018 11:59

landaisbenj wrote:
Wednesday 11 July 2018 11:46
I've post a pull request and i've make a zip with icon. You can extract .png in images folder

images.zip

The change in pull request are only visual in best effort to wait.
Change must be done in js.
If i've time ( :( ) i try to clean the code to find the best way to progress whitout sketch (for the moment).

And sorry for my english :roll:
Your icons works great when I put them in machinon/images.
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

User avatar
DewGew
Posts: 255
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Wednesday 11 July 2018 12:04

When I use a custom pages in navbar, it will mess up the navbar "machinon" link will move down to next row.
machinon.jpg
machinon.jpg (91.01 KiB) Viewed 724 times
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

ben53252642
Posts: 479
Joined: Saturday 02 July 2016 5:17
Target OS: Linux
Domoticz version: Beta
Contact:

Re: machinon theme - (work in progress)

Post by ben53252642 » Wednesday 11 July 2018 12:39

Really like the search box on the switches page!

User avatar
remb0
Posts: 976
Joined: Thursday 11 July 2013 22:21
Target OS: Raspberry Pi
Domoticz version: Beta
Location: The Netherlands
Contact:

Re: machinon theme - (work in progress)

Post by remb0 » Wednesday 11 July 2018 18:55

wow I have installed the skin and it's amazing. it's looking fresh and new :)
I have a few points that I would change:
- I don't have the search in the menu. (i'm running the latest beta)
- machinon button display/hide
- some sensors with a long txt / name or too many buttons (selector) are not correct.
- some options from Aurora: settings, webcam preview, combined sensors and data visualizations. I hope someone can merge it with the machinon style. then we have the best of both worlds, and Domoticz will look future proof.

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Wednesday 11 July 2018 20:14

Re the machinon menu item, yes remove. This was done only for configuring the hardware of the device itself: http://www.domoticz.com/forum/viewtopic ... 40#p178879 which really eventually should be part of the Hardware setup like RFXCom does with the firmware update and set mode.

The search box was a design idea, it was never implemented from my side. However I would love to have it, when you have lots of switches... it is easier to type than select room and search again. I usually do Ctrl+F on the browser.
11101101 - www.machinon.com

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Wednesday 11 July 2018 22:33

I think it's not clear for all.

More explanation in last pull request. More screen needed too, I try to do that after i find to modify button box on selector item.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Wednesday 11 July 2018 23:22

landaisbenj wrote:
Wednesday 11 July 2018 22:33
I think it's not clear for all.

More explanation in last pull request. More screen needed too, I try to do that after i find to modify button box on selector item.
I'll do my best to explain. The machinon button on the top right is only there to access the configuration forms of the hardware (specific to machinon device) and probably not of use for anyone else so it can be removed.

I have uploaded more screens to github:
https://github.com/EdddieN/machinon-dom ... references

If any of the icons, or resources files (graphics) are missing within the template, please let me know and I'll export them from zeplin.
11101101 - www.machinon.com

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Wednesday 11 July 2018 23:51

:) i tell that for the screen project. This board appear like finish product... (with search bar) but it's not finish, so somebody can wait to have this one.

More icon now:
fait.7z
(10.65 KiB) Downloaded 22 times
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Wednesday 11 July 2018 23:52

Can you do more icon like all of domoticz/www/images/* ??? :)

For selector button i think of a fixed box who can be streamed on right or left with two button... I don't know if it's possible just with css... Maybe js.


Like this
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
DewGew
Posts: 255
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Thursday 12 July 2018 9:02

landaisbenj wrote:
Wednesday 11 July 2018 23:52
Can you do more icon like all of domoticz/www/images/* ??? :)

For selector button i think of a fixed box who can be streamed on right or left with two button... I don't know if it's possible just with css... Maybe js.


Like this
It should be possible with js using JQuery.
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 9:26

DewGew wrote:
Thursday 12 July 2018 9:02

It should be possible with js using JQuery.
:) Great !!
If you know how too (or where i can find) implement this in domoticz (i don't know html css or js or jquery lol and i don't really f*ckin know how there work together) i can learn faster.

And if you know js i've a question:

When i connect my browser to domoticz, in auth page with basic-auth, a div is visible alone... And i don't know why the code don't hide them... I think it's a js code but i don't find where i can change that:
Attachments
Capture.PNG
Capture.PNG (68.15 KiB) Viewed 624 times
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 11:27

landaisbenj wrote:
Wednesday 11 July 2018 23:52
Can you do more icon like all of domoticz/www/images/* ??? :)

For selector button i think of a fixed box who can be streamed on right or left with two button... I don't know if it's possible just with css... Maybe js.


Like this
On it! give me a few days.

the selector, can you send a screenshot of what you have right now and I'll see what ca be done without making it too complex?
11101101 - www.machinon.com

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 13:47

EdddieN wrote:
Thursday 12 July 2018 11:27
On it! give me a few days.

the selector, can you send a screenshot of what you have right now and I'll see what ca be done without making it too complex?
Thanks !!

This is a screen.
In green i think ki can fix it easly. In yellow, it's the space who, in my opinion, we need to stare.
In red it's the problem, and i think we can apply this code:
https://codepen.io/mahish/pen/RajmQw
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 13:48

EdddieN wrote:
Thursday 12 July 2018 11:27
On it! give me a few days.

the selector, can you send a screenshot of what you have right now and I'll see what ca be done without making it too complex?
Thanks !!

This is a screen.
Capture.PNG
Capture.PNG (120.88 KiB) Viewed 599 times
In green i think i can fix it easly. In yellow, it's the space who, in my opinion, we need to stare.
In red it's the problem, and i think we can apply this code:
https://codepen.io/mahish/pen/RajmQw
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 13:55

I see what you mean... would a button slider be the most intuitive solution here?

How many selector buttons do you think you will need? Asking only as I would like to think about from a visual design perspective too. Definitely when using a mobile phone.

Let me play with UX a bit and see what comes out :geek:

... Just wonder if we have a maximum like 3-4 and after that when you tap into it, it pops out (a bit like iOS 3d touch) and brings the full selector options, what do you think?
11101101 - www.machinon.com

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 13:58

:D It's in percent, so max is 11 (with 0%)

And for icon you can redo sound icon lol mine is worst.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 14:03

landaisbenj wrote::D It's in percent, so max is 11 (with 0%)

And for icon you can redo sound icon lol mine is worst.
Yes working on all the default icons that Domoticz has. If there one that is not there as default but you would like it, post it and I’ll have a go too
11101101 - www.machinon.com

User avatar
DewGew
Posts: 255
Joined: Thursday 21 April 2016 12:01
Target OS: Raspberry Pi
Domoticz version: V4.9741
Location: Sweden
Contact:

Re: machinon theme - (work in progress)

Post by DewGew » Thursday 12 July 2018 14:51

My contribution for icons :)
Attachments
images.rar
(105.72 KiB) Downloaded 24 times
Raspberry Pi 2B - domoticz - Aeon Labs Z-Stick GEN5 - RFlink gateway
NanoPi NEO-air - domoticz - REGO6XX interface
Dashticz V2 - Homebridge

landaisbenj
Posts: 137
Joined: Wednesday 02 August 2017 18:12
Target OS: Raspberry Pi
Domoticz version: stable
Location: France
Contact:

Re: machinon theme - (work in progress)

Post by landaisbenj » Thursday 12 July 2018 15:22

And we need a dashboard preview too... the simplest as possible. Maybe like this: ?
Capture.PNG
Capture.PNG (61.88 KiB) Viewed 581 times

And plans preview too :D

In fact, we need all the visuals to have a goal way.
Platforme: Rpbi3b
Domoticz: Last stable
Bridge: RFLINK last stable

User avatar
EdddieN
Posts: 458
Joined: Wednesday 16 November 2016 12:31
Target OS: Raspberry Pi
Domoticz version: 4.9700
Location: Scotland
Contact:

Re: machinon theme - (work in progress)

Post by EdddieN » Thursday 12 July 2018 19:47

DewGew wrote:
Thursday 12 July 2018 14:51
My contribution for icons :)
Thank you! updated on github already
11101101 - www.machinon.com

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest