mirror of
https://github.com/qdm12/ddns-updater.git
synced 2026-08-02 10:38:41 -04:00
Feature request: Modern looking UI Update #340
Assignees
saavagebueno
Clear assignees
saavagebueno
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: starred/ddns-updater#340
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @AdyGCode on GitHub (Dec 31, 2023).
What's the feature? Update the UI to look more professional
Extra information?
I have spent a little while playing with DDNS-Updater and decided that I'd like to contribute to the project by creating a new UI.
As I have no familiarity with Go, I am not sure how to go about (pun intended) updating the source code and packaging a new version for release.
I have no experience with Go, but would like to contribute a modern UI to the DDNS Updater.
I've built my version of the UI using TailwindCSS and HTML5.
I still need to modify a few things, like the places where has been used (deprecated at around the time of xHTML, to change the status "pill" to use the appropriate colour. And pass the status message separately from the status.
I've started to get SVG versions of the DNS Provider Logos to include in the table, those shown are a mix of SVG and PNG/JOG/GIF embedded in SVG files. Would be good to get ONLY SVG versions so that they are in a 512x512 square SVG.
I took the liberty of creating an "empty" logo that is a green question mark.
I'm pushing my code to my fork of the Repo. It's not perfect but. good start.
I am hoping that this looks like a nice update for you to assist me with including in the application.
Thoughts from other users?
PS: my updated loGOpher ;-)
@kupernikus87 commented on GitHub (Jan 14, 2024):
Your UI Design Looks nice and very modern and fresh for my eyes. ;)
I hope it will be include in Future.
@qdm12 commented on GitHub (Jan 14, 2024):
Awesome and sorry for the big delay answering.
I'm finally back working on this repository this coming week, I'll first work on 'fixes' in the Go code
This does look like a great upgrade, I'll have a look at the code soon!
Make sure if scales okay on vertical screens (mobile) ideally 😉
@AdyGCode commented on GitHub (Jan 14, 2024):
No Problem.
That's cool.
As I said, I have no Go experience, and there are a couple of things that will need attention, such as having Go include static resources such as logos and a CSS file.
I'm a big believer in using separate files as then you get the advantage of caching in the browser.
I'll work on a version that does not use tables, but flex/grid layout and that will then easily handle mobile.
The horizontal can go to vertical card style, and if people want it, we could also produce a card style for the main UI.
Ady
@qdm12 commented on GitHub (Feb 3, 2024):
Where's the code 😄?
The problem is the ui is served using the Go templating engine. We can however probably adapt it to work with your Tailwind code (as long as it's not tinified etc.). There is no API server to communicate data with the server for the time being (will work on this at some point soon, long overdued).
Maybe, but in this case we should really not care 😄
@qdm12 commented on GitHub (Jun 15, 2024):
UI got reworked in
b70a91582cYou can fork the repo and modify the index.html template
internal/server/ui/index.htmlas well as add files to theinternal/server/ui/staticdirectory.