1.2.1

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.1] - 2020-06-29
+
+### Added
+- Cancel uploading request.
+- XHR request instead of http client request because when unsubscribing the uploading event it was not cancelling the uploading request.
+
 ## [1.2.0] - 2020-06-23
 
 ### Fixed
@@ -62,6 +68,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Added File select directive
 - Uploading files in a single request
 
+[1.2.1]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.2.0...1.2.1
 [1.2.0]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.7...1.2.0
 [1.1.7]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.5...1.1.7
 [1.1.5]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.4...1.1.5

README.md

@@ -7,10 +7,12 @@ Angular 9 File Uploader Directive which provides two directives, which are selec
 Facilities provided by this directives:
 
 - Upload all selected files in a single request.
-- Only allow such type to upload settings (Ex. jpg, png, txt, pdf).
-- Maximum file upload size settings.
 - Single file in single request.
 - Multiple files in single request.
+- Multiple files in multiple request (as configured).
+- Cancel ongoing requests.
+- Only allow such type to upload settings (Ex. jpg, png, txt, pdf).
+- Maximum file upload size settings.
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.10.
 
@@ -96,7 +98,6 @@ export interface ISelectedFile {
     selectedEventType: 'DROP' | 'SELECT'; // Type of selection of file.
     progress?: IUploadProgress; // File upload Progress.
     nativeFile?: File; // Native File.
-    formData?: FormData; // Form data to upload with file.
     response?: any; // Response for the selected file.
 }
 
@@ -361,10 +362,6 @@ npm install
 npm start
 ```
 
-## Future plans
-
-- Cancel uploading files request.
-
 ## Changelog
 
 [Changelog](https://github.com/jayprajapati857/ngx-uploader-directive/blob/master/CHANGELOG.md)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-uploader-directive",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Angular 9 File Uploader Directive which provides two directives, which are select and file drag and drop to upload files on server.",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng build ngx-uploader-directive-lib && npm install && ng serve --open",
-    "dev": "ng build ngx-uploader-directive-lib && ng serve",
+    "dev": "ng build ngx-uploader-directive-lib && ng serve --port 4300",
     "build:lib": "ng build ngx-uploader-directive-lib",
     "test": "ng test",
     "lint": "ng lint",

projects/ngx-uploader-directive/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.1] - 2020-06-29
+
+### Added
+- Cancel uploading request.
+- XHR request instead of http client request because when unsubscribing the uploading event it was not cancelling the uploading request.
+
 ## [1.2.0] - 2020-06-23
 
 ### Fixed
@@ -62,6 +68,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Added File select directive
 - Uploading files in a single request
 
+[1.2.1]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.2.0...1.2.1
 [1.2.0]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.7...1.2.0
 [1.1.7]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.5...1.1.7
 [1.1.5]: https://github.com/jayprajapati857/ngx-uploader-directive/compare/1.1.4...1.1.5

projects/ngx-uploader-directive/README.md

@@ -7,10 +7,12 @@ Angular 9 File Uploader Directive which provides two directives, which are selec
 Facilities provided by this directives:
 
 - Upload all selected files in a single request.
-- Only allow such type to upload settings (Ex. jpg, png, txt, pdf).
-- Maximum file upload size settings.
 - Single file in single request.
 - Multiple files in single request.
+- Multiple files in multiple request (as configured).
+- Cancel ongoing requests.
+- Only allow such type to upload settings (Ex. jpg, png, txt, pdf).
+- Maximum file upload size settings.
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.10.
 
@@ -96,7 +98,6 @@ export interface ISelectedFile {
     selectedEventType: 'DROP' | 'SELECT'; // Type of selection of file.
     progress?: IUploadProgress; // File upload Progress.
     nativeFile?: File; // Native File.
-    formData?: FormData; // Form data to upload with file.
     response?: any; // Response for the selected file.
 }
 
@@ -361,10 +362,6 @@ npm install
 npm start
 ```
 
-## Future plans
-
-- Cancel uploading files request.
-
 ## Changelog
 
 [Changelog](https://github.com/jayprajapati857/ngx-uploader-directive/blob/master/CHANGELOG.md)

projects/ngx-uploader-directive/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-uploader-directive",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Angular 9 File Uploader Directive which provides two directives, which are select and file drag and drop to upload files on server.",
   "repository": {
     "type": "git",

projects/ngx-uploader-directive/src/lib/configs/config.ts

@@ -1,3 +1,3 @@
 export const environment = {
-    production: true
+    production: false
 };

projects/ngx-uploader-directive/src/lib/directives/ngx-uploader-drop.directive.ts

@@ -27,7 +27,7 @@ import { Directive, Input, EventEmitter, Output, ElementRef, HostListener } from
 import { IUploadOptions, IUploadInput, IUploadOutput } from '../models/ngx-uploader-directive-models';
 import { Subscription } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
-import { NgxUploaderDirectiveService } from '../ngx-uploader-directive.service';
+import { NgxUploaderDirectiveService } from '../services/ngx-uploader-directive.service';
 import { environment } from '../configs/config';
 
 @Directive({

projects/ngx-uploader-directive/src/lib/directives/ngx-uploader-select.directive.ts

@@ -27,7 +27,7 @@ import { Directive, Input, EventEmitter, Output, ElementRef } from '@angular/cor
 import { IUploadOptions, IUploadInput, IUploadOutput } from '../models/ngx-uploader-directive-models';
 import { Subscription } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
-import { NgxUploaderDirectiveService } from '../ngx-uploader-directive.service';
+import { NgxUploaderDirectiveService } from '../services/ngx-uploader-directive.service';
 import { environment } from '../configs/config';
 
 @Directive({
@@ -74,10 +74,6 @@ export class NgxUploaderSelectDirective {
     this.subscriptions.push(
       this.uploadService.fileServiceEvents.subscribe((event: IUploadOutput) => {
         if (event.fileSelectedEventType === 'SELECT' || event.fileSelectedEventType === 'ALL') {
-          if (this.options.logs && this.devEnv) {
-            console.info('Output select event', event);
-          }
-
           if (event.type === 'error' || event.type === 'removedAll') {
             this.element.files = null;
             this.element.value = '';
@@ -111,9 +107,6 @@ export class NgxUploaderSelectDirective {
 
   fileListener = () => {
     // tslint:disable-next-line: no-console
-    if (this.options.logs && this.devEnv) {
-      console.info('File changes', this.element.files);
-    }
     if (this.element.files) {
       // call service method to handle selected files
       this.uploadService.handleSelectedFiles(this.element.files, 'SELECT');

projects/ngx-uploader-directive/src/lib/models/ngx-uploader-directive-models.ts

@@ -46,7 +46,6 @@ export interface ISelectedFile {
     selectedEventType: 'DROP' | 'SELECT'; // Type of selection of file.
     progress?: IUploadProgress; // File upload Progress.
     nativeFile?: File; // Native File.
-    formData?: FormData; // Form data to upload with file.
     response?: any; // Response for the selected file.
 }