progtarek / angular-drag-n-drop-directive Goto Github PK

Angular Drag and Drop directive example with uploading progess

JavaScript 10.96% TypeScript 66.38% HTML 7.55% SCSS 15.10%

angular-drag-n-drop-directive's Introduction

Dnd

This project was generated with Angular CLI version 8.3.13.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

angular-drag-n-drop-directive's People

Contributors

Stargazers

Watchers

Forkers

harivarsh vvyycc agamrjain raulmn mterki kchaengsiri danijelamilanko monkeydluffyrepo eliegkassouf khemagarwal mpmazim prabhjeet6 heniu75 hmmaros zhendeng rockdriven nachorv mjakowiec wadigzon ggpeti bhormilind edsonjmv aijason98 munguua vitrovyi adeeltareen mikeruano3 yilool zanul-siddiqui-au3 natanlf lulucraft rincyphilip ilakya89 jihadelsayed vjsooft balaji42239087 frivas0708 timzehr habeeb142 rinzzz iammichelledzvokora bolante93 davidsousa55 anuragmadrewar theakito vinoth-kumar-esthaki shashijava chinhvo mouna0404 gritbranch biinbelllo yashsrivmonsoon nicolencinas gemins jretiwh weetech bradleybmurray swagatkoirala sanketh5 mayank766 vedant20021997 leirbagonerom xander-mx fercreaxis johank-statustechhub sunil-smarthealth otchokhani fdotorresiles kromoxpro rodolphoalves stevefarwell odra99 skinnersp hillaoui lawaldare an3randr0s makhele kosmokry d50000 eggbeard sergiiyurko fireball787b dashplaygrounds mandydonkervoort ryszardszwajlik rahulgayen eedadchara faresboubenider mohamedraguig m3ns1 sgi7 ferneypenar dincaradu oskarkozaczka gagan148 chanhw maxchiu jweibull boisaulit e-honore

angular-drag-n-drop-directive's Issues

Parameter 'evt' implicitly has an 'any' type error

In dnd.directive.ts these line throw the error: Parameter 'evt' implicitly has an 'any' type.

@HostListener('dragover', ['$event']) onDragOver(evt) {

@HostListener('dragleave', ['$event']) public onDragLeave(evt) {

@HostListener('drop', ['$event']) public ondrop(evt) {

actual upload functionality?

I found this on medium and it was helpful to get things set up and get myself oriented with the angular way of doing things.
However, I wish there was some simple way to finish and amend the project to show an actual upload to an endpoint instead of the mock upload.

Any chance of that happening?

Trying to upload toward server

I am trying to upload a real file toward a server. I cannot find a way to setup the a configuration with an IP.

Shake functionality does not work.

Shake functionality is not working on either stackblitz or on the github code.

Support for Add and remove input & file upload fields dynamically

Hi Team,

I'm using this library for single file and its working fine.

But I'm having requirements add & remove input & file upload fields dynamically.

So this case this library will support this dynamic functionality file uploads in single same form. Below code I've used it but if I upload dynamic first add more section it updating all appDnd form fields also.

How to deal with this case and let me know the solution will be helpful.

<div class="col-4 align-items-center" (fileDropped)="onFileDropped($event, i)" appDnd>

How I can restrict the file extension?

Hello!