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

Improve admin screen aesthetics. #263

Merged
merged 7 commits into from
May 31, 2021
Merged

Improve admin screen aesthetics. #263

merged 7 commits into from
May 31, 2021

Conversation

jholdstock
Copy link
Member

@jholdstock jholdstock commented May 26, 2021

Various improvements to Admin screen aesthetics:

  • Use proper background color (darker gray)
  • Introduce tabbed navigation. Previously the voting wallet status and the ticket search were stacked on top of each-other, making the page very long and awkward to navigate.

Improvements to voting wallet status table:

  • Remove excess verbiage.
  • Use icons produced by design team rather than true/false and block colors.
  • Use colors from approved palette, consistent with the rest of the site.

Improve ticket info table:

  • Indent JSON for readability
  • Display fees in DCR rather than atoms
  • Block explorer link for commitment address
  • Split table into ticket, fee and voting info

Note to reviewers - send me a DM and I will give you the admin password + a ticket hash so you can test this out on https://testnet-vsp.jholdstock.uk

Previously the voting wallet status and the ticket search were stacked on top of eachother, making the page very long and awkward to navigate. This introduces tabbed navigation which allows just one to be displayed at a time.
@jholdstock
Copy link
Member Author

jholdstock commented May 28, 2021

Wallet Status Before

Screenshot from 2021-05-26 17-23-33

Wallet Status After

Screenshot from 2021-05-26 17-39-52

@jholdstock
Copy link
Member Author

jholdstock commented May 28, 2021

Ticket Info Before

Screenshot from 2021-05-28 19-32-00

Ticket Info After

Screenshot from 2021-05-28 19-31-23

@jholdstock
Copy link
Member Author

Tabs in action

tabs

@jholdstock jholdstock changed the title Improve voting wallet status aesthetics. Improve admin screen aesthetics. May 28, 2021
var indented bytes.Buffer
err := json.Indent(&indented, []byte(input), "<br/>", "&nbsp;&nbsp;&nbsp;&nbsp;")
if err != nil {
log.Errorf("Failed to indent JSON: %w", err)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avoid capitalizing the error string here.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is just a logging statement which will be printed in isolation, thus the caps. This matches the rest of the log statements in the project. Error strings on the other hand are lower-cased because they are usually printed with some proceeding context.

@jholdstock jholdstock merged commit dad662b into decred:master May 31, 2021
@jholdstock jholdstock deleted the vws branch January 25, 2022 09:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants