sillsdev / sillsdev/TheCombine

[TreeView] Add visual progress indicators to domain tiles

Open
#4,023 0 comments 1 reaction 1 assignee View on GitHub

Nobody has claimed this yet.

backend component: TreeView enhancement frontend Needs UX Design
Dominant language
TypeScript
Stars
22
Forks
10
Avg merge
2d 2h
Merged PRs (30d)
9

Description

On the center/current tile (src/components/TreeView/TreeDepiction/CurrentRow.tsx):

  • Small circle in an upper corner with a number of senses with that domain
    • Hover text: "Number of words gathered in this domain"
    • Add function to Backend\Controllers\StatisticsController.cs for getting that number

On the sibling and children tiles (src/components/TreeView/TreeDepiction/DomainTileButton.tsx):

  • Not on the parent tile (so only for Direction.Down, .Prev, .Next)
  • A thin progress bar along the bottom edge showing proportion of descendent domains that have at least one entry
    • Same color as the border
    • Empty will just look like a second line along the bottom, with a very narrow gap between it at the bottom border
    • Full will just look like a thick bottom border
    • Add function to Backend\Controllers\StatisticsController.cs for getting that proportion

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.