Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request]: UI improvements #373

Closed
7 of 8 tasks
PovilasID opened this issue Mar 30, 2024 · 6 comments · Fixed by #292, #382, #398 or #401
Closed
7 of 8 tasks

[Feature Request]: UI improvements #373

PovilasID opened this issue Mar 30, 2024 · 6 comments · Fixed by #292, #382, #398 or #401
Labels
enhancement New feature or request pinned Does not stale

Comments

@PovilasID
Copy link

PovilasID commented Mar 30, 2024

🚀 Feature Summary

Minor UI imrovements

📝 Detailed Description

  • a) Reducing horizontal margins on network view. While scaled on laptop it results in horizontal scroll bar if menu is open, so I would just ditch .sm:w-5/6 class as wrapped on it or reduce the margins to something like 9/10. A toggle for full with could be as compromise when working on desktop vs laptop people.

  • b) STASH button in the list view. Having to select 'Options' for every item I need to stash gets annoying especially after migrating a larger network to the UI with lots of old clients. Multi select could fix but it could get confusing with auth cheeks in front. Also Stach could use an inline description.

  • c) Inline/onclick IP add. my.zerotier.com having the option to just enter a specific IP and add it is very nice while testing doing subnet migration for peers and allows for fast switch back.

  • d) Mode indicators. If I select "Do Not Auto-Assign IPs" it is not visually represented in the list view. Could be an icon indicator. Same with bridging.

  • e) Visual indicator for unassigned networks. If local controlled gets a new network from CLI or API it does not show up if not assigned and some direction to could be nice.

  • f) Network ID copy button in network list view. I find it copying ids from that list then sharing. An invite button jumping to invite section for network would also be nice.

  • g) Pressing the logo should return to local controller. I am as used to that as back button.

  • e) Stupid color theme. I like how professional this tool looks but not having an option for offensive option like cyber punk or something obnoxiously gothy is just missed opportunity. Considering https://daisyui.com/theme-generator/

Let me know if any of them you agree with.

🎯 Use Case

Listed next to the point.

💡 Willing to Contribute

Yes, I could help with coding

@PovilasID PovilasID added the enhancement New feature or request label Mar 30, 2024
@sinamics
Copy link
Owner

Agree with most of these points.

b) The reason i put the stash button in option modal was to make the table more dense and to avoid the scrollbar.
I think we should add a extended table view option with or without inline buttons and ip management ect.

c, d, e) same as above.

@sinamics sinamics added the pinned Does not stale label Mar 30, 2024
@PovilasID
Copy link
Author

Then I have some time I will try to add some those changes.

Another small addition could be:

Network QR codes. There could be and extra button next to copy ID to show QR code or down my the email invite.
QR codes can be scanned in at least Android Zerotier in the app down by the network settings. It just URL QR code:
https://joinzt.com/addnetwork?nwid=NETWORK_ID&v=1 (replace NETWORK_ID with the ID)

@sinamics
Copy link
Owner

sinamics commented Apr 7, 2024

QR codes can be scanned in at least Android Zerotier in the app down by the network settings

Im also on android, but i cannot see the qr scanner?
Which version of zt are you on?

@PovilasID
Copy link
Author

QR codes can be scanned in at least Android Zerotier in the app down by the network settings

Im also on android, but i cannot see the qr scanner? Which version of zt are you on?

It is in the "Add network" view. It is not explicit that it is a button.
ver 1.12.0-5
image

@sinamics
Copy link
Owner

sinamics commented Apr 8, 2024

im on the 12.0-3 and does not have the qr button.
This is the latest version as well..

@PovilasID
Copy link
Author

im on the 12.0-3 and does not have the qr button.
This is the latest version as well..

I subscribed to beta track of the app.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request pinned Does not stale
Projects
None yet
2 participants