Files browser for 0.4

[dignifiedquire]

WARNING Hacks and bad code in here!

Currently working

• Create directories
• Navigate directories
• Preview images, markdown and raw data

Goals

•  Clean Code
•  Video previewer
•  Code highlighting on text files
•  Upload files
•  Move folders and files via drag and drop?
•  Delete files and folders
•  Folder creation inline
•  Better sorting (first folders, then files, set sort order by clicking on the header)
•  Make it look good
•  Select on click, double click to open
•  Inline rename
•  Copy?

Preview

[jbenet]

this looks amazing and i love it.

On Sun, Jan 24, 2016 at 3:31 PM Friedel Ziegelmayer <
notifications@github.com> wrote:

WARNING Hacks and bad code in here!

Currently working

• Create directories
• Navigate directories
• Preview images, markdown and raw data

Goals

• Clean Code
• Video previewer
• Upload files
• Move folders and files via drag and drop
• Delete files and folders

Preview

[image: ipfs-files-2]
https://cloud.githubusercontent.com/assets/790842/12539807/a4c31fc4-c2fa-11e5-9a61-c5e9be2d53eb.gif
[image: ipfs-files-first]

https://cloud.githubusercontent.com/assets/790842/12539809/a66e48bc-c2fa-11e5-88dd-27799891eaeb.gif

You can view, comment on, or merge this pull request online at:

#221
Commit Summary

• Start working on the files browser for 0.4

File Changes

• A app/scripts/components/files-explorer.js
  https://github.com/ipfs/webui/pull/221/files#diff-0 (65)
• M app/scripts/pages/files.js
  https://github.com/ipfs/webui/pull/221/files#diff-1 (420)
• M app/styles/app.less
  https://github.com/ipfs/webui/pull/221/files#diff-2 (2)
• M app/styles/base.less
  https://github.com/ipfs/webui/pull/221/files#diff-3 (11)
• A app/styles/components/files-explorer.less
  https://github.com/ipfs/webui/pull/221/files#diff-4 (40)
• M package.json
  https://github.com/ipfs/webui/pull/221/files#diff-5 (5)

Patch Links:

• https://github.com/ipfs/webui/pull/221.patch
• https://github.com/ipfs/webui/pull/221.diff

—
Reply to this email directly or view it on GitHub
#221.

[fazo96]

Wow this looks great!!!

Some other things I think it should have:

• publish button to publish object (or the root) via IPNS (maybe with an option to folder wrap or not)
• permalink button (it copies to clipboard or shows an IPFS link to an object)

As a way to copy files:

• duplicate button (creates a copy in the same folder)
• move (to move a file or folder) and paste (to paste it somewhere else)

Of course real file manager functionality (select multiple files, move/copy them) would be better but it would get a lot harder to make.

[RichardLitt]

Agreed that this looks awesome!

[kpcyrd]

@dignifiedquire could you test a markdown document that contains <script>alert(document.domain)</script> as inline html?

[Kubuxu]

Are you planning to use highlight.js to highlight source files and maybe detect source files?

[dignifiedquire]

@Kubuxu yes sth like that

[dignifiedquire]

Closing in favor of #229