Skip to content
This repository has been archived by the owner on Mar 22, 2022. It is now read-only.

[BOUNTY] Directory page UI improvements #37

Closed
jessicaschilling opened this issue Jun 23, 2020 · 3 comments · Fixed by #38
Closed

[BOUNTY] Directory page UI improvements #37

jessicaschilling opened this issue Jun 23, 2020 · 3 comments · Fixed by #38
Assignees
@neatonk
Labels
bounty Has bounty! See https://github.com/ipfs/devgrants/projects/1 dif/easy Someone with a little familiarity can pick up effort/hours Estimated to take one or several hours good first issue Good issue for new contributors help wanted Seeking public contribution on this issue kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up status/ready Ready to be worked topic/design-front-end Front-end implementation of UX/UI work

Comments

@jessicaschilling
Copy link
Contributor

jessicaschilling commented Jun 23, 2020 •
edited
Loading

This issue has a bounty!

Successfully closing this issue by producing a production-ready PR can earn you not only the undying love of the IPFS community — it can net you a financial reward. See the current list of bounty issues and their values here.

The need in brief

We've had a handful of dir-index-html display requests lurking for a while that could benefit from being addressed together. These are each minor, but in total make the overall directory page UX substantially better.

Deliverable

To earn this bounty, please submit a PR that successfully solves for the following requirements, and documents them using screenshots from the test content.

EDIT 13 JULY 2020: Please also submit whatever upstream changes in go-ipfs must be made in order to enable this end result.

The original requests were each in their own issues -- including them here for context.

  1. Add CID column (original issue)
    [ ] Add a column for CIDs between the name column and the size column
    [ ] The column should be responsive, truncating as needed by replacing characters from the middle of the CID with ellipses "..."
    [ ] CIDs should be clickable links that open the item as a new "root path" (note this also enables users to copy direct links to images or subdirectories)

  2. Display viewed directory's size (original issue)
    [ ] Add the size of the current directory to the header of the table (mockup)
    [ ] Make sure the display behaves well at all responsive widths

  3. Make path components into links (original issue)
    [ ] In table headers, make any components of the path displayed after "Index of" into individual links (i.e. any segments between directory slashes will go to that level of the directory tree)
@jessicaschilling jessicaschilling added kind/enhancement A net-new feature or improvement to an existing feature help wanted Seeking public contribution on this issue dif/easy Someone with a little familiarity can pick up P2 Medium: Good to have, but can wait until someone steps up good first issue Good issue for new contributors topic/design-front-end Front-end implementation of UX/UI work effort/hours Estimated to take one or several hours status/ready Ready to be worked bounty Has bounty! See https://github.com/ipfs/devgrants/projects/1 labels Jun 23, 2020
This was referenced Jun 23, 2020
Closed
Closed
Closed
@neatonk
Copy link
Contributor

neatonk commented Jul 1, 2020

Hello, I would like to work on this bounty. Thanks!

@jessicaschilling
Copy link
Contributor Author

Hi @neatonk -- just assigned you! Let me know if you have any troubles.

@neatonk
Copy link
Contributor

neatonk commented Jul 3, 2020

I’ve implemented the changes described above on my fork. I’m planning to clean it up a bit and make a PR with screenshots on Monday night. Have a nice weekend!

https://github.com/neatonk/dir-index-html

@neatonk neatonk mentioned this issue Jul 7, 2020
Merged
neatonk pushed a commit to neatonk/go-ipfs that referenced this issue Jul 12, 2020
feat: Directory page UI improvements
2327777 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
neatonk pushed a commit to neatonk/go-ipfs that referenced this issue Jul 15, 2020
feat: Directory page UI improvements
be143cf 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
neatonk pushed a commit to neatonk/go-ipfs that referenced this issue Jul 18, 2020
feat: Directory page UI improvements
e717f72 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit gateway URL for root links
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
neatonk pushed a commit to neatonk/go-ipfs that referenced this issue Jul 23, 2020
feat: Directory page UI improvements
c2246e4 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit gateway URL for root links
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
@neatonk neatonk mentioned this issue Jul 23, 2020
Merged
lidel pushed a commit to neatonk/go-ipfs that referenced this issue Aug 19, 2020
@lidel
feat: Directory page UI improvements
942db8a 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit gateway URL for root links
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
aschmahmann pushed a commit to neatonk/go-ipfs that referenced this issue Aug 20, 2020
@aschmahmann
feat: Directory page UI improvements
044790a 
These changes are needed to prepare for the Directory page UI improvements
implemented in ipfs/dir-index-html#37.

- update dir-index-html type structs
- emit gateway URL for root links
- emit CID of each directoryItem
- emit size of directory
- emit breadcrumbs
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@neatonk neatonk

Labels
bounty Has bounty! See https://github.com/ipfs/devgrants/projects/1 dif/easy Someone with a little familiarity can pick up effort/hours Estimated to take one or several hours good first issue Good issue for new contributors help wanted Seeking public contribution on this issue kind/enhancement A net-new feature or improvement to an existing feature P2 Medium: Good to have, but can wait until someone steps up status/ready Ready to be worked topic/design-front-end Front-end implementation of UX/UI work
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[BOUNTY] Directory page UI improvements neatonk/dir-index-html
2 participants
@neatonk @jessicaschilling