ipfs-gui icon indicating copy to clipboard operation
ipfs-gui copied to clipboard

Desktop/WebUI Files page design enhancements

Open ericronne opened this issue 6 years ago • 4 comments

A few modifications For Your Consideration …

  • Add "ipfs/" to the front end of the file name, to clarify the relationship to the ipfs universe (grayed out, since it isn't clickable), and include the utiity "ellipsis button"
  • Show the current CID below the file name (or home)
  • Where applicable, refresh the CID with a quick fade-out / fade-in animation whenever it changes, to reinforce its ephemeral nature (see storyboard image below)
  • Create a callout which summarizes "Your IPFS contributions," and fold the "Add" button into it
  • For those who are confused that a file or folder added via command line doesn't appear in the file list, add a helpful utility at the bottom which prompts the user to add it to their local MFS instance (feel free to rewrite if my wording is inaccurate)

image

image

image

Discuss! 🐰

ericronne avatar May 14 '19 21:05 ericronne

Hey @ericronne! Thanks for the designs 😃 As per https://github.com/ipfs-shipyard/ipfs-webui/pull/1027, we will support navigating three namespaces:

  1. /ipfs
  2. /ipns
  3. /mfs or /home (we should get a good end-user-name for MFS here)

With that in mind, I don't think we should prepend all paths with /ipfs, but only the ones that actually belong to /ipfs.

One more thing: what happens when the path is too long and doesn't fit the space we have? Right now we have the entire horizontal space, but here we're cutting it down. Perhaps we could make 'Your IPFS contributions' an entire bar on the top.

Also, since we're going to be able to navigate to /ipns and /ipfs URLs, we'll need some way to get back to /home/MFS.

I like the idea of always showing the CID.

I'd have perhaps thought about something more along this lines:

image

One more question: what should we show where the 'Add' button is on single files? That button only applies to directories inside MFS. It will also need to be hidden on /ipns and /ipfs namespaces.

hacdias avatar Jun 10 '19 10:06 hacdias

@ericronne could you send me the 'new folder' icon?

hacdias avatar Jun 25 '19 11:06 hacdias

Sorry for the big delay; team week, camp (and sigh, life) pulled me away. I don't think that i understand the space well enough to modify the interface. Would love to have a walkthrough from you when time permits. Haven't seen you since Lisbon! 🤗

"New" folder svg

ericronne avatar Jun 27 '19 18:06 ericronne

Thanks for the icon @ericronne! Yeah, I couldn't go to the team week, nor to IPFS Camp unfortunately. We can talk a bit better about the interface yes, it would be good.

hacdias avatar Jun 30 '19 13:06 hacdias