tweedegolf/file-bundle

This package is abandoned and no longer maintained. No replacement package was suggested.

File and image manager for Symfony 3 projects

v1.0.1 2018-01-25 21:20 UTC

Requires

• php: >=5.6.0
• doctrine/doctrine-bundle: ^1.6
• doctrine/orm: ^2.5
• liip/imagine-bundle: ^1.5
• oneup/flysystem-bundle: ^1.2|^2.0
• sensio/framework-extra-bundle: ^3.0|^4.0|^5.0
• stof/doctrine-extensions-bundle: ^1.2
• symfony/form: ^3.0
• symfony/symfony: ^3.0
• vich/uploader-bundle: ^1.0

MIT

• Marlon Baeten

README

Add a compact, modern and full-featured file browser to your Symfony 3 projects

Asset requirements

The following nodejs libraries are required.

• react
• react-dom
• lodash
• superagent

The SCSS stylesheet that is provided words as an extension of the Bootstrap 3 framework. The Bootstrap javascript components are not required.

Architecture

The gross of the code in this bundle resides in Resources/js/file-bundle ans is written in ECMAscript 6 / JSX. The diagram below depicts the architecture of the react components in place.

+------------------------------+   +-----------------+
|Browser                       |   |                 |
|                              |   | Cache           |
| +-------------------------+  +<->+                 |
| |Selected files           |  |   |                 |
| +-------------------------+  |   |                 |
|                              |   +-------+---------+
| +--------------------------+ |           ^
| |                          | |           |
| | +---------------------+  | |           v
| | |Toolbar / Errors     |  | |   +-------+---------+
| | +---------------------+  | |   |                 |
| |                          | |   | Api             |
| | +---------------------+  | |   |                 |
| | |List                 |  | |   |                 |
| | |                     |  | |   +-----------------+
| | | +----------------+  |  | |
| | | |File / Folder   |  |  | |
| | | +----------------+  |  | |
| | +---------------------+  | |
| |                          | |
| +--------------------------+ |
|                              |
+------------------------------+

De browser react component contains all state en propagates this state to the subcomponents. The file and directory information is stored in the cache module - which will query the php backend when new folders are opened.

The selected files component is used when this plugin is used iin a form, than the files can be selected. When the browser operated as a separate file manager clicking on a file means selecting it to, for example, put it on the pasteboard.

The table of files can be sorted by clicking on the table headers.

Compilation

sass -t compressed Resources/scss/file-bundle.scss Resources/public/file-bundle.css
babel Resources/js/file-bundle/ --out-file Resources/public/file-bundle.js --presets=es2015,react --minified