first commit

src/app/content/pages/dropzone/dropzone.component.ts

@@ -0,0 +1,60 @@
+import { Component, OnInit } from '@angular/core';
+import { NgBlockUI, BlockUI } from 'ng-block-ui';
+@Component({
+    selector: 'app-dropzone',
+    templateUrl: './dropzone.component.html',
+    styleUrls: ['./dropzone.component.css']
+})
+export class DropzoneComponent implements OnInit {
+    public breadcrumb: any;
+    @BlockUI('dropzoneGallery') blockUIDropzone: NgBlockUI;
+    constructor() { }
+    ngOnInit(): void {
+        this.breadcrumb = {
+       'mainlabel': 'Dropzone',
+       'links': [
+       {
+        'name': 'Home',
+        'isLink': true,
+        'link': '/dashboard/sales'
+        },
+        {
+                'name': 'Page',
+                'isLink': true,
+                'link': ''
+            },
+              {
+                'name': 'Dropzone',
+                'isLink': false
+             }
+            ]
+        };
+    }
+    options = {
+      close: true,
+      expand: true,
+      minimize: true,
+      reload: true
+    };
+    files: File[] = [];
+    SelectMultipleFile(event) {
+        this.files.push(...event.addedFiles);
+    }
+     file: any;
+      SelectSingleFile(event) {
+        this.file = event.addedFiles;
+    }
+    MultiplefilesonRemove(event) {
+      this.files.splice(this.files.indexOf(event), 1);
+    }
+    SinglefileonRemove(event) {
+      this.file.splice(this.files.indexOf(event), 1);
+    }
+    reloadDorpzone() {
+      this.blockUIDropzone.start('Loading..');
+  
+      setTimeout(() => {
+        this.blockUIDropzone.stop();
+      }, 2500);
+    }
+}