An open API service indexing awesome lists of open source software.

https://github.com/dhtmlx/angular-vault-demo

Angular file upload library demo by DHTMLX
https://github.com/dhtmlx/angular-vault-demo

angular angularjs dhtmlx dhtmlx-demo file-upload file-uploader uploader vault

Last synced: 11 months ago
JSON representation

Angular file upload library demo by DHTMLX

Awesome Lists containing this project

README

          

# DHTMLX Vault with Angular Demo

[![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/)

[How to start](#how-to-start) | [Key features](#key-features) | [License](#license) | [Useful links](#links) | [Other examples](#examples) | [Join our online community](#join)

The DHTMLX [JavaScript file upload library](https://dhtmlx.com/docs/products/dhtmlxVault/) allows building a user-friendly client-side tool for uploading
and managing various file types intuitively. The widget includes manual and auto file upload, filtering, and sorting. You can customize its look and feel by adding custom templates or configurable built-in themes.


## How to start

### Online

[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/DHTMLX/angular-vault-demo)

**Please note**, having clicked on this button, you open the **online demo. Don't worry about paying extra!** With GitHub's free plan, [you get 15 GB of storage and 120 hours of Codespaces use each month](https://docs.github.com/en/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces#monthly-included-storage-and-core-hours-for-personal-accounts). This is more than enough to run our demo without any extra costs.

### On the local host

Clone the repository or download files.

```
yarn
yarn start
```

or

```
npm install
npm run start
```


## DHTMLX Vault key features

- Rich JavaScript API
- File drag-and-drop
- Multiple file selection
- Filtering & sorting
- Auto and manual file upload
- Cancellable file upload
- Inline editing
- Real-time progress bar indicator
- Custom upload restrictions
- Grid & list modes
- Layout, toolbar & progress bar customization
- Built-in themes
- Custom templates for elements
- Localization
- Flexible integration with any back-end technology


## License ##
This demo is available under the Evaluation license. To use it in your projects, please choose a proper license on the DHTMLX website: [https://dhtmlx.com/docs/products/licenses.shtml](https://dhtmlx.com/docs/products/licenses.shtml)


## Useful links

- [More demos about the DHTMLX Vault functionality](https://snippet.dhtmlx.com/26x2jra2?tag=vault)
- [A step-by-step guide about Vault and Angular integration](https://docs.dhtmlx.com/vault/angular_integration.html)
- [Technical support ](https://forum.dhtmlx.com/c/vault)
- [Documentation](https://docs.dhtmlx.com/vault)


## Other examples

Check out examples of using DHTMLX Vault with other technologies:

| JavaScript | React | Vue | Svelte
| ----- | ----- | ----- | ----- |
| [![javascript](https://dhtmlx.com/images/common/technologies/js.svg)](https://dhtmlx.com/docs/products/dhtmlxVault/) | [![react](https://dhtmlx.com/images/common/technologies/react.svg)](https://dhtmlx.com/docs/products/dhtmlxVault-for-React/) | [![vue](https://dhtmlx.com/images/common/technologies/vue.svg)](https://dhtmlx.com/docs/products/dhtmlxVault-for-Vue/) | [![svelte](https://dhtmlx.com/images/common/technologies/svelte.svg)](https://github.com/plazarev/svelte-vault-demo) |


## Join our online community

- Star our GitHub repo :star:
- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :tv:
- Read us on [Medium](https://dhtmlx.medium.com) :newspaper:
- Follow us on [X](https://x.com/dhtmlx) :bird:
- Check our news and updates on [Facebook](https://www.facebook.com/dhtmlx/) :feet: