{"id":13616098,"url":"https://github.com/joni2back/angular-filemanager","last_synced_at":"2025-05-14T22:07:54.529Z","repository":{"id":21359925,"uuid":"24677116","full_name":"joni2back/angular-filemanager","owner":"joni2back","description":"JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)","archived":false,"fork":false,"pushed_at":"2022-09-16T02:03:19.000Z","size":9368,"stargazers_count":1761,"open_issues_count":100,"forks_count":578,"subscribers_count":122,"default_branch":"master","last_synced_at":"2025-05-13T18:07:55.903Z","etag":null,"topics":["angular","file-browser","file-explorer","file-manager","file-upload","filemanager","hacktoberfest","hacktoberfest2020","javascript","material-design"],"latest_commit_sha":null,"homepage":"https://joni2back.github.io/angular-filemanager/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joni2back.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-10-01T12:12:39.000Z","updated_at":"2025-04-24T00:39:43.000Z","dependencies_parsed_at":"2022-08-19T20:10:41.112Z","dependency_job_id":null,"html_url":"https://github.com/joni2back/angular-filemanager","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joni2back%2Fangular-filemanager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joni2back%2Fangular-filemanager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joni2back%2Fangular-filemanager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joni2back%2Fangular-filemanager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joni2back","download_url":"https://codeload.github.com/joni2back/angular-filemanager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254198510,"owners_count":22030966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","file-browser","file-explorer","file-manager","file-upload","filemanager","hacktoberfest","hacktoberfest2020","javascript","material-design"],"created_at":"2024-08-01T20:01:23.625Z","updated_at":"2025-05-14T22:07:49.503Z","avatar_url":"https://github.com/joni2back.png","language":"JavaScript","readme":"## Update Dec 2018\nHi!, I am moving the project from AngularJS to **React + Redux** [(react-filemanager)](https://github.com/joni2back/react-filemanager), it's very important for me your collaboration on my development tasks and time. Please help me to move forward with a donation by paypal :) [![Donate](https://www.paypal.com/en_GB/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=XRB7EW72PS982) \n\n---\n\n# angular-filemanager\n\nA very smart filemanager to manage your files in the browser developed in AngularJS following Material Design styles by [Jonas Sciangula Street](https://github.com/joni2back)\n\nThis project provides a web file manager interface, **allowing you to create your own backend connector** following the [connector API](API.md). \n*By the way, we provide some example backend connectors in many languages as example (php-ftp, php-local, python, etc)*\n\n[![Build Status](https://travis-ci.org/joni2back/angular-filemanager.svg?branch=master)](https://travis-ci.org/joni2back/angular-filemanager)\n\n\n#### [Try the DEMO](https://joni2back.github.io/angular-filemanager/)\n---------\n![](https://raw.githubusercontent.com/joni2back/angular-filemanager/master/screenshot.gif)\n\n### Features\n  - Multiple file support\n  - Multilanguage\n  - List and Icon view\n  - Multiple file upload\n  - Pick files callback for third parties apps\n  - Search files\n  - Directory tree navigation\n  - Copy, Move, Rename (Interactive UX)\n  - Delete, Edit, Preview, Download\n  - File permissions (Unix chmod style)\n  - Mobile support\n\n### TODO\n  - Drag and drop\n  - Dropbox and Google Drive connectors\n  - Remove usage of jQuery\n\n### Backend API\n[Read the docs](API.md)\n\n---------\n\n### Using in your existing project\n**1) Install deps using yarn with**\n```yarn install```\n\n**2) Include the dependencies in your project**\n```html\n\u003c!-- third party --\u003e\n  \u003cscript src=\"node_modules/jquery/dist/jquery.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"node_modules/angular/angular.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"node_modules/angular-translate/dist/angular-translate.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"node_modules/ng-file-upload/dist/ng-file-upload.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"node_modules/bootstrap/dist/js/bootstrap.min.js\"\u003e\u003c/script\u003e\n  \u003clink rel=\"stylesheet\" href=\"node_modules/bootswatch/paper/bootstrap.min.css\" /\u003e\n\n\u003c!-- angular-filemanager --\u003e\n  \u003clink rel=\"stylesheet\" href=\"dist/angular-filemanager.min.css\"\u003e\n  \u003cscript src=\"dist/angular-filemanager.min.js\"\u003e\u003c/script\u003e\n```\n\n**3) Use the angular directive in your HTML**\n```html\n\u003cangular-filemanager\u003e\u003c/angular-filemanager\u003e\n```\n\n---------\n\n### Extending the configuration file by adding a script\n```html\n\u003cscript type=\"text/javascript\"\u003e\nangular.module('FileManagerApp').config(['fileManagerConfigProvider', function (config) {\n  var defaults = config.$get();\n  config.set({\n    appName: 'angular-filemanager',\n    pickCallback: function(item) {\n      var msg = 'Picked %s \"%s\" for external use'\n        .replace('%s', item.type)\n        .replace('%s', item.fullPath());\n      window.alert(msg);\n    },\n\n    allowedActions: angular.extend(defaults.allowedActions, {\n      pickFiles: true,\n      pickFolders: false,\n    }),\n  });\n}]);\n\u003c/script\u003e\n```\n\n### Create a new build with your changes\n```sh\n  gulp build || node node_modules/gulp/bin/gulp.js build\n```\n\nYou can do many things by extending the configuration. Like hide the sidebar or the search button. See [the list of default configurations](/src/js/providers/config.js).\n\n---------\n\n### Contribute\nTo contribute to the project you can simply fork this repo. To build a minified version, you can simply run the Gulp\ntask `gulp build`. The minified/uglified files are created in the `dist` folder.\n\n### Versioning\nFor transparency into our release cycle and in striving to maintain backward compatibility, angular-filemanager is maintained under [the Semantic Versioning guidelines](http://semver.org/).\n\n### Copyright and license\nCode and documentation released under [the MIT license](https://github.com/joni2back/angular-filemanager/blob/master/LICENSE).\n","funding_links":["https://www.paypal.com/en_GB/i/btn/btn_donate_LG.gif","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=XRB7EW72PS982"],"categories":["JavaScript","Asset Manager"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoni2back%2Fangular-filemanager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoni2back%2Fangular-filemanager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoni2back%2Fangular-filemanager/lists"}