Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@jayprajapati857
jayprajapati857 committed May 3, 2020
1 parent a0bc53f commit c6410b6
Showing 1 changed file with 128 additions and 128 deletions.
256 changes: 128 additions & 128 deletions projects/ngx-uploader-directive/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,141 +168,141 @@ import { Component, EventEmitter } from '@angular/core';
import { IUploadOptions, ISelectedFile, IUploadInput, IUploadOutput } from 'ngx-uploader-directive';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})

export class AppComponent {
title = 'ngx-uploader-directive';
options: IUploadOptions;
formData: FormData;
files: Array<ISelectedFile>;
uploadInput: EventEmitter<IUploadInput>;
dragOver: boolean;
uploadUrl = 'upload url';

/**
* Default Constructor
*/
constructor() {
this.options = { requestConcurrency: 1, maxFilesToAddInSingleRequest: 10, maxFileUploads: 5, maxFileSize: 1000000, logs: true };
this.files = new Array<ISelectedFile>();
this.uploadInput = new EventEmitter<IUploadInput>();
this.formData = new FormData();
}

/**
* Upload output events.
* @param output IUploadOutput Model on output.
*/
onUploadOutput(output: IUploadOutput): void {
console.log(output);
switch(output.type) {
case 'init':
this.files = new Array<ISelectedFile>();
break;
case 'allAddedToQueue':
// uncomment this if you want to auto upload files when added
// this.startUpload();
break;
case 'addedToQueue':
this.files = this.files.concat(output.files);
console.log(this.files);
break;
case 'start':
// uploading start
break;
case 'uploading':
this.files = this.updateFiles(this.files, output.files, 'UPDATE');
console.log(this.files);
break;
case 'removed':
this.files = this.updateFiles(this.files, output.files, 'REMOVE');
console.log(this.files);
break;
case 'dragOver':
this.dragOver = true;
break;
case 'dragOut':
case 'drop':
this.dragOver = false;
break;
case 'done':
// The files are uploaded
this.files = this.updateFiles(this.files, output.files, 'UPDATE');
console.log(this.files);
break;
}
title = 'ngx-uploader-directive';
options: IUploadOptions;
formData: FormData;
files: Array<ISelectedFile>;
uploadInput: EventEmitter<IUploadInput>;
dragOver: boolean;
uploadUrl = 'upload url';

/**
* Default Constructor
*/
constructor() {
this.options = { requestConcurrency: 1, maxFilesToAddInSingleRequest: 10, maxFileUploads: 5, maxFileSize: 1000000, logs: true };
this.files = new Array<ISelectedFile>();
this.uploadInput = new EventEmitter<IUploadInput>();
this.formData = new FormData();
}

/**
* Upload output events.
* @param output IUploadOutput Model on output.
*/
onUploadOutput(output: IUploadOutput): void {
console.log(output);
switch (output.type) {
case 'init':
this.files = new Array<ISelectedFile>();
break;
case 'allAddedToQueue':
// uncomment this if you want to auto upload files when added
// this.startUpload();
break;
case 'addedToQueue':
this.files = this.files.concat(output.files);
console.log(this.files);
break;
case 'start':
// uploading start
break;
case 'uploading':
this.files = this.updateFiles(this.files, output.files, 'UPDATE');
console.log(this.files);
break;
case 'removed':
this.files = this.updateFiles(this.files, output.files, 'REMOVE');
console.log(this.files);
break;
case 'dragOver':
this.dragOver = true;
break;
case 'dragOut':
case 'drop':
this.dragOver = false;
break;
case 'done':
// The files are uploaded
this.files = this.updateFiles(this.files, output.files, 'UPDATE');
console.log(this.files);
break;
}
}

/**
* Update files on output events
* @param currentFiles Current Files Array
* @param updatedFiles Updated Files Array
* @param action Remove or Update
*/
updateFiles(currentFiles: Array<ISelectedFile>, updatedFiles: Array<ISelectedFile>, action: 'REMOVE' | 'UPDATE') {
if (updatedFiles !== undefined) {
if (action === 'UPDATE') {
updatedFiles.forEach(updateFile => {
currentFiles.forEach(
(currentFile, currentFileIndex, currentFilesArray) => {
if (currentFile.name === updateFile.name) {
currentFilesArray[currentFileIndex] = updateFile;
}
/**
* Update files on output events
* @param currentFiles Current Files Array
* @param updatedFiles Updated Files Array
* @param action Remove or Update
*/
updateFiles(currentFiles: Array<ISelectedFile>, updatedFiles: Array<ISelectedFile>, action: 'REMOVE' | 'UPDATE') {
if (updatedFiles !== undefined) {
if (action === 'UPDATE') {
updatedFiles.forEach(updateFile => {
currentFiles.forEach(
(currentFile, currentFileIndex, currentFilesArray) => {
if (currentFile.name === updateFile.name) {
currentFilesArray[currentFileIndex] = updateFile;
}
}
);
});
} else if (action === 'REMOVE') {
currentFiles = currentFiles.filter((file) => file.requestId !== updatedFiles[0].requestId);
}
);
});
} else if (action === 'REMOVE') {
currentFiles = currentFiles.filter((file) => file.requestId !== updatedFiles[0].requestId);
}
}
return currentFiles;
}

/**
* Start Upload
*/
startUpload(): void {
this.formData.append('fileHasHeader', 'false');
this.formData.append('delimiter', ',');

const event: IUploadInput = {
type: 'uploadAll',
inputReferenceNumber: Math.random(),
url: this.uploadUrl,
method: 'POST',
formData: this.formData,
headers: { Authorization: 'bearer ' + 'aetklsndfl' }
};

this.uploadInput.emit(event);
}

/**
* Cancel file uploads.
* @param requestId RequestId.
*/
cancelUpload(requestId: string): void {
this.uploadInput.emit({ type: 'cancel', inputReferenceNumber: Math.random(), requestId });
}

/**
* Remoce files.
* @param requestId Request id
*/
removeFile(requestId: string): void {
console.log(requestId);
this.uploadInput.emit({ type: 'remove', inputReferenceNumber: Math.random(), requestId });
}

/**
* Remoce all file uploads.
*/
removeAllFiles(): void {
this.uploadInput.emit({ type: 'removeAll', inputReferenceNumber: Math.random() });
}
return currentFiles;
}

/**
* Start Upload
*/
startUpload(): void {
this.formData.append('fileHasHeader', 'false');
this.formData.append('delimiter', ',');

const event: IUploadInput = {
type: 'uploadAll',
inputReferenceNumber: Math.random(),
url: this.uploadUrl,
method: 'POST',
formData: this.formData,
headers: { Authorization: 'bearer ' + 'aetklsndfl' }
};

this.uploadInput.emit(event);
}

/**
* Cancel file uploads.
* @param requestId RequestId.
*/
cancelUpload(requestId: string): void {
this.uploadInput.emit({ type: 'cancel', inputReferenceNumber: Math.random(), requestId });
}

/**
* Remoce files.
* @param requestId Request id
*/
removeFile(requestId: string): void {
console.log(requestId);
this.uploadInput.emit({ type: 'remove', inputReferenceNumber: Math.random(), requestId });
}

/**
* Remoce all file uploads.
*/
removeAllFiles(): void {
this.uploadInput.emit({ type: 'removeAll', inputReferenceNumber: Math.random() });
}
}
```

Expand Down

0 comments on commit c6410b6

Please sign in to comment.