{"id":18382526,"url":"https://github.com/dimpu/ngx-file-manager","last_synced_at":"2025-10-29T14:31:51.324Z","repository":{"id":71413498,"uuid":"154869038","full_name":"dimpu/ngx-file-manager","owner":"dimpu","description":"ngx-file-manager","archived":false,"fork":false,"pushed_at":"2018-10-30T04:54:56.000Z","size":34,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-15T23:42:15.243Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dimpu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-26T17:18:08.000Z","updated_at":"2018-10-30T04:54:58.000Z","dependencies_parsed_at":"2023-02-23T13:46:09.432Z","dependency_job_id":null,"html_url":"https://github.com/dimpu/ngx-file-manager","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fngx-file-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fngx-file-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fngx-file-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dimpu%2Fngx-file-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dimpu","download_url":"https://codeload.github.com/dimpu/ngx-file-manager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248481805,"owners_count":21111220,"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":[],"created_at":"2024-11-06T01:06:23.315Z","updated_at":"2025-10-29T14:31:51.243Z","avatar_url":"https://github.com/dimpu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgxFileManager\n\n# ngx-file-manager [![Build Status](https://travis-ci.org/dimpu/ngx-file-manager.svg?branch=develop)](https://travis-ci.org/dimpu/ngx-file-manager)\nAngular (\u003e=2) component for rich text editor Quill\n\n# Example\n[Demo Page](https://dimpu.github.io/ngx-file-manager/)\n\n\n### Installation\n\n``` bash\nnpm install @dimpu/ngx-file-manager --save\n```\n\n### Sample\n\nInclude NgxFileManagerModule in your main module:\n``` typescript\nimport { NgxFileManagerModule } from '@dimpu/ngx-file-manager';\n\n@NgModule({\n  // ...\n  imports: [\n    NgxFileManagerModule\n  ],\n  // ...\n})\nexport class AppModule {}\n```\n\nThen use it in your component:\n\n``` html\n\u003c!-- ngx-file-manager --\u003e\n\u003cngx-file-manager \n  [apiConfig]=\"apiConfig\" \n  (fileUploaded)=\"onFileUploaded($event)\" \n  (fileSelected)=\"onFileSelected($event)\"\u003e\u003c/ngx-file-manager\u003e\n\n```\n\n``` javascript\nimport { Component } from '@angular/core';\nimport { FileElement } from '@dimpu/ngx-file-manager';\n\n@Component({\n  selector: 'sample',\n  template: require('./sample.html')\n})\nexport class Sample {\n  public apiConfig: any = {\n    baseUrl: 'http://localhost:3100/api/',\n    listUrl: 'list',\n    uploadUrl: 'upload'\n  };\n  \n  onFileUploaded(file: FileElement) {\n    console.log('uploaded file object', file);\n  }\n\n  fileSelected(file: FileElement) {\n    console.log('selected file object', file);\n  }\n  \n}\n```\n\n\n### API config\n\n/api/list\n\n```json\n[{\n  basename: \"file.png\"\n  extension: \".png\"\n  isFolder: false\n  name: \"file\"\n  thumb: \"//localhost:3100/uploads/file.png\"\n},\n{\n  basename: \"file.png\"\n  extension: \".png\"\n  isFolder: false\n  name: \"file\"\n  thumb: \"//localhost:3100/uploads/file.png\"\n}]\n```\n\n/api/upload\n\nRequest Method: POST\n\nForm data\npic: (binary) \n\nResponse\n\n```json\n{\n  basename: \"file.png\"\n  extension: \".png\"\n  isFolder: false\n  name: \"file\"\n  thumb: \"//localhost:3100/uploads/file.png\"\n}\n```\n\n### Express server \nclone this repo\n\n```shell\nnpm run server.start\n````\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fngx-file-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimpu%2Fngx-file-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimpu%2Fngx-file-manager/lists"}