Cleaner activation with Angular directives

This commit is contained in:
Michael Shamoon
2022-03-11 14:21:18 -08:00
parent 3acc65ca0d
commit 7562636151
3 changed files with 39 additions and 40 deletions

View File

@@ -3,9 +3,11 @@
<ngx-file-drop dropZoneClassName="main-dropzone" contentClassName="main-content" [disabled]="!dragDropEnabled"
(onFileDrop)="dropped($event)" (onFileOver)="fileOver()" (onFileLeave)="fileLeave()">
<ng-template ngx-file-drop-content-tmp>
<div class="global-dropzone-overlay">
<h1 class="display-6">Drop files to begin upload</h1>
<div class="global-dropzone-overlay fade" [class.show]="fileIsOver" [class.hide]="hidden">
<h2>Drop files to begin upload</h2>
</div>
<div [class.inert]="fileIsOver">
<router-outlet></router-outlet>
</div>
<router-outlet></router-outlet>
</ng-template>
</ngx-file-drop>
</ngx-file-drop>