ng2-file-drop api change (discussion) #3

New Issue

2015-11-15T21:51:58Z

hlobil commented

2015-11-15 21:51:58 +00:00

(Migrated from github.com)

Use case: simplify onDragOver highlighting

<div ng2-file-drop
        [ng-class]="{'nv-file-over': hasBaseDropZoneOver}"
        file-over)="fileOverBase($event)"
        [uploader]="uploader"
        class="my-drop-zone">

could be changed to

   /* default style applied to drop zones on over */
.ng2-drop-zone-dragover {
  border: dashed 3px green;
}

<div ng2-file-drop
        [uploader]="uploader"
        class="my-drop-zone">


@Directive({
  selector: '[ng2-file-drop]',
  host: {
    ...
    '[class.ng2-drop-zone-dragover]': 'isFileOver',
  }
})
export class FileDrop {
...

onDrop(event:DragEvent):void {
  ...
  this.isFileOver = false;
}

##### Use case: simplify onDragOver highlighting ``` html <div ng2-file-drop [ng-class]="{'nv-file-over': hasBaseDropZoneOver}" file-over)="fileOverBase($event)" [uploader]="uploader" class="my-drop-zone"> ``` ##### could be changed to ``` css /* default style applied to drop zones on over */ .ng2-drop-zone-dragover { border: dashed 3px green; } ``` ``` html <div ng2-file-drop [uploader]="uploader" class="my-drop-zone"> ``` ``` javascript @Directive({ selector: '[ng2-file-drop]', host: { ... '[class.ng2-drop-zone-dragover]': 'isFileOver', } }) export class FileDrop { ... onDrop(event:DragEvent):void { ... this.isFileOver = false; } ```

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#3