opuscapita / filemanager Goto Github PK

(Google Drive at the screenshot top)

Requested by @asergeev-sc

Basic implementation should include:

• browsing: list files, go to folder, location bar(links)
• upload file(s)
• download files(s)
• delete file(s)
• create folder

• Implement locale property for FileManager and FileNavigator components. Take a look at a similar example

• Create a file translations.js for connector-node-v1 and connector-google-drive-v2. If we'll have a lot of translations, we'll split these files to the separate files (per locale).

• Add locale property to the FileNavigator documentation file with a link to the file with available translations for each of connectors.

Please don't use https://github.com/OpusCapita/i18n

Case 1:

1. Open file manager in IE11;
2. highlight some file right mouse click;
3. click on 'Download' item in pop menu;
   Result: file is not downloaded.

Case 2:

1. Open file manager in IE11;
2. highlight some file right mouse click;
3. click on 'Upload' item in pop menu;
4. select some single file on computer;
5. reload page with file manager.
   Result: new file is not uploaded in file manager.

Needs to implement FileManager-scoped notifications for events to indicate "Zip archive creation progress", "File upload progress", etc.

Document Node.js API

This component needs to implement Move to, Copy to and other file operations required to choose destination path.

Similar component from Dropbox (tree only):

I didn't found a good way to pass environment variables to RAML file. Therefore baseUri variable pass to RAML from shell $SERVER_URL env variable using sed.

"build-api-docs": "rm -rf api-docs.tmp && mkdir -p api-docs.tmp/source api-docs.tmp/docs && cp -r docs/api-docs api-docs.tmp/source && sed -i s@__env__baseURI__@$SERVER_URL@g api-docs.tmp/source/api-docs/main.raml && raml2html api-docs.tmp/source/api-docs/main.raml > api-docs.tmp/docs/index.html"

It works OK, but if exists a better way to do it, it would be fine to refactor this code.

1. Open file manager;
2. highlight some file right mouse click;
3. click on 'Upload' item in pop menu;
4. select some single file on computer;
5. reload page;
6. highlight some file right mouse click;
7. click on 'Upload' item in pop menu;
8. select same file which was uploaded;
9. reload page with file manager.
   Result: two files wit same names are displayed in file manager.
   Expected result: validation message about existing file with same name in current folder appears or uploaded file has changed name (for example numberic index is added in right part of file name).

Fabric version should include:

• get file(s) list
• download file(s)
• upload(create) files(s) / create folder
• delete file(s)

• Ensure in correct layout
• Ensure in correct behavior. Broken "drag-and-drop" for touch devices is allowed.

Required for [email protected] support
Can be done easilly using https://github.com/reactjs/react-codemod

FileManager component is a container for FileNavigator components.

It should also render Toolbar formed by current selected FileNavigator instance.

If two FileNavigators passed as "children" property, it should render split view (later).
Also it should have a left side bar for "places", and TreeView (later).

Context menu items list should be different depends on context where context-menu called.

Example:

• "Download", "Delete" and "Rename" should be available for "row" and not for "files-view"
• "New folder", "Upload" should be available for "files-view" and not for "row"

Add bottom padding for files view (now only for ListView).

It should help to easier distinguish a folder and simple file.

Requested by @apechenko-sc