github.com/joni2back/angular-filemanager @1.5.1 sqlite

angular-filemanager

A very smart filemanager to manage your files in the browser developed in AngularJS with Material-Design styles by Jonas Sciangula Street

Support

This project is under free license. If you want to support the angular-filemanager development or just thank it's main maintainer by paying a beer, you can make a donation by clicking the following button

Try the DEMO

Features

• Multilanguage ( English, Chinese, Spanish, Russian, Portuguese, French, German, Slovak, Hebrew, Persan, Ukrainian, Turkish)
• Multiple templates (List / Icons)
• Multiple file upload
• Multiple file support
• Pick files callback for third parties apps
• Search files
• Directory tree navigation
• Copy, Move, Rename (Interactive UX)
• Delete, Edit, Preview, Download
• File permissions (Unix chmod style)
• Mobile support

TODO

• Drag and drop
• Dropbox and Google Drive compatibility
• Extend backend bridges (PHP, Java, Python, Node, .Net)
• Migrate jQuery to native or angular.element

Backend API

Read the docs

Use in your existing project

1) Install and use bower install --save angular-filemanager

2) Include the dependencies in your project

  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/bower_components/angular/angular.min.js"></script>
  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/bower_components/angular-translate/angular-translate.min.js"></script>
  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/bower_components/jquery/dist/jquery.min.js"></script>
  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://github.com/joni2back/angular-filemanager/raw/1.5.1/bower_components/bootswatch/paper/bootstrap.min.css" />


  <link rel="stylesheet" href="https://github.com/joni2back/angular-filemanager/raw/1.5.1/dist/angular-filemanager.min.css">
  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/dist/angular-filemanager.min.js"></script>

3) Use the angular directive in your HTML

<angular-filemanager></angular-filemanager>

Using source files instead of minified js

  <link href="https://github.com/joni2back/angular-filemanager/raw/1.5.1/dist/angular-filemanager.min.css" rel="stylesheet">
  <script src="https://github.com/joni2back/angular-filemanager/raw/1.5.1/dist/angular-filemanager.min.js"></script>

Extending the configuration file

<script type="text/javascript">
angular.module('FileManagerApp').config(['fileManagerConfigProvider', function (config) {
  var defaults = config.$get();
  config.set({
    appName: 'angular-filemanager',
    pickCallback: function(item) {
      var msg = 'Picked %s "%s" for external use'
        .replace('%s', item.type)
        .replace('%s', item.fullPath());
      window.alert(msg);
    },

    allowedActions: angular.extend(defaults.allowedActions, {
      pickFiles: true,
      pickFolders: false,
    }),
  });
}]);
</script>

Contribute

To contribute to the project you can simply fork this repo. To build a minified version, you can simply run the Gulp task gulp build. The minified/uglified files are created in the dist folder.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, angular-filemanager is maintained under the Semantic Versioning guidelines.

Copyright and license

Code and documentation released under the MIT license.