Ng-file-manager NPM

Angular File Manager

A file manager for Angular which will feature:
- Router Support
- Angular Material design UI/UX
- Easy file picker dialog (pluggable to TinyMCE etc...)
- Swappable API connectors
  - In-memory connector for testing & getting started quickly
  - REST connector for the out-of-the-box Express app/middleware: ng-file-manager-express
  - Write your own? Toss me a message at Gitter if you need help!
- Multiple root directories (eg. private/personal, public, etc.)
- Localization
- Customizability powered by Angular Material Theming
- More ...
On the ToDo-list:
- More connectors - popular cloud storages etc.
- Better documentation, tutorials, examples

WIP

Things may change a bit on the NgfmConnector side if you want to make your own connectors, but other than that you could probably already pop this into an app.

Demo: https://funkizer.github.io

Get Started

If you don't have an Angular project, create one by running ng new my-project.
Say npm install ng-file-manager --save in your project's root folder.
Follow the guide at https://material.angular.io for installing Angular Material and a theme. TODO: I may come back to this later and say it's not necessary unless you want to add a custom theme, needs further investigation.
Provide an NgfmConnector in your AppModule. If you use the built-in REST connector, provide also the configuration for it. While developing and using ng serve, provide a full absolute URL (using environment would be more ideal than this example).
If you do not provide a connector, NgfmMemoryConnector will be used and everything will just work, in memory.

// Your AppModule
import NgfmRestConnector from 'ngfm-file-browser';
// @NgModule
providers: [
    {
      provide: NGFM_REST_CONFIG, useValue: new NgfmRestConfig({
        baseUrl: 'http://localhost:3000/files'
      })
    },
    { provide: NGFM_CONNECTOR, useClass: NgfmRestConnector },
  ]