diff --git a/.angular-cli.json b/.angular-cli.json
deleted file mode 100644
index eb6771f..0000000
--- a/.angular-cli.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
- "project": {
- "name": "ng2-file-upload"
- },
- "apps": [
- {
- "root": "demo/src",
- "outDir": "demo/dist",
- "assets": [
- "assets"
- ],
- "index": "index.html",
- "main": "main.ts",
- "test": "../../scripts/test.ts",
- "tsconfig": "tsconfig.json",
- "prefix": "",
- "mobile": false,
- "styles": [
- ],
- "scripts": [
- ],
- "environmentSource": "environments/environment.ts",
- "environments": {
- "dev": "environments/environment.ts",
- "prod": "environments/environment.prod.ts"
- }
- }
- ],
- "addons": [],
- "packages": [],
- "e2e": {
- "protractor": {
- "config": "protractor.conf.js"
- }
- },
- "test": {
- "karma": {
- "config": "karma.conf.js"
- }
- },
- "defaults": {
- "styleExt": "css",
- "prefixInterfaces": false,
- "inline": {
- "style": false,
- "template": false
- },
- "spec": {
- "class": false,
- "component": true,
- "directive": true,
- "module": false,
- "pipe": true,
- "service": true
- }
- }
-}
diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index e20a968..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,11 +0,0 @@
-# http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a0820da..1aa262d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,108 +1,108 @@
= [
- {
- heading: 'Simple',
- ts: require('!!raw-loader?lang=typescript!./file-upload/simple-demo.ts'),
- html: require('!!raw-loader?lang=markup!./file-upload/simple-demo.html'),
- js: require('!!raw-loader?lang=javascript!./file-upload/file-catcher.js')
- }
+let tabDesc: Array = [
+ {
+ heading: 'Simple',
+ ts: require('!!raw-loader?lang=typescript!./file-upload/simple-demo.ts'),
+ html: require('!!raw-loader?lang=markup!./file-upload/simple-demo.html'),
+ js: require('!!raw-loader?lang=javascript!./file-upload/file-catcher.js')
+ }
];
@Component({
- selector: 'file-upload-section',
- templateUrl: './file-upload-section.html'
+ selector: 'file-upload-section',
+ templateUrl: './file-upload-section.html'
})
export class FileUploadSectionComponent {
- public name:string = 'File Upload';
- public currentHeading:string = 'Simple';
- public doc:string = doc;
- public tabs:any = tabDesc;
+ public name: string = 'File Upload';
+ public currentHeading: string = 'Simple';
+ public doc: string = doc;
+ public tabs: any = tabDesc;
- public select(e:any):void {
- if (e.heading) {
- this.currentHeading = e.heading;
- }
- }
+ public select(e: any): void {
+ if (e.heading) {
+ this.currentHeading = e.heading;
+ }
+ }
}
diff --git a/demo/src/app/components/file-upload/simple-demo.ts b/demo/src/app/components/file-upload/simple-demo.ts
index 4a26a21..4979cc1 100644
--- a/demo/src/app/components/file-upload/simple-demo.ts
+++ b/demo/src/app/components/file-upload/simple-demo.ts
@@ -1,5 +1,5 @@
import { Component } from '@angular/core';
-import { FileUploader } from 'ng2-file-upload';
+import { FileUploader } from 'ng2-chunk-file-upload';
// const URL = '/api/';
const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
diff --git a/demo/src/doc.md b/demo/src/doc.md
index 0466b13..c9b4cb1 100644
--- a/demo/src/doc.md
+++ b/demo/src/doc.md
@@ -1,6 +1,6 @@
### Usage
```typescript
-import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-upload/ng2-file-upload';
+import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-chunk-file-upload/ng2-chunk-file-upload';
```
### Annotations
@@ -18,7 +18,7 @@ import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-u
### Properties
- - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
+ - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
Parameters supported by this object:
@@ -37,11 +37,11 @@ import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-u
### Properties
- - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
+ - `uploader` - (`FileUploader`) - uploader object. See using in [demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts)
### Events
- `fileOver` - it fires during 'over' and 'out' events for Drop Area; returns `boolean`: `true` if file is over Drop Area, `false` in case of out.
- See using in [ts demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
- [html demo](https://github.com/valor-software/ng2-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
+ See using in [ts demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.ts) and
+ [html demo](https://github.com/valor-software/ng2-chunk-file-upload/blob/master/demo/components/file-upload/simple-demo.html)
- `onFileDrop` - it fires after a file has been dropped on a Drop Area; you can pass in `$event` to get the list of files that were dropped. i.e. `(onFileDrop)="dropped($event)"`
diff --git a/demo/src/getting-started.md b/demo/src/getting-started.md
index 5803f9b..bf8b5d9 100644
--- a/demo/src/getting-started.md
+++ b/demo/src/getting-started.md
@@ -6,5 +6,5 @@
Install the components
```
-npm install ng2-file-upload --save
+npm install ng2-chunk-file-upload --save
```
diff --git a/demo/src/index.html b/demo/src/index.html
index f733a32..2cd59ca 100644
--- a/demo/src/index.html
+++ b/demo/src/index.html
@@ -9,7 +9,7 @@
",
+ "author": "Paulo Peres Jr ",
"license": "MIT",
"repository": {
"type": "git",
- "url": "git+ssh://git@github.com/valor-software/ng2-file-upload.git"
+ "url": "git+ssh://git@github.com/PauloPeres/ng2-chunk-file-upload.git"
},
"bugs": {
- "url": "https://github.com/valor-software/ng2-file-upload/issues"
+ "url": "https://github.com/PauloPeres/ng2-chunk-file-upload/issues"
},
- "homepage": "https://github.com/valor-software/ng2-file-upload#readme",
+ "homepage": "https://github.com/PauloPeres/ng2-chunk-file-upload#readme",
"dependencies": {},
"peerDependencies": {
- "@angular/common": "^2.3.1 || >=4.0.0",
- "@angular/core": "^2.3.1 || >=4.0.0"
+ "@angular/common": "^4.3.0 || >=4.3.0",
+ "@angular/core": "^4.3.0 || >=4.3.0",
+ "@angular/http": "^4.3.0 || >=4.3.0"
},
"devDependencies": {
- "@angular/cli": "1.0.0",
- "@angular/common": "2.4.3",
- "@angular/compiler": "2.4.3",
- "@angular/compiler-cli": "2.4.3",
- "@angular/core": "2.4.3",
- "@angular/forms": "2.4.3",
- "@angular/http": "2.4.3",
- "@angular/language-service": "2.4.3",
- "@angular/platform-browser": "2.4.3",
- "@angular/platform-browser-dynamic": "2.4.3",
- "@angular/router": "3.4.3",
- "@angular/tsc-wrapped": "0.5.1",
- "@types/jasmine": "2.5.40",
- "@types/marked": "0.0.28",
- "@types/node": "7.0.0",
- "@types/webpack": "^2.2.1",
- "bootstrap": "3.3.7",
+ "@angular-devkit/build-angular": "~0.6.3",
+ "@angular/cdk": "^6.1.0",
+ "@angular/cli": "^6.0.3",
+ "@angular/common": "^6.0.1",
+ "@angular/compiler": "^6.0.1",
+ "@angular/compiler-cli": "^6.0.1",
+ "@angular/core": "^6.0.1",
+ "@angular/forms": "^6.0.1",
+ "@angular/http": "^6.0.1",
+ "@angular/language-service": "^6.0.1",
+ "@angular/material": "^6.1.0",
+ "@angular/platform-browser": "^6.0.1",
+ "@angular/platform-browser-dynamic": "^6.0.1",
+ "@angular/router": "^6.0.1",
+ "@angular/tsc-wrapped": "4.4.6",
+ "@types/jasmine": "2.8.7",
+ "@types/marked": "0.3.0",
+ "@types/node": "10.1.2",
+ "@types/webpack": "^4.4.0",
+ "ajv": "^6.0.0",
+ "bootstrap": "4.1.1",
"chokidar-cli": "1.2.0",
- "classlist-polyfill": "1.0.3",
- "codecov": "1.0.1",
- "codelyzer": "~2.0.0-beta.4",
- "conventional-changelog-cli": "1.2.0",
- "conventional-github-releaser": "1.1.3",
+ "classlist-polyfill": "1.2.0",
+ "codecov": "3.0.2",
+ "codelyzer": "~4.3.0",
+ "conventional-changelog-cli": "1.3.22",
+ "conventional-github-releaser": "2.0.2",
"core-js": "^2.4.1",
- "cpy": "5.0.0",
+ "cpy": "7.0.0",
"cpy-cli": "1.0.1",
- "del-cli": "0.2.1",
- "gh-pages": "0.12.0",
+ "del-cli": "1.1.0",
+ "gh-pages": "1.1.0",
"gitignore-to-glob": "0.3.0",
"google-code-prettify": "1.0.5",
- "html-loader": "0.4.4",
- "jasmine": "2.5.3",
- "jasmine-core": "2.5.2",
+ "html-loader": "0.5.5",
+ "jasmine": "3.1.0",
+ "jasmine-core": "3.1.0",
"jasmine-data-provider": "2.2.0",
- "jasmine-spec-reporter": "3.2.0",
- "karma": "1.4.0",
+ "jasmine-spec-reporter": "4.2.1",
+ "jquery": "^1.9.1",
+ "karma": "2.0.2",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
- "karma-coverage-istanbul-reporter": "^1.3.0",
+ "karma-coverage-istanbul-reporter": "^2.0.1",
"karma-jasmine": "^1.0.2",
- "karma-remap-istanbul": "0.4.0",
- "karma-sauce-launcher": "1.1.0",
- "lite-server": "2.2.2",
- "lodash": "4.17.4",
- "markdown-loader": "^0.1.7",
- "marked": "0.3.6",
- "ng2-page-scroll": "4.0.0-beta.2",
- "ngm-cli": "0.4.0",
- "ngx-bootstrap": "1.6.6",
+ "karma-remap-istanbul": "0.6.0",
+ "karma-sauce-launcher": "1.2.0",
+ "lite-server": "2.3.0",
+ "lodash": "4.17.10",
+ "markdown-loader": "^2.0.2",
+ "marked": "0.4.0",
+ "ngm-cli": "1.0.4",
+ "ngx-bootstrap": "3.0.0",
"npm-run-all": "^4.0.1",
+ "popper.js": "^1.14.3",
"pre-commit": "1.2.2",
- "protractor": "5.0.0",
- "reflect-metadata": "0.1.9",
- "require-dir": "0.3.1",
- "rxjs": "5.0.3",
- "systemjs-builder": "0.15.34",
+ "protractor": "5.3.2",
+ "reflect-metadata": "0.1.12",
+ "require-dir": "1.0.0",
+ "rxjs": "^6.2.0",
+ "rxjs-compat": "^6.1.0",
+ "rxjs-tslint": "^0.1.4",
+ "systemjs-builder": "0.16.13",
"ts-helpers": "^1.1.1",
- "ts-node": "2.0.0",
- "tslint": "4.3.1",
- "tslint-config-valorsoft": "1.2.0",
- "typedoc": "0.5.5",
- "typescript": "2.1.5",
- "wallaby-webpack": "0.0.30",
- "webdriver-manager": "11.1.1",
- "zone.js": "0.7.5"
+ "ts-node": "6.0.3",
+ "tslint": "5.10.0",
+ "typedoc": "0.11.1",
+ "typescript": "^2.7.2",
+ "wallaby-webpack": "3.9.8",
+ "webdriver-manager": "12.0.6",
+ "zone.js": "0.8.26"
},
"contributors": [
{
@@ -135,6 +144,11 @@
"name": "Oleksandr Telnov",
"email": "otelnov@gmail.com",
"url": "https://github.com/otelnov"
+ },
+ {
+ "name": "Paulo Peres Jr",
+ "email": "paulo@myog.io",
+ "url": "https://github.com/PauloPeres/"
}
]
}
diff --git a/src/file-upload/file-chunk.class.ts b/src/file-upload/file-chunk.class.ts
new file mode 100644
index 0000000..34214f9
--- /dev/null
+++ b/src/file-upload/file-chunk.class.ts
@@ -0,0 +1,242 @@
+export class FileChunk {
+ public stepSize: number = 1024 * 1024 * 3;
+ public rawFile: any = null;
+ public uploadProgress: number = null;
+ public uploading: boolean = null;
+ public uploadComplete: boolean = null;
+ public byteStepSize: number = null;
+ public totalSize: number = null;
+ public startByte: number = null;
+ public endByte: number = null;
+ public currentChunk: number = 0;
+ public totalChunks: number = null;
+ public uniqueIdentifier: string = null;
+ public totalSent: number = null;
+ public extraData: any = {};
+
+ constructor(rawFile: any, options: any = {}) {
+ this.setByteStepSize(this.stepSize);
+ if (typeof options !== 'undefined') {
+ if (typeof options.byteStepSize !== 'undefined') {
+ this.setByteStepSize(options.byteStepSize);
+ }
+ }
+ this.setRawFile(rawFile);
+
+ this.setRawFile(rawFile);
+ this.setUploadProgress(0);
+ this.setUploading(false);
+ this.setUploadComplete(false);
+ this.setTotalSize(this.getRawFile().size);
+ this.setStartByte(0);
+ this.setEndByte(this.getByteStepSize());
+ this.setCurrentChunk(0);
+ if (!this.getBrowserSliceMethod()) {
+ this.setTotalChunks(1);
+ } else {
+ this.setTotalChunks(Math.ceil(this.totalSize / this.byteStepSize));
+ }
+ this.setUniqueIdenfier(this.generateUniqueIdentifier());
+ this.setTotalSent(0);
+ }
+
+ public setExtraData(index: any, value: any) {
+ this.extraData[index] = value;
+ }
+
+ public getExtraData(index: any) {
+ return this.extraData[index];
+ }
+
+ //getters and setters
+ public setProgress(v: number) {
+ this.uploadProgress = v;
+ }
+
+ public getProgress():number {
+ return this.uploadProgress;
+ }
+
+ public setUploading(v: boolean) {
+ this.uploading = v;
+ }
+
+ public getUploading():boolean {
+ return this.uploading;
+ }
+
+ public getUploadComplete():boolean {
+ return this.uploadComplete;
+ }
+
+ public setUploadComplete(v: boolean) {
+ this.uploadComplete = v;
+ }
+
+ public setUploadProgress(v: number) {
+ this.uploadProgress = v;
+ }
+
+ public getUploadProgress():number {
+ return this.uploadProgress;
+ }
+
+ public getStartByte():number {
+ return this.startByte;
+ }
+
+ public setStartByte(v: number) {
+ this.startByte = v;
+ }
+
+ public getEndByte():number {
+ return this.endByte;
+ }
+
+ public setEndByte(v: number) {
+ this.endByte = v;
+ }
+
+ public getByteStepSize():number {
+ return this.byteStepSize;
+ }
+
+ public setByteStepSize(v: number) {
+ this.byteStepSize = v;
+ }
+
+ public setTotalSize(v: number) {
+ this.totalSize = v;
+ }
+
+ public getTotalSize():number {
+ return this.totalSize;
+ }
+
+ public getRawFile():any {
+ return this.rawFile;
+ }
+
+ public setRawFile(v: File) {
+ this.rawFile = v;
+ }
+
+ public getCurrentChunk():number {
+ return this.currentChunk;
+ }
+
+ public setCurrentChunk(v: number) {
+ this.currentChunk = v;
+ }
+
+ public getTotalChunks():number {
+ return this.totalChunks;
+ }
+
+ public setTotalChunks(v: number) {
+ this.totalChunks = v;
+ }
+
+ public setUniqueIdenfier(v: string) {
+ this.uniqueIdentifier = v;
+ }
+
+ public getUniqueIdenfier():string {
+ return this.uniqueIdentifier;
+ }
+
+ public getRawFileExtension() {
+ const extension = this.getRawFileName().split('.');
+ return extension[extension.length - 1];
+ }
+
+ public getRawFileName() {
+ return this.getRawFile().name;
+ }
+
+ public getContentType() {
+ return this.getRawFile().type;
+ }
+
+ public getTotalSent() {
+ return this.totalSent;
+ }
+
+ public setTotalSent(v: number) {
+ this.totalSent = v;
+ }
+
+ public getCurrentRawFileChunk() {
+ if (!this.getBrowserSliceMethod()) {
+ return this.getRawFile();
+ }
+ else {
+ return this.getRawFile()[this.getBrowserSliceMethod()](this.getStartByte(), this.getEndByte());
+ }
+ }
+
+ public retrocedeChunk() {
+ if (!this.getBrowserSliceMethod()) {
+ return false;
+ }
+
+ this.setEndByte(this.getStartByte());
+ this.setStartByte(this.getStartByte() - this.getByteStepSize());
+ this.setCurrentChunk(this.getCurrentChunk() - 1);
+
+ if (this.getTotalSent() != 0) {
+ this.setTotalSent(this.getTotalSent() - this.getByteStepSize());
+ }
+ }
+
+ public prepareNextChunk() {
+ if (!this.getBrowserSliceMethod()) {
+ return false;
+ }
+ if (this.getEndByte() > this.getTotalSize() && this.getCurrentChunk() < this.getTotalChunks()) { // finished
+ return false;
+ }
+ this.setStartByte(this.getEndByte());
+ this.setEndByte(this.getEndByte() + this.getByteStepSize());
+ this.setCurrentChunk(this.getCurrentChunk() + 1);
+ if (this.getEndByte() > this.getTotalSize() && this.getCurrentChunk() === this.getTotalChunks()) {
+ // something went wrong with the calculations
+ this.setEndByte(this.getTotalSize());
+ }
+ return true;
+ }
+
+ public getBrowserSliceMethod(): string {
+ if (this.rawFile && typeof this.rawFile !== 'undefined') {
+ if (this.rawFile.slice && typeof this.rawFile.slice === 'function') {
+ return 'slice';
+ }
+ else if (this.rawFile.mozSlice && typeof this.rawFile.mozSlice === 'function') {
+ return 'mozSlice';
+ }
+ else if (this.rawFile.webkitSlice && typeof this.rawFile.webkitSlice === 'function') {
+ return 'webkitSlice';
+ }
+ }
+ else {
+ return null;
+ }
+ }//getBrowserSliceMethod() ends here
+
+ public generateUniqueIdentifier(): string {
+ let d = new Date().getTime();
+ if (typeof performance !== 'undefined' && typeof performance.now === 'function') {
+ d += performance.now(); // use high-precision timer if available
+ }
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+ const r = (d + Math.random() * 16) % 16 | 0;
+ d = Math.floor(d / 16);
+ return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+ });
+ }
+
+}
+
+
+
+
diff --git a/src/file-upload/file-drop.directive.ts b/src/file-upload/file-drop.directive.ts
index b04ae51..bbf4f42 100644
--- a/src/file-upload/file-drop.directive.ts
+++ b/src/file-upload/file-drop.directive.ts
@@ -4,83 +4,83 @@ import { FileUploader, FileUploaderOptions } from './file-uploader.class';
@Directive({ selector: '[ng2FileDrop]' })
export class FileDropDirective {
- @Input() public uploader: FileUploader;
- @Output() public fileOver: EventEmitter = new EventEmitter();
- @Output() public onFileDrop: EventEmitter = new EventEmitter();
+ @Input() public uploader: FileUploader;
+ @Output() public fileOver: EventEmitter = new EventEmitter();
+ @Output() public onFileDrop: EventEmitter = new EventEmitter();
- protected element: ElementRef;
+ protected element: ElementRef;
- public constructor(element: ElementRef) {
- this.element = element;
- }
+ public constructor(element: ElementRef) {
+ this.element = element;
+ }
- public getOptions(): FileUploaderOptions {
- return this.uploader.options;
- }
+ public getOptions(): FileUploaderOptions {
+ return this.uploader.options;
+ }
- public getFilters(): any {
- return {};
- }
+ public getFilters(): any {
+ return {};
+ }
- @HostListener('drop', [ '$event' ])
- public onDrop(event: any): void {
- let transfer = this._getTransfer(event);
- if (!transfer) {
- return;
- }
+ @HostListener('drop', ['$event'])
+ public onDrop(event: any): void {
+ let transfer = this._getTransfer(event);
+ if (!transfer) {
+ return;
+ }
- let options = this.getOptions();
- let filters = this.getFilters();
- this._preventAndStop(event);
- this.uploader.addToQueue(transfer.files, options, filters);
- this.fileOver.emit(false);
- this.onFileDrop.emit(transfer.files);
- }
+ let options = this.getOptions();
+ let filters = this.getFilters();
+ this._preventAndStop(event);
+ this.uploader.addToQueue(transfer.files, options, filters);
+ this.fileOver.emit(false);
+ this.onFileDrop.emit(transfer.files);
+ }
- @HostListener('dragover', [ '$event' ])
- public onDragOver(event: any): void {
- let transfer = this._getTransfer(event);
- if (!this._haveFiles(transfer.types)) {
- return;
- }
+ @HostListener('dragover', ['$event'])
+ public onDragOver(event: any): void {
+ let transfer = this._getTransfer(event);
+ if (!this._haveFiles(transfer.types)) {
+ return;
+ }
- transfer.dropEffect = 'copy';
- this._preventAndStop(event);
- this.fileOver.emit(true);
- }
+ transfer.dropEffect = 'copy';
+ this._preventAndStop(event);
+ this.fileOver.emit(true);
+ }
- @HostListener('dragleave', [ '$event' ])
- public onDragLeave(event: any): any {
- if ((this as any).element) {
- if (event.currentTarget === (this as any).element[ 0 ]) {
- return;
- }
- }
+ @HostListener('dragleave', ['$event'])
+ public onDragLeave(event: any): any {
+ if ((this as any).element) {
+ if (event.currentTarget === (this as any).element[0]) {
+ return;
+ }
+ }
- this._preventAndStop(event);
- this.fileOver.emit(false);
- }
+ this._preventAndStop(event);
+ this.fileOver.emit(false);
+ }
- protected _getTransfer(event: any): any {
- return event.dataTransfer ? event.dataTransfer : event.originalEvent.dataTransfer; // jQuery fix;
- }
+ protected _getTransfer(event: any): any {
+ return event.dataTransfer ? event.dataTransfer : event.originalEvent.dataTransfer; // jQuery fix;
+ }
- protected _preventAndStop(event: any): any {
- event.preventDefault();
- event.stopPropagation();
- }
+ protected _preventAndStop(event: any): any {
+ event.preventDefault();
+ event.stopPropagation();
+ }
- protected _haveFiles(types: any): any {
- if (!types) {
- return false;
- }
+ protected _haveFiles(types: any): any {
+ if (!types) {
+ return false;
+ }
- if (types.indexOf) {
- return types.indexOf('Files') !== -1;
- } else if (types.contains) {
- return types.contains('Files');
- } else {
- return false;
- }
- }
+ if (types.indexOf) {
+ return types.indexOf('Files') !== -1;
+ } else if (types.contains) {
+ return types.contains('Files');
+ } else {
+ return false;
+ }
+ }
}
diff --git a/src/file-upload/file-item.class.ts b/src/file-upload/file-item.class.ts
index daa732e..501d3c1 100644
--- a/src/file-upload/file-item.class.ts
+++ b/src/file-upload/file-item.class.ts
@@ -1,154 +1,210 @@
+import { HttpHeaders } from '@angular/common/http';
import { FileLikeObject } from './file-like-object.class';
-import { FileUploader, ParsedResponseHeaders, FileUploaderOptions } from './file-uploader.class';
-
+import { FileUploader, FileUploaderOptions } from './file-uploader.class';
+import { FileChunk } from './file-chunk.class'
export class FileItem {
- public file: FileLikeObject;
- public _file: File;
- public alias: string;
- public url: string = '/';
- public method: string;
- public headers: any = [];
- public withCredentials: boolean = true;
- public formData: any = [];
- public isReady: boolean = false;
- public isUploading: boolean = false;
- public isUploaded: boolean = false;
- public isSuccess: boolean = false;
- public isCancel: boolean = false;
- public isError: boolean = false;
- public progress: number = 0;
- public index: number = void 0;
- public _xhr: XMLHttpRequest;
- public _form: any;
+ public file: FileLikeObject;
+ public _file: File;
+ public id: any;
+ public alias: string;
+ public url: string = '/';
+ public method: string;
+ public headers: any = [];
+ public withCredentials: boolean = true;
+ public formData: any = [];
+ public isReady: boolean = false;
+ public isUploading: boolean = false;
+ public isUploaded: boolean = false;
+ public isSuccess: boolean = false;
+ public isCancel: boolean = false;
+ public isError: boolean = false;
+ public isRemoving: boolean = false;
+ public progress: number = 0;
+ public index: number = void 0;
+ public downloadUrl?: string = null;
+ public _form: any;
+ public _fileChunks: FileChunk;
+
+ protected chunkTotalRetries = 10;
+ protected chunkRetries = 0;
+ protected uploader: FileUploader;
+ protected some: File;
+ protected options: FileUploaderOptions;
- protected uploader: FileUploader;
- protected some: File;
- protected options: FileUploaderOptions;
+ public constructor(uploader: FileUploader, some: File, options: FileUploaderOptions) {
+ this.uploader = uploader;
+ this.some = some;
+ this.options = options;
+ this.file = new FileLikeObject(some);
+ this._file = some;
- public constructor(uploader: FileUploader, some: File, options: FileUploaderOptions) {
- this.uploader = uploader;
- this.some = some;
- this.options = options;
- this.file = new FileLikeObject(some);
- this._file = some;
- if (uploader.options) {
- this.method = uploader.options.method || 'POST';
- this.alias = uploader.options.itemAlias || 'file';
- }
- this.url = uploader.options.url;
- }
+ if (uploader.options) {
+ this.method = uploader.options.method || 'POST';
+ this.alias = uploader.options.itemAlias || 'file';
+ }
+ this.url = uploader.options.url;
+ }
+ public upload(): void {
+ try {
+ this.uploader.uploadItem(this);
+ } catch (e) {
+ this.uploader._onCompleteItem(this, '', 0, new HttpHeaders());
+ this.uploader._onErrorItem(this, '', 0, new HttpHeaders());
+ }
+ }
+ public createFileChunk(chunkSize: number): void {
+ this.fileChunks = new FileChunk(this._file, { byteStepSize: chunkSize });
+ }
+ public getCurrentChunkFile(): any {
+ return this.fileChunks.getCurrentRawFileChunk();
+ }
+ public prepareNextChunk(): void {
+ this.fileChunks.prepareNextChunk();
+ }
+ public getCurrentChunk(): number {
+ return this.fileChunks.getCurrentChunk()
+ }
+ public getTotalChunks(): number {
+ return this.fileChunks.getTotalChunks()
+ }
+ public setIsUploading(val: boolean) {
+ this.isUploading = val;
+ if (this.fileChunks) {
+ this.fileChunks.setUploading(val)
+ }
+ }
+ public set fileChunks(val: FileChunk) {
+ this._fileChunks = val;
+ }
+ public get fileChunks(): FileChunk {
+ return this._fileChunks;
+ }
+ public getId(): any {
+ return this.id;
+ }
+ public setId(id: any) {
+ this.id = id;
+ }
+ public cancel(): void {
+ this.uploader.cancelItem(this);
+ }
+ public remove(): void {
+ this.uploader.removeFromQueue(this);
+ }
+ public removeOnline(): void {
+ this.isRemoving = true;
+ this.uploader.uploaderService.deleteEntry(this,{},true).subscribe(
+ (result:any) => {
+ this.isRemoving = false;
+ this.remove();
+ },
+ (error:any) => {
+ this.isRemoving = false;
+ }
+ );
+ }
+ public onBeforeUpload(): void {
+ return void 0;
+ }
+ public onBuildForm(form: any): any {
+ return { form };
+ }
+ public onProgress(progress: number): any {
+ return { progress };
+ }
+ public onSuccess(response: string, status: number, headers: HttpHeaders): any {
+ return { response, status, headers };
+ }
+ public onError(response: string, status: number, headers: HttpHeaders): any {
+ return { response, status, headers };
+ }
+ public onCancel(): any {
+ return {};
+ }
+ public onComplete(response: string, status: number, headers: HttpHeaders): any {
+ return { response, status, headers };
+ }
+ public onCompleteChunk(response: string, status: number, headers: HttpHeaders): any {
+ return { response, status, headers };
+ }
+ public _onBeforeUpload(): void {
+ this.isReady = true;
+ this.isUploading = true;
+ this.isUploaded = false;
+ this.isSuccess = false;
+ this.isCancel = false;
+ this.isError = false;
+ this.progress = 0;
+ this.onBeforeUpload();
+ }
+ public _onBuildForm(form: any): void {
+ this.onBuildForm(form);
+ }
+ public _onProgress(progress: number): void {
+ this.progress = progress;
+ this.onProgress(progress);
+ }
+ public _onSuccess(response: string, status: number, headers: HttpHeaders): void {
+ this.isReady = false;
+ this.isUploading = false;
+ this.isUploaded = true;
+ this.isSuccess = true;
+ this.isCancel = false;
+ this.isError = false;
+ this.progress = 100;
+ this.index = void 0;
+ this.onSuccess(response, status, headers);
+ }
+ public _onError(response: string, status: number, headers: HttpHeaders): void {
+ this.isReady = false;
+ this.isUploading = false;
+ this.isUploaded = true;
+ this.isSuccess = false;
+ this.isCancel = false;
+ this.isError = true;
+ this.progress = 0;
+ this.index = void 0;
+ this.onError(response, status, headers);
+ }
+ public _onCancel(): void {
+ this.isReady = false;
+ this.isUploading = false;
+ this.isUploaded = false;
+ this.isSuccess = false;
+ this.isCancel = true;
+ this.isError = false;
+ this.progress = 0;
+ this.index = void 0;
+ this.onCancel();
+ }
+ public _onComplete(response: string, status: number, headers: HttpHeaders): void {
+ this.onComplete(response, status, headers);
- public upload(): void {
- try {
- this.uploader.uploadItem(this);
- } catch (e) {
- this.uploader._onCompleteItem(this, '', 0, {});
- this.uploader._onErrorItem(this, '', 0, {});
- }
- }
-
- public cancel(): void {
- this.uploader.cancelItem(this);
- }
-
- public remove(): void {
- this.uploader.removeFromQueue(this);
- }
-
- public onBeforeUpload(): void {
- return void 0;
- }
-
- public onBuildForm(form: any): any {
- return { form };
- }
-
- public onProgress(progress: number): any {
- return { progress };
- }
-
- public onSuccess(response: string, status: number, headers: ParsedResponseHeaders): any {
- return { response, status, headers };
- }
-
- public onError(response: string, status: number, headers: ParsedResponseHeaders): any {
- return { response, status, headers };
- }
-
- public onCancel(response: string, status: number, headers: ParsedResponseHeaders): any {
- return { response, status, headers };
- }
-
- public onComplete(response: string, status: number, headers: ParsedResponseHeaders): any {
- return { response, status, headers };
- }
-
- public _onBeforeUpload(): void {
- this.isReady = true;
- this.isUploading = true;
- this.isUploaded = false;
- this.isSuccess = false;
- this.isCancel = false;
- this.isError = false;
- this.progress = 0;
- this.onBeforeUpload();
- }
-
- public _onBuildForm(form: any): void {
- this.onBuildForm(form);
- }
-
- public _onProgress(progress: number): void {
- this.progress = progress;
- this.onProgress(progress);
- }
-
- public _onSuccess(response: string, status: number, headers: ParsedResponseHeaders): void {
- this.isReady = false;
- this.isUploading = false;
- this.isUploaded = true;
- this.isSuccess = true;
- this.isCancel = false;
- this.isError = false;
- this.progress = 100;
- this.index = void 0;
- this.onSuccess(response, status, headers);
- }
-
- public _onError(response: string, status: number, headers: ParsedResponseHeaders): void {
- this.isReady = false;
- this.isUploading = false;
- this.isUploaded = true;
- this.isSuccess = false;
- this.isCancel = false;
- this.isError = true;
- this.progress = 0;
- this.index = void 0;
- this.onError(response, status, headers);
- }
-
- public _onCancel(response: string, status: number, headers: ParsedResponseHeaders): void {
- this.isReady = false;
- this.isUploading = false;
- this.isUploaded = false;
- this.isSuccess = false;
- this.isCancel = true;
- this.isError = false;
- this.progress = 0;
- this.index = void 0;
- this.onCancel(response, status, headers);
- }
-
- public _onComplete(response: string, status: number, headers: ParsedResponseHeaders): void {
- this.onComplete(response, status, headers);
-
- if (this.uploader.options.removeAfterUpload) {
- this.remove();
- }
- }
-
- public _prepareToUploading(): void {
- this.index = this.index || ++this.uploader._nextIndex;
- this.isReady = true;
- }
+ if (this.uploader.options.removeAfterUpload) {
+ this.remove();
+ }
+ }
+ public _onCompleteChunk(response: string, status: number, headers: HttpHeaders): void {
+ this.chunkRetries = 0;
+ this._onCompleteChunkCallNext();
+ this.onCompleteChunk(response, status, headers);
+ }
+ public _onCompleteChunkCallNext(): void {
+ this.uploader.uploaderService.uploadFile(this,this.uploader.options);
+ this.prepareNextChunk()
+ }
+ public _onErrorChunk(response: string, status: number, headers: HttpHeaders): void {
+ if (this.chunkRetries > this.chunkTotalRetries) {
+ this.uploader.onErrorItem(this, response, status, headers);
+ this.uploader.onCompleteItem(this, response, status, headers);
+ } else {
+ this.chunkRetries++;
+ this.fileChunks.retrocedeChunk();
+ this._onCompleteChunkCallNext();
+ }
+ }
+ public _prepareToUploading(): void {
+ this.index = this.index || ++this.uploader._nextIndex;
+ this.isReady = true;
+ }
}
diff --git a/src/file-upload/file-like-object.class.ts b/src/file-upload/file-like-object.class.ts
index 746dbdd..175f634 100644
--- a/src/file-upload/file-like-object.class.ts
+++ b/src/file-upload/file-like-object.class.ts
@@ -1,33 +1,33 @@
function isElement(node: any): boolean {
- return !!(node && (node.nodeName || node.prop && node.attr && node.find));
+ return !!(node && (node.nodeName || node.prop && node.attr && node.find));
}
export class FileLikeObject {
- public lastModifiedDate: any;
- public size: any;
- public type: string;
- public name: string;
- public rawFile: string;
+ public lastModifiedDate: any;
+ public size: any;
+ public type: string;
+ public name: string;
+ public rawFile: string;
- public constructor(fileOrInput: any) {
- this.rawFile = fileOrInput;
- let isInput = isElement(fileOrInput);
- let fakePathOrObject = isInput ? fileOrInput.value : fileOrInput;
- let postfix = typeof fakePathOrObject === 'string' ? 'FakePath' : 'Object';
- let method = '_createFrom' + postfix;
- (this as any)[ method ](fakePathOrObject);
- }
+ public constructor(fileOrInput: any) {
+ this.rawFile = fileOrInput;
+ let isInput = isElement(fileOrInput);
+ let fakePathOrObject = isInput ? fileOrInput.value : fileOrInput;
+ let postfix = typeof fakePathOrObject === 'string' ? 'FakePath' : 'Object';
+ let method = '_createFrom' + postfix;
+ (this as any)[method](fakePathOrObject);
+ }
- public _createFromFakePath(path: string): void {
- this.lastModifiedDate = void 0;
- this.size = void 0;
- this.type = 'like/' + path.slice(path.lastIndexOf('.') + 1).toLowerCase();
- this.name = path.slice(path.lastIndexOf('/') + path.lastIndexOf('\\') + 2);
- }
+ public _createFromFakePath(path: string): void {
+ this.lastModifiedDate = void 0;
+ this.size = void 0;
+ this.type = 'like/' + path.slice(path.lastIndexOf('.') + 1).toLowerCase();
+ this.name = path.slice(path.lastIndexOf('/') + path.lastIndexOf('\\') + 2);
+ }
- public _createFromObject(object: { size: number, type: string, name: string }): void {
- this.size = object.size;
- this.type = object.type;
- this.name = object.name;
- }
+ public _createFromObject(object: { size: number, type: string, name: string }): void {
+ this.size = object.size;
+ this.type = object.type;
+ this.name = object.name;
+ }
}
diff --git a/src/file-upload/file-select.directive.ts b/src/file-upload/file-select.directive.ts
index a942dcb..b3f9f7b 100644
--- a/src/file-upload/file-select.directive.ts
+++ b/src/file-upload/file-select.directive.ts
@@ -4,38 +4,38 @@ import { FileUploader } from './file-uploader.class';
@Directive({ selector: '[ng2FileSelect]' })
export class FileSelectDirective {
- @Input() public uploader: FileUploader;
- @Output() public onFileSelected: EventEmitter = new EventEmitter();
+ @Input() public uploader: FileUploader;
+ @Output() public onFileSelected: EventEmitter = new EventEmitter();
- protected element: ElementRef;
+ protected element: ElementRef;
- public constructor(element: ElementRef) {
- this.element = element;
- }
+ public constructor(element: ElementRef) {
+ this.element = element;
+ }
- public getOptions(): any {
- return this.uploader.options;
- }
+ public getOptions(): any {
+ return this.uploader.options;
+ }
- public getFilters(): any {
- return {};
- }
+ public getFilters(): any {
+ return {};
+ }
- public isEmptyAfterSelection(): boolean {
- return !!this.element.nativeElement.attributes.multiple;
- }
+ public isEmptyAfterSelection(): boolean {
+ return !!this.element.nativeElement.attributes.multiple;
+ }
- @HostListener('change')
- public onChange(): any {
- let files = this.element.nativeElement.files;
- let options = this.getOptions();
- let filters = this.getFilters();
+ @HostListener('change')
+ public onChange(): any {
+ let files = this.element.nativeElement.files;
+ let options = this.getOptions();
+ let filters = this.getFilters();
- this.uploader.addToQueue(files, options, filters);
- this.onFileSelected.emit(files);
+ this.uploader.addToQueue(files, options, filters);
+ this.onFileSelected.emit(files);
- if (this.isEmptyAfterSelection()) {
- this.element.nativeElement.value = '';
- }
- }
+ if (this.isEmptyAfterSelection()) {
+ this.element.nativeElement.value = '';
+ }
+ }
}
diff --git a/src/file-upload/file-type.class.ts b/src/file-upload/file-type.class.ts
index 2dee97b..b90d7aa 100644
--- a/src/file-upload/file-type.class.ts
+++ b/src/file-upload/file-type.class.ts
@@ -1,164 +1,164 @@
-import { FileLikeObject } from "../ng2-file-upload";
+import { FileLikeObject } from "../ng2-chunk-file-upload";
export class FileType {
- /* MS office */
- public static mime_doc: string[] = [
- 'application/msword',
- 'application/msword',
- 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
- 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
- 'application/vnd.ms-word.document.macroEnabled.12',
- 'application/vnd.ms-word.template.macroEnabled.12'
- ];
- public static mime_xsl: string[] = [
- 'application/vnd.ms-excel',
- 'application/vnd.ms-excel',
- 'application/vnd.ms-excel',
- 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
- 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
- 'application/vnd.ms-excel.sheet.macroEnabled.12',
- 'application/vnd.ms-excel.template.macroEnabled.12',
- 'application/vnd.ms-excel.addin.macroEnabled.12',
- 'application/vnd.ms-excel.sheet.binary.macroEnabled.12'
- ];
- public static mime_ppt: string[] = [
- 'application/vnd.ms-powerpoint',
- 'application/vnd.ms-powerpoint',
- 'application/vnd.ms-powerpoint',
- 'application/vnd.ms-powerpoint',
- 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
- 'application/vnd.openxmlformats-officedocument.presentationml.template',
- 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
- 'application/vnd.ms-powerpoint.addin.macroEnabled.12',
- 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
- 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
- 'application/vnd.ms-powerpoint.slideshow.macroEnabled.12'
- ];
+ /* MS office */
+ public static mime_doc: string[] = [
+ 'application/msword',
+ 'application/msword',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
+ 'application/vnd.ms-word.document.macroEnabled.12',
+ 'application/vnd.ms-word.template.macroEnabled.12'
+ ];
+ public static mime_xsl: string[] = [
+ 'application/vnd.ms-excel',
+ 'application/vnd.ms-excel',
+ 'application/vnd.ms-excel',
+ 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+ 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
+ 'application/vnd.ms-excel.sheet.macroEnabled.12',
+ 'application/vnd.ms-excel.template.macroEnabled.12',
+ 'application/vnd.ms-excel.addin.macroEnabled.12',
+ 'application/vnd.ms-excel.sheet.binary.macroEnabled.12'
+ ];
+ public static mime_ppt: string[] = [
+ 'application/vnd.ms-powerpoint',
+ 'application/vnd.ms-powerpoint',
+ 'application/vnd.ms-powerpoint',
+ 'application/vnd.ms-powerpoint',
+ 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+ 'application/vnd.openxmlformats-officedocument.presentationml.template',
+ 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
+ 'application/vnd.ms-powerpoint.addin.macroEnabled.12',
+ 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+ 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+ 'application/vnd.ms-powerpoint.slideshow.macroEnabled.12'
+ ];
- /* PSD */
- public static mime_psd: string[] = [
- 'image/photoshop',
- 'image/x-photoshop',
- 'image/psd',
- 'application/photoshop',
- 'application/psd',
- 'zz-application/zz-winassoc-psd'
- ];
+ /* PSD */
+ public static mime_psd: string[] = [
+ 'image/photoshop',
+ 'image/x-photoshop',
+ 'image/psd',
+ 'application/photoshop',
+ 'application/psd',
+ 'zz-application/zz-winassoc-psd'
+ ];
- /* Compressed files */
- public static mime_compress: string[] = [
- 'application/x-gtar',
- 'application/x-gcompress',
- 'application/compress',
- 'application/x-tar',
- 'application/x-rar-compressed',
- 'application/octet-stream',
- 'application/x-zip-compressed',
- 'application/zip-compressed',
- 'application/x-7z-compressed',
- 'application/gzip',
- 'application/x-bzip2'
- ];
+ /* Compressed files */
+ public static mime_compress: string[] = [
+ 'application/x-gtar',
+ 'application/x-gcompress',
+ 'application/compress',
+ 'application/x-tar',
+ 'application/x-rar-compressed',
+ 'application/octet-stream',
+ 'application/x-zip-compressed',
+ 'application/zip-compressed',
+ 'application/x-7z-compressed',
+ 'application/gzip',
+ 'application/x-bzip2'
+ ];
- public static getMimeClass(file: FileLikeObject): string {
- let mimeClass = 'application';
- if (this.mime_psd.indexOf(file.type) !== -1) {
- mimeClass = 'image';
- } else if (file.type.match('image.*')) {
- mimeClass = 'image';
- } else if (file.type.match('video.*')) {
- mimeClass = 'video';
- } else if (file.type.match('audio.*')) {
- mimeClass = 'audio';
- } else if (file.type === 'application/pdf') {
- mimeClass = 'pdf';
- } else if (this.mime_compress.indexOf(file.type) !== -1) {
- mimeClass = 'compress';
- } else if (this.mime_doc.indexOf(file.type) !== -1) {
- mimeClass = 'doc';
- } else if (this.mime_xsl.indexOf(file.type) !== -1) {
- mimeClass = 'xls';
- } else if (this.mime_ppt.indexOf(file.type) !== -1) {
- mimeClass = 'ppt';
- }
- if (mimeClass === 'application') {
- mimeClass = this.fileTypeDetection(file.name);
- }
+ public static getMimeClass(file: FileLikeObject): string {
+ let mimeClass = 'application';
+ if (this.mime_psd.indexOf(file.type) !== -1) {
+ mimeClass = 'image';
+ } else if (file.type.match('image.*')) {
+ mimeClass = 'image';
+ } else if (file.type.match('video.*')) {
+ mimeClass = 'video';
+ } else if (file.type.match('audio.*')) {
+ mimeClass = 'audio';
+ } else if (file.type === 'application/pdf') {
+ mimeClass = 'pdf';
+ } else if (this.mime_compress.indexOf(file.type) !== -1) {
+ mimeClass = 'compress';
+ } else if (this.mime_doc.indexOf(file.type) !== -1) {
+ mimeClass = 'doc';
+ } else if (this.mime_xsl.indexOf(file.type) !== -1) {
+ mimeClass = 'xls';
+ } else if (this.mime_ppt.indexOf(file.type) !== -1) {
+ mimeClass = 'ppt';
+ }
+ if (mimeClass === 'application') {
+ mimeClass = this.fileTypeDetection(file.name);
+ }
- return mimeClass;
- }
+ return mimeClass;
+ }
- public static fileTypeDetection(inputFilename: string): string {
- let types: { [ key: string ]: string } = {
- 'jpg': 'image',
- 'jpeg': 'image',
- 'tif': 'image',
- 'psd': 'image',
- 'bmp': 'image',
- 'png': 'image',
- 'nef': 'image',
- 'tiff': 'image',
- 'cr2': 'image',
- 'dwg': 'image',
- 'cdr': 'image',
- 'ai': 'image',
- 'indd': 'image',
- 'pin': 'image',
- 'cdp': 'image',
- 'skp': 'image',
- 'stp': 'image',
- '3dm': 'image',
- 'mp3': 'audio',
- 'wav': 'audio',
- 'wma': 'audio',
- 'mod': 'audio',
- 'm4a': 'audio',
- 'compress': 'compress',
- 'zip': 'compress',
- 'rar': 'compress',
- '7z': 'compress',
- 'lz': 'compress',
- 'z01': 'compress',
- 'bz2': 'compress',
- 'gz': 'compress',
- 'pdf': 'pdf',
- 'xls': 'xls',
- 'xlsx': 'xls',
- 'ods': 'xls',
- 'mp4': 'video',
- 'avi': 'video',
- 'wmv': 'video',
- 'mpg': 'video',
- 'mts': 'video',
- 'flv': 'video',
- '3gp': 'video',
- 'vob': 'video',
- 'm4v': 'video',
- 'mpeg': 'video',
- 'm2ts': 'video',
- 'mov': 'video',
- 'doc': 'doc',
- 'docx': 'doc',
- 'eps': 'doc',
- 'txt': 'doc',
- 'odt': 'doc',
- 'rtf': 'doc',
- 'ppt': 'ppt',
- 'pptx': 'ppt',
- 'pps': 'ppt',
- 'ppsx': 'ppt',
- 'odp': 'ppt'
- };
+ public static fileTypeDetection(inputFilename: string): string {
+ let types: { [key: string]: string } = {
+ 'jpg': 'image',
+ 'jpeg': 'image',
+ 'tif': 'image',
+ 'psd': 'image',
+ 'bmp': 'image',
+ 'png': 'image',
+ 'nef': 'image',
+ 'tiff': 'image',
+ 'cr2': 'image',
+ 'dwg': 'image',
+ 'cdr': 'image',
+ 'ai': 'image',
+ 'indd': 'image',
+ 'pin': 'image',
+ 'cdp': 'image',
+ 'skp': 'image',
+ 'stp': 'image',
+ '3dm': 'image',
+ 'mp3': 'audio',
+ 'wav': 'audio',
+ 'wma': 'audio',
+ 'mod': 'audio',
+ 'm4a': 'audio',
+ 'compress': 'compress',
+ 'zip': 'compress',
+ 'rar': 'compress',
+ '7z': 'compress',
+ 'lz': 'compress',
+ 'z01': 'compress',
+ 'bz2': 'compress',
+ 'gz': 'compress',
+ 'pdf': 'pdf',
+ 'xls': 'xls',
+ 'xlsx': 'xls',
+ 'ods': 'xls',
+ 'mp4': 'video',
+ 'avi': 'video',
+ 'wmv': 'video',
+ 'mpg': 'video',
+ 'mts': 'video',
+ 'flv': 'video',
+ '3gp': 'video',
+ 'vob': 'video',
+ 'm4v': 'video',
+ 'mpeg': 'video',
+ 'm2ts': 'video',
+ 'mov': 'video',
+ 'doc': 'doc',
+ 'docx': 'doc',
+ 'eps': 'doc',
+ 'txt': 'doc',
+ 'odt': 'doc',
+ 'rtf': 'doc',
+ 'ppt': 'ppt',
+ 'pptx': 'ppt',
+ 'pps': 'ppt',
+ 'ppsx': 'ppt',
+ 'odp': 'ppt'
+ };
- let chunks = inputFilename.split('.');
- if (chunks.length < 2) {
- return 'application';
- }
- let extension = chunks[ chunks.length - 1 ].toLowerCase();
- if (types[ extension ] === undefined) {
- return 'application';
- } else {
- return types[ extension ];
- }
- }
+ let chunks = inputFilename.split('.');
+ if (chunks.length < 2) {
+ return 'application';
+ }
+ let extension = chunks[chunks.length - 1].toLowerCase();
+ if (types[extension] === undefined) {
+ return 'application';
+ } else {
+ return types[extension];
+ }
+ }
}
diff --git a/src/file-upload/file-upload.module.ts b/src/file-upload/file-upload.module.ts
index 62fdb14..cad8518 100644
--- a/src/file-upload/file-upload.module.ts
+++ b/src/file-upload/file-upload.module.ts
@@ -5,9 +5,9 @@ import { FileDropDirective } from './file-drop.directive';
import { FileSelectDirective } from './file-select.directive';
@NgModule({
- imports: [ CommonModule ],
- declarations: [ FileDropDirective, FileSelectDirective ],
- exports: [ FileDropDirective, FileSelectDirective ]
+ imports: [CommonModule],
+ declarations: [FileDropDirective, FileSelectDirective],
+ exports: [FileDropDirective, FileSelectDirective]
})
export class FileUploadModule {
}
diff --git a/src/file-upload/file-uploader.class.ts b/src/file-upload/file-uploader.class.ts
index 0a60acf..f5ccee0 100644
--- a/src/file-upload/file-uploader.class.ts
+++ b/src/file-upload/file-uploader.class.ts
@@ -1,498 +1,484 @@
+import { Headers } from './file-uploader.class';
import { EventEmitter } from '@angular/core';
import { FileLikeObject } from './file-like-object.class';
import { FileItem } from './file-item.class';
import { FileType } from './file-type.class';
-
+import { HttpEvent, HttpResponse, HttpHeaders } from '@angular/common/http';
+import { HttpUploadProgressEvent, HttpProgressEvent, HttpSentEvent, HttpErrorResponse } from '@angular/common/http/src/response';
function isFile(value: any): boolean {
- return (File && value instanceof File);
+ return (File && value instanceof File);
}
export interface Headers {
- name: string;
- value: string;
+ name: string;
+ value: string;
}
-export type ParsedResponseHeaders = { [ headerFieldName: string ]: string };
export type FilterFunction = {
- name: string,
- fn: (item?: FileLikeObject, options?: FileUploaderOptions) => boolean
+ name: string,
+ fn: (item?: FileLikeObject, options?: FileUploaderOptions) => boolean
};
export interface FileUploaderOptions {
- allowedMimeType?: string[];
- allowedFileType?: string[];
- autoUpload?: boolean;
- isHTML5?: boolean;
- filters?: FilterFunction[];
- headers?: Headers[];
- method?: string;
- authToken?: string;
- maxFileSize?: number;
- queueLimit?: number;
- removeAfterUpload?: boolean;
- url?: string;
- disableMultipart?: boolean;
- itemAlias?: string;
- authTokenHeader?: string;
- additionalParameter?: { [ key: string ]: any };
- parametersBeforeFiles?: boolean;
- formatDataFunction?: Function;
- formatDataFunctionIsAsync?: boolean;
+ uploaderService: any;
+ allowedMimeType?: string[];
+ allowedFileType?: string[];
+ autoUpload?: boolean;
+ isHTML5?: boolean;
+ filters?: FilterFunction[];
+ headers?: Headers[];
+ method?: string;
+ authToken?: string;
+ maxFileSize?: number;
+ queueLimit?: number;
+ removeAfterUpload?: boolean;
+ url?: string;
+ disableMultipart?: boolean;
+ itemAlias?: string;
+ authTokenHeader?: string;
+ additionalParameter?: { [key: string]: any };
+ parametersBeforeFiles?: boolean;
+ formatDataFunction?: Function;
+ formatDataFunctionIsAsync?: boolean;
}
export class FileUploader {
+ public uploaderService: any;
+ public authToken: string;
+ public isUploading: boolean = false;
+ public queue: FileItem[] = [];
+ public progress: number = 0;
+ public _nextIndex: number = 0;
+ public autoUpload: any;
+ public authTokenHeader: string;
+ public response: EventEmitter;
+ public chunkSize: number = null;
+ public options: FileUploaderOptions = {
+ uploaderService: null,
+ autoUpload: false,
+ isHTML5: true,
+ filters: [],
+ removeAfterUpload: false,
+ disableMultipart: false,
+ formatDataFunction: (item: FileItem) => item._file,
+ formatDataFunctionIsAsync: false
+ };
- public authToken: string;
- public isUploading: boolean = false;
- public queue: FileItem[] = [];
- public progress: number = 0;
- public _nextIndex: number = 0;
- public autoUpload: any;
- public authTokenHeader: string;
- public response: EventEmitter;
+ protected _failFilterIndex: number;
- public options: FileUploaderOptions = {
- autoUpload: false,
- isHTML5: true,
- filters: [],
- removeAfterUpload: false,
- disableMultipart: false,
- formatDataFunction: (item: FileItem) => item._file,
- formatDataFunctionIsAsync: false
- };
+ public constructor(options: FileUploaderOptions) {
+ this.setOptions(options);
+ this.response = new EventEmitter();
+ }
+ public setOptions(options: FileUploaderOptions): void {
+ this.options = Object.assign(this.options, options);
+ this.uploaderService = this.options.uploaderService;
+ this.uploaderService.uploader = this;
+ this.authToken = this.options.authToken;
+ this.authTokenHeader = this.options.authTokenHeader || 'Authorization';
+ this.autoUpload = this.options.autoUpload;
+ this.options.filters.unshift({ name: 'queueLimit', fn: this._queueLimitFilter });
- protected _failFilterIndex: number;
+ if (this.options.maxFileSize) {
+ this.options.filters.unshift({ name: 'fileSize', fn: this._fileSizeFilter });
+ }
- public constructor(options: FileUploaderOptions) {
- this.setOptions(options);
- this.response = new EventEmitter();
- }
+ if (this.options.allowedFileType) {
+ this.options.filters.unshift({ name: 'fileType', fn: this._fileTypeFilter });
+ }
- public setOptions(options: FileUploaderOptions): void {
- this.options = Object.assign(this.options, options);
+ if (this.options.allowedMimeType) {
+ this.options.filters.unshift({ name: 'mimeType', fn: this._mimeTypeFilter });
+ }
- this.authToken = this.options.authToken;
- this.authTokenHeader = this.options.authTokenHeader || 'Authorization';
- this.autoUpload = this.options.autoUpload;
- this.options.filters.unshift({ name: 'queueLimit', fn: this._queueLimitFilter });
+ for (let i = 0; i < this.queue.length; i++) {
+ this.queue[i].url = this.options.url;
+ }
+ }
- if (this.options.maxFileSize) {
- this.options.filters.unshift({ name: 'fileSize', fn: this._fileSizeFilter });
- }
+ public addToQueue(files: File[], options?: FileUploaderOptions, filters?: FilterFunction[] | string): void {
+ let list: File[] = [];
+ for (let file of files) {
+ list.push(file);
+ }
+ let arrayOfFilters = this._getFilters(filters);
+ let count = this.queue.length;
+ let addedFileItems: FileItem[] = [];
+ list.map((some: File) => {
+ if (!options) {
+ options = this.options;
+ }
- if (this.options.allowedFileType) {
- this.options.filters.unshift({ name: 'fileType', fn: this._fileTypeFilter });
- }
+ let temp = new FileLikeObject(some);
+ if (this._isValidFile(temp, arrayOfFilters, options)) {
+ let fileItem = new FileItem(this, some, options);
+ addedFileItems.push(fileItem);
+ this.queue.push(fileItem);
+ this._onAfterAddingFile(fileItem);
+ } else {
+ let filter = arrayOfFilters[this._failFilterIndex];
+ this._onWhenAddingFileFailed(temp, filter, options);
+ }
+ });
+ if (this.queue.length !== count) {
+ this._onAfterAddingAll(addedFileItems);
+ this.progress = this._getTotalProgress();
+ }
+ this._render();
+ if (this.options.autoUpload) {
+ this.uploadAll();
+ }
+ }
- if (this.options.allowedMimeType) {
- this.options.filters.unshift({ name: 'mimeType', fn: this._mimeTypeFilter });
- }
+ public removeFromQueue(value: FileItem): void {
+ let index = this.getIndexOfItem(value);
+ let item = this.queue[index];
+ if (item.isUploading) {
+ item.cancel();
+ }
+ this.queue.splice(index, 1);
+ this.progress = this._getTotalProgress();
+ this.onRemoveItem(item);
+ }
- for (let i = 0; i < this.queue.length; i++) {
- this.queue[ i ].url = this.options.url;
- }
- }
+ public clearQueue(): void {
+ while (this.queue.length) {
+ this.queue[0].remove();
+ }
+ this.progress = 0;
+ }
- public addToQueue(files: File[], options?: FileUploaderOptions, filters?: FilterFunction[] | string): void {
- let list: File[] = [];
- for (let file of files) {
- list.push(file);
- }
- let arrayOfFilters = this._getFilters(filters);
- let count = this.queue.length;
- let addedFileItems: FileItem[] = [];
- list.map((some: File) => {
- if (!options) {
- options = this.options;
- }
+ public uploadItem(value: FileItem): void {
+ let index = this.getIndexOfItem(value);
+ let item = this.queue[index];
+ item._prepareToUploading();
+ if (this.isUploading) {
+ return;
+ }
+ this.isUploading = true;
+ this._uploadFile(item);
+ }
- let temp = new FileLikeObject(some);
- if (this._isValidFile(temp, arrayOfFilters, options)) {
- let fileItem = new FileItem(this, some, options);
- addedFileItems.push(fileItem);
- this.queue.push(fileItem);
- this._onAfterAddingFile(fileItem);
- } else {
- let filter = arrayOfFilters[ this._failFilterIndex ];
- this._onWhenAddingFileFailed(temp, filter, options);
- }
- });
- if (this.queue.length !== count) {
- this._onAfterAddingAll(addedFileItems);
- this.progress = this._getTotalProgress();
- }
- this._render();
- if (this.options.autoUpload) {
- this.uploadAll();
- }
- }
+ public cancelItem(value: FileItem): void {
+ const index = this.getIndexOfItem(value);
+ const item = this.queue[index];
+ if (item && item.isUploading) {
+ this.uploaderService.stopUpload()
+ }
+ }
- public removeFromQueue(value: FileItem): void {
- let index = this.getIndexOfItem(value);
- let item = this.queue[ index ];
- if (item.isUploading) {
- item.cancel();
- }
- this.queue.splice(index, 1);
- this.progress = this._getTotalProgress();
- }
+ public uploadAll(): void {
+ const items = this.getNotUploadedItems().filter((item: FileItem) => !item.isUploading);
+ if (!items.length) {
+ return;
+ }
+ items.map((item: FileItem) => item._prepareToUploading());
+ items[0].upload();
+ }
- public clearQueue(): void {
- while (this.queue.length) {
- this.queue[ 0 ].remove();
- }
- this.progress = 0;
- }
+ public cancelAll(): void {
+ const items = this.getNotUploadedItems();
+ items.map((item: FileItem) => item.cancel());
+ }
- public uploadItem(value: FileItem): void {
- let index = this.getIndexOfItem(value);
- let item = this.queue[ index ];
- let transport = this.options.isHTML5 ? '_xhrTransport' : '_iframeTransport';
- item._prepareToUploading();
- if (this.isUploading) {
- return;
- }
- this.isUploading = true;
- (this as any)[ transport ](item);
- }
+ public isFile(value: any): boolean {
+ return isFile(value);
+ }
- public cancelItem(value: FileItem): void {
- let index = this.getIndexOfItem(value);
- let item = this.queue[ index ];
- let prop = this.options.isHTML5 ? item._xhr : item._form;
- if (item && item.isUploading) {
- prop.abort();
- }
- }
+ public isFileLikeObject(value: any): boolean {
+ return value instanceof FileLikeObject;
+ }
- public uploadAll(): void {
- let items = this.getNotUploadedItems().filter((item: FileItem) => !item.isUploading);
- if (!items.length) {
- return;
- }
- items.map((item: FileItem) => item._prepareToUploading());
- items[ 0 ].upload();
- }
+ public getIndexOfItem(value: any): number {
+ return typeof value === 'number' ? value : this.queue.indexOf(value);
+ }
- public cancelAll(): void {
- let items = this.getNotUploadedItems();
- items.map((item: FileItem) => item.cancel());
- }
+ public getIsErrorItems(): any[] {
+ return this.queue.filter((item: FileItem) => item.isError);
+ }
- public isFile(value: any): boolean {
- return isFile(value);
- }
+ public getIsCancelItems(): any[] {
+ return this.queue.filter((item: FileItem) => item.isCancel);
+ }
- public isFileLikeObject(value: any): boolean {
- return value instanceof FileLikeObject;
- }
+ public getIsSuccessItems(): any[] {
+ return this.queue.filter((item: FileItem) => item.isSuccess);
+ }
- public getIndexOfItem(value: any): number {
- return typeof value === 'number' ? value : this.queue.indexOf(value);
- }
+ public getAllItems(): any[] {
+ return this.queue;
+ }
- public getNotUploadedItems(): any[] {
- return this.queue.filter((item: FileItem) => !item.isUploaded);
- }
- public getReadyItems(): any[] {
- return this.queue
- .filter((item: FileItem) => (item.isReady && !item.isUploading))
- .sort((item1: any, item2: any) => item1.index - item2.index);
- }
+ public getNotUploadedItems(): any[] {
+ return this.queue.filter((item: FileItem) => !item.isUploaded);
+ }
- public destroy(): void {
- return void 0;
- }
+ public getReadyItems(): any[] {
+ return this.queue
+ .filter((item: FileItem) => (item.isReady && !item.isUploading))
+ .sort((item1: any, item2: any) => item1.index - item2.index);
+ }
- public onAfterAddingAll(fileItems: any): any {
- return { fileItems };
- }
+ public destroy(): void {
+ return void 0;
+ }
- public onBuildItemForm(fileItem: FileItem, form: any): any {
- return { fileItem, form };
- }
+ public onAfterAddingAll(fileItems: any): any {
+ return { fileItems };
+ }
- public onAfterAddingFile(fileItem: FileItem): any {
- return { fileItem };
- }
+ public onBuildItemForm(fileItem: FileItem, form: any): any {
+ return { fileItem, form };
+ }
- public onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): any {
- return { item, filter, options };
- }
+ public onAfterAddingFile(fileItem: FileItem): any {
+ return { fileItem };
+ }
- public onBeforeUploadItem(fileItem: FileItem): any {
- return { fileItem };
- }
+ public onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): any {
+ return { item, filter, options };
+ }
- public onProgressItem(fileItem: FileItem, progress: any): any {
- return { fileItem, progress };
- }
+ public onBeforeUploadItem(fileItem: FileItem): any {
+ return { fileItem };
+ }
- public onProgressAll(progress: any): any {
- return { progress };
- }
+ public onProgressItem(fileItem: FileItem, progress: any): any {
+ return { fileItem, progress };
+ }
- public onSuccessItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
- return { item, response, status, headers };
- }
+ public onProgressAll(progress: any): any {
+ return { progress };
+ }
- public onErrorItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
- return { item, response, status, headers };
- }
+ public onSuccessItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+ return { item, response, status, headers };
+ }
- public onCancelItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
- return { item, response, status, headers };
- }
+ public onErrorItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+ return { item, response, status, headers };
+ }
- public onCompleteItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
- return { item, response, status, headers };
- }
+ public onCancelItem(item: FileItem): any {
+ return { item };
+ }
+ public onRemoveItem(item: FileItem): any {
+ return { item };
+ }
+ public onCompleteChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+ return { item, response, status, headers };
+ }
+ public onErrorChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+ return { item, response, status, headers };
+ }
+ public onCompleteItem(item: FileItem, response: string, status: number, headers: HttpHeaders): any {
+ return { item, response, status, headers };
+ }
- public onCompleteAll(): any {
- return void 0;
- }
+ public onCompleteAll(): any {
+ return void 0;
+ }
- public _mimeTypeFilter(item: FileLikeObject): boolean {
- return !(this.options.allowedMimeType && this.options.allowedMimeType.indexOf(item.type) === -1);
- }
+ public _mimeTypeFilter(item: FileLikeObject): boolean {
+ return !(this.options.allowedMimeType && this.options.allowedMimeType.indexOf(item.type) === -1);
+ }
- public _fileSizeFilter(item: FileLikeObject): boolean {
- return !(this.options.maxFileSize && item.size > this.options.maxFileSize);
- }
+ public _fileSizeFilter(item: FileLikeObject): boolean {
+ return !(this.options.maxFileSize && item.size > this.options.maxFileSize);
+ }
- public _fileTypeFilter(item: FileLikeObject): boolean {
- return !(this.options.allowedFileType &&
- this.options.allowedFileType.indexOf(FileType.getMimeClass(item)) === -1);
- }
+ public _fileTypeFilter(item: FileLikeObject): boolean {
+ return !(this.options.allowedFileType &&
+ this.options.allowedFileType.indexOf(FileType.getMimeClass(item)) === -1);
+ }
- public _onErrorItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): void {
- item._onError(response, status, headers);
- this.onErrorItem(item, response, status, headers);
- }
+ public _onErrorItem(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+ item._onError(response, status, headers);
+ this.onErrorItem(item, response, status, headers);
+ }
+ public _onCompleteChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+ this.onCompleteChunk(item, response, status, headers);
+ item._onCompleteChunk(response, status, headers);
+ this.progress = this._getTotalProgress();
+ this._render();
+ }
+ public _onCompleteItem(item: FileItem, response?: string, status?: number, headers?: HttpHeaders): void {
+ item._onComplete(response, status, headers);
+ this.onCompleteItem(item, response, status, headers);
+ let nextItem = this.getReadyItems()[0];
+ this.isUploading = false;
+ if (nextItem) {
+ nextItem.upload();
+ return;
+ }
+ this.onCompleteAll();
+ this.progress = this._getTotalProgress();
+ this._render();
+ }
+
+ protected _onProgress(event: HttpProgressEvent, item: FileItem) {
+ event = event;
+ let progress = (100 * event.loaded / event.total);
+ if (this.uploaderService.options.chunkSize > 0) {
+ progress = ( 100 * item.getCurrentChunk() / item.getTotalChunks() ) + (progress / item.getTotalChunks() );
+ }
+ // TODO: Check why it's not showing upload progress per item only on complete.
+ this._onProgressItem(item, Math.round(progress) );
+ }
+ public onProgress(event: HttpProgressEvent, item: FileItem) {
+ this._onProgress(event, item);
+ }
+ protected _onStart(event: HttpSentEvent, item: FileItem) {
- public _onCompleteItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): void {
- item._onComplete(response, status, headers);
- this.onCompleteItem(item, response, status, headers);
- let nextItem = this.getReadyItems()[ 0 ];
- this.isUploading = false;
- if (nextItem) {
- nextItem.upload();
- return;
- }
- this.onCompleteAll();
- this.progress = this._getTotalProgress();
- this._render();
- }
+ }
+ public onStart(event: HttpSentEvent, item: FileItem) {
+ this._onStart(event, item);
+ }
+ protected _onLoad(event: HttpResponse, item: FileItem) {
+ const headers = event.headers;
+ const response = this._transformResponse(event.body, headers);
+ const gist = this._isSuccessCode(event.status) ? 'Success' : 'Error';
+ const method = '_on' + gist + 'Item';
+ if (this.uploaderService.options.chunkSize > 0) {
+ if ( (item.getCurrentChunk() +1) >= item.getTotalChunks()) {
+ (this as any)[method](item, response, event.status, headers);
+ this._onCompleteItem(item, response, event.status, headers);
+ } else {
+ this._onCompleteChunk(item, response, event.status, headers);
+ }
+ } else {
+ (this as any)[method](item, response, event.status, headers);
+ this._onCompleteItem(item, response, event.status, headers);
+ }
+
+ }
+ public onLoad(event: HttpResponse, item: FileItem) {
+ this._onLoad(event, item);
+ }
- protected _headersGetter(parsedHeaders: ParsedResponseHeaders): any {
- return (name: any): any => {
- if (name) {
- return parsedHeaders[ name.toLowerCase() ] || void 0;
- }
- return parsedHeaders;
- };
- }
+ protected _onError(error: any, item: FileItem) {
+ const headers: HttpHeaders = error.Headers
+ const response = this._transformResponse(error.error, headers);
+ if (this.uploaderService.options.chunkSize > 0) {
+ this._onErrorChunk(item, response, error.status, headers);
+ } else {
+ this._onErrorItem(item, response, error.status, headers);
+ this._onCompleteItem(item, response, error.status, headers);
+ }
+ }
+ public onError(error: HttpErrorResponse, item: FileItem) {
+ this._onError(error,item);
+ }
+ protected _onAbort(error: HttpErrorResponse, item: FileItem) {
+ this._onCancelItem(item);
+ this._onCompleteItem(item);
+ }
- protected _xhrTransport(item: FileItem): any {
- let that = this;
- let xhr = item._xhr = new XMLHttpRequest();
- let sendable: any;
- this._onBeforeUploadItem(item);
+ public onAbort(error: HttpErrorResponse, item: FileItem) {
+ this._onAbort(error, item);
+ }
+
+ protected _uploadFile(item: FileItem): any {
+ this._onBeforeUploadItem(item);
+ if (typeof item._file.size !== 'number') {
+ throw new TypeError('The file specified is no longer valid');
+ }
+ this.uploaderService.uploadFile(item, this.options);
+ }
+
+ protected _getTotalProgress(value: number = 0): number {
+ if (this.options.removeAfterUpload) {
+ return value;
+ }
+ let notUploaded = this.getNotUploadedItems().length;
+ let uploaded = notUploaded ? this.queue.length - notUploaded : this.queue.length;
+ let ratio = 100 / this.queue.length;
+ let current = value * ratio / 100;
+ return Math.round(uploaded * ratio + current);
+ }
- if (typeof item._file.size !== 'number') {
- throw new TypeError('The file specified is no longer valid');
- }
- if (!this.options.disableMultipart) {
- sendable = new FormData();
- this._onBuildItemForm(item, sendable);
+ protected _getFilters(filters: FilterFunction[] | string): FilterFunction[] {
+ if (!filters) {
+ return this.options.filters;
+ }
+ if (Array.isArray(filters)) {
+ return filters;
+ }
+ if (typeof filters === 'string') {
+ let names = filters.match(/[^\s,]+/g);
+ return this.options.filters
+ .filter((filter: any) => names.indexOf(filter.name) !== -1);
+ }
+ return this.options.filters;
+ }
- const appendFile = () => sendable.append(item.alias, item._file, item.file.name);
- if (!this.options.parametersBeforeFiles) {
- appendFile();
- }
+ protected _render(): any {
+ return void 0;
+ }
- // For AWS, Additional Parameters must come BEFORE Files
- if (this.options.additionalParameter !== undefined) {
- Object.keys(this.options.additionalParameter).forEach((key: string) => {
- let paramVal = this.options.additionalParameter[ key ];
- // Allow an additional parameter to include the filename
- if (typeof paramVal === 'string' && paramVal.indexOf('{{file_name}}') >= 0) {
- paramVal = paramVal.replace('{{file_name}}', item.file.name);
- }
- sendable.append(key, paramVal);
- });
- }
+ protected _queueLimitFilter(): boolean {
+ return this.options.queueLimit === undefined || this.queue.length < this.options.queueLimit;
+ }
- if (this.options.parametersBeforeFiles) {
- appendFile();
- }
- } else {
- sendable = this.options.formatDataFunction(item);
- }
+ protected _isValidFile(file: FileLikeObject, filters: FilterFunction[], options: FileUploaderOptions): boolean {
+ this._failFilterIndex = -1;
+ return !filters.length ? true : filters.every((filter: FilterFunction) => {
+ this._failFilterIndex++;
+ return filter.fn.call(this, file, options);
+ });
+ }
- xhr.upload.onprogress = (event: any) => {
- let progress = Math.round(event.lengthComputable ? event.loaded * 100 / event.total : 0);
- this._onProgressItem(item, progress);
- };
- xhr.onload = () => {
- let headers = this._parseHeaders(xhr.getAllResponseHeaders());
- let response = this._transformResponse(xhr.response, headers);
- let gist = this._isSuccessCode(xhr.status) ? 'Success' : 'Error';
- let method = '_on' + gist + 'Item';
- (this as any)[ method ](item, response, xhr.status, headers);
- this._onCompleteItem(item, response, xhr.status, headers);
- };
- xhr.onerror = () => {
- let headers = this._parseHeaders(xhr.getAllResponseHeaders());
- let response = this._transformResponse(xhr.response, headers);
- this._onErrorItem(item, response, xhr.status, headers);
- this._onCompleteItem(item, response, xhr.status, headers);
- };
- xhr.onabort = () => {
- let headers = this._parseHeaders(xhr.getAllResponseHeaders());
- let response = this._transformResponse(xhr.response, headers);
- this._onCancelItem(item, response, xhr.status, headers);
- this._onCompleteItem(item, response, xhr.status, headers);
- };
- xhr.open(item.method, item.url, true);
- xhr.withCredentials = item.withCredentials;
- if (this.options.headers) {
- for (let header of this.options.headers) {
- xhr.setRequestHeader(header.name, header.value);
- }
- }
- if (item.headers.length) {
- for (let header of item.headers) {
- xhr.setRequestHeader(header.name, header.value);
- }
- }
- if (this.authToken) {
- xhr.setRequestHeader(this.authTokenHeader, this.authToken);
- }
- xhr.onreadystatechange = function () {
- if (xhr.readyState == XMLHttpRequest.DONE) {
- that.response.emit(xhr.responseText)
- }
- }
- if (this.options.formatDataFunctionIsAsync) {
- sendable.then(
- (result: any) => xhr.send(JSON.stringify(result))
- );
- } else {
- xhr.send(sendable);
- }
- this._render();
- }
+ protected _isSuccessCode(status: number): boolean {
+ return (status >= 200 && status < 300) || status === 304;
+ }
- protected _getTotalProgress(value: number = 0): number {
- if (this.options.removeAfterUpload) {
- return value;
- }
- let notUploaded = this.getNotUploadedItems().length;
- let uploaded = notUploaded ? this.queue.length - notUploaded : this.queue.length;
- let ratio = 100 / this.queue.length;
- let current = value * ratio / 100;
- return Math.round(uploaded * ratio + current);
- }
+ protected _transformResponse(response: string, headers: HttpHeaders): string {
+ return response;
+ }
- protected _getFilters(filters: FilterFunction[] | string): FilterFunction[] {
- if (!filters) {
- return this.options.filters;
- }
- if (Array.isArray(filters)) {
- return filters;
- }
- if (typeof filters === 'string') {
- let names = filters.match(/[^\s,]+/g);
- return this.options.filters
- .filter((filter: any) => names.indexOf(filter.name) !== -1);
- }
- return this.options.filters;
- }
+ protected _onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): void {
+ this.onWhenAddingFileFailed(item, filter, options);
+ }
- protected _render(): any {
- return void 0;
- }
+ protected _onAfterAddingFile(item: FileItem): void {
+ this.onAfterAddingFile(item);
+ }
- protected _queueLimitFilter(): boolean {
- return this.options.queueLimit === undefined || this.queue.length < this.options.queueLimit;
- }
+ protected _onAfterAddingAll(items: any): void {
+ this.onAfterAddingAll(items);
+ }
- protected _isValidFile(file: FileLikeObject, filters: FilterFunction[], options: FileUploaderOptions): boolean {
- this._failFilterIndex = -1;
- return !filters.length ? true : filters.every((filter: FilterFunction) => {
- this._failFilterIndex++;
- return filter.fn.call(this, file, options);
- });
- }
+ protected _onBeforeUploadItem(item: FileItem): void {
+ item._onBeforeUpload();
+ this.onBeforeUploadItem(item);
+ }
- protected _isSuccessCode(status: number): boolean {
- return (status >= 200 && status < 300) || status === 304;
- }
+ public _onBuildItemForm(item: FileItem, form: any): void {
+ item._onBuildForm(form);
+ this.onBuildItemForm(item, form);
+ }
- protected _transformResponse(response: string, headers: ParsedResponseHeaders): string {
- return response;
- }
+ protected _onProgressItem(item: FileItem, progress: any): void {
+ const total = this._getTotalProgress(progress);
+ this.progress = total;
+ item._onProgress(progress);
+ this.onProgressItem(item, progress);
+ this.onProgressAll(total);
+ this._render();
+ }
+ protected _onErrorChunk(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+ item._onErrorChunk(response, status, headers);
+ this.onErrorChunk(item, response, status, headers)
+ }
+ protected _onSuccessItem(item: FileItem, response: string, status: number, headers: HttpHeaders): void {
+ item._onSuccess(response, status, headers);
+ this.onSuccessItem(item, response, status, headers);
+ }
- protected _parseHeaders(headers: string): ParsedResponseHeaders {
- let parsed: any = {};
- let key: any;
- let val: any;
- let i: any;
- if (!headers) {
- return parsed;
- }
- headers.split('\n').map((line: any) => {
- i = line.indexOf(':');
- key = line.slice(0, i).trim().toLowerCase();
- val = line.slice(i + 1).trim();
- if (key) {
- parsed[ key ] = parsed[ key ] ? parsed[ key ] + ', ' + val : val;
- }
- });
- return parsed;
- }
-
- protected _onWhenAddingFileFailed(item: FileLikeObject, filter: any, options: any): void {
- this.onWhenAddingFileFailed(item, filter, options);
- }
-
- protected _onAfterAddingFile(item: FileItem): void {
- this.onAfterAddingFile(item);
- }
-
- protected _onAfterAddingAll(items: any): void {
- this.onAfterAddingAll(items);
- }
-
- protected _onBeforeUploadItem(item: FileItem): void {
- item._onBeforeUpload();
- this.onBeforeUploadItem(item);
- }
-
- protected _onBuildItemForm(item: FileItem, form: any): void {
- item._onBuildForm(form);
- this.onBuildItemForm(item, form);
- }
-
- protected _onProgressItem(item: FileItem, progress: any): void {
- let total = this._getTotalProgress(progress);
- this.progress = total;
- item._onProgress(progress);
- this.onProgressItem(item, progress);
- this.onProgressAll(total);
- this._render();
- }
-
- protected _onSuccessItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): void {
- item._onSuccess(response, status, headers);
- this.onSuccessItem(item, response, status, headers);
- }
-
- protected _onCancelItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): void {
- item._onCancel(response, status, headers);
- this.onCancelItem(item, response, status, headers);
- }
-}
+ protected _onCancelItem(item: FileItem): void {
+ item._onCancel();
+ this.onCancelItem(item);
+ }
+}
\ No newline at end of file
diff --git a/src/file-upload/file-uploader.service.ts b/src/file-upload/file-uploader.service.ts
new file mode 100644
index 0000000..e256014
--- /dev/null
+++ b/src/file-upload/file-uploader.service.ts
@@ -0,0 +1,358 @@
+import { HttpErrorResponse } from '@angular/common/http/src/response';
+import { FileUploaderOptions, FileUploader } from './file-uploader.class';
+import { FileItem } from './file-item.class';
+
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders, HttpRequest, HttpEventType } from '@angular/common/http';
+import { Observable, of} from 'rxjs';
+import { map } from 'rxjs/operators';
+
+export interface UploaderLinksOptions {
+ downloadEntry: string;
+ updateEntry: string;
+ createEntry: string;
+ deleteEntry: string;
+}
+
+export interface UploaderServiceOptions {
+ createMethod: string;
+ updateMethod: string;
+ authorizationHeaderName?: string;
+ tokenPattern?: string;
+ token?: string;
+ chunkSize?: number;
+ totalChunkParamName?: string;
+ currentChunkParamName?: string;
+ fileParamName?: string;
+ idAttribute?: string;
+}
+@Injectable()
+export class FileUploaderService {
+ public defaultLinks: UploaderLinksOptions = {
+ downloadEntry: '',
+ updateEntry: '',
+ createEntry: '',
+ deleteEntry: ''
+ };
+ public defaultOptions: UploaderServiceOptions = {
+ createMethod: 'POST',
+ updateMethod: 'POST',
+ authorizationHeaderName: 'Authorization',
+ tokenPattern: null,
+ token: null,
+ chunkSize: 0,
+ totalChunkParamName: 'total_chunks',
+ currentChunkParamName: 'current_chunk',
+ fileParamName: 'file',
+ idAttribute: 'id'
+ };
+ public additionalHeaders:any = {};
+ protected cancelError = 'UPLOAD CANCELED';
+ protected uploadSubscription: any = null;
+ public links: UploaderLinksOptions;
+ public options: UploaderServiceOptions;
+ private _uploader: FileUploader = null;
+ constructor(protected http: HttpClient) {
+ this.links = Object.assign({}, this.defaultLinks, this.links);
+ this.options = Object.assign({}, this.defaultOptions, this.options);
+ }
+ get uploader(): FileUploader {
+ return this._uploader;
+ }
+ set uploader(theUploader: FileUploader) {
+ this._uploader = theUploader;
+ }
+ public onBeforeUpload(
+ item: FileItem,
+ options: FileUploaderOptions
+ ): Promise {
+ const promise = new Promise((resolve, reject) => {
+ resolve(true);
+ });
+ return promise;
+ }
+ public uploadFile(item: FileItem, options: FileUploaderOptions): void {
+ this.onBeforeUpload(item, options).then(() => {
+ this._uploadFile(item, options);
+ });
+ }
+ public onBeforeGetDefaultHeaders(): Promise {
+ const promise = new Promise((resolve, reject) => {
+ resolve(true);
+ });
+ return promise;
+ }
+ protected _getDefaultHeaders(): Promise {
+ return new Promise((resolve, reject) => {
+ this.onBeforeGetDefaultHeaders().then(
+ result => {
+ const h: any = {};
+ if (this.options.tokenPattern && this.options.token) {
+ h[
+ this.options.authorizationHeaderName
+ ] = this.options.tokenPattern.replace(
+ '#token#',
+ this.options.token
+ );
+ }
+ for (const key in this.additionalHeaders) {
+ if (this.additionalHeaders.hasOwnProperty(key)) {
+ h[key] = this.additionalHeaders[key];
+ }
+ }
+ resolve(h);
+ },
+ error => {
+ reject(error);
+ }
+ );
+ });
+ }
+ protected _getRequestHeaders(
+ item: FileItem,
+ options: FileUploaderOptions
+ ): Promise {
+ return new Promise((resolve, reject) => {
+ this._getDefaultHeaders().then(
+ h => {
+ if (options.headers) {
+ for (let header of options.headers) {
+ h[header.name] = header.value;
+ }
+ }
+ if (item.headers.length) {
+ for (let header of item.headers) {
+ h[header.name] = header.value;
+ }
+ }
+ resolve(h);
+ },
+ error => {
+ reject(error);
+ }
+ );
+ });
+ }
+
+ public buildPackageToSend(item: FileItem, options: FileUploaderOptions) {
+ let sendable: FormData = new FormData();
+ this.uploader._onBuildItemForm(item, sendable);
+ let file: any = null;
+ if (this.options.chunkSize > 0) {
+ file = item.getCurrentChunkFile();
+ } else {
+ file = item._file;
+ }
+ const appendFile = () =>
+ sendable.append(this.options.fileParamName, file, item.file.name);
+ if (!options.parametersBeforeFiles) {
+ appendFile();
+ }
+
+ // For AWS, Additional Parameters must come BEFORE Files
+ if (options.additionalParameter !== undefined) {
+ Object.keys(options.additionalParameter).forEach((key: string) => {
+ let paramVal = options.additionalParameter[key];
+ // Allow an additional parameter to include the filename
+ if (
+ typeof paramVal === 'string' &&
+ paramVal.indexOf('{{file_name}}') >= 0
+ ) {
+ paramVal = paramVal.replace('{{file_name}}', item.file.name);
+ }
+ sendable.append(key, paramVal);
+ });
+ }
+
+ if (this.options.chunkSize > 0 && this.options.totalChunkParamName) {
+ sendable.append(
+ this.options.totalChunkParamName,
+ item.getTotalChunks().toString()
+ );
+ }
+ if (this.options.chunkSize > 0 && this.options.currentChunkParamName) {
+ sendable.append(
+ this.options.currentChunkParamName,
+ (item.getCurrentChunk() + 1).toString()
+ );
+ }
+
+ if (options.parametersBeforeFiles) {
+ appendFile();
+ }
+
+ return sendable;
+ }
+
+ protected _uploadFile(item: FileItem, options: FileUploaderOptions): void {
+ this._getRequestHeaders(item, options).then(
+ headers => {
+ let request_method = this.options.createMethod;
+ let link = this.links.createEntry;
+ item.setIsUploading(true);
+ if (this.options.chunkSize > 0) {
+ try {
+ item.getCurrentChunk();
+ } catch (err) {
+ item.createFileChunk(this.options.chunkSize);
+ }
+ request_method =
+ item.getCurrentChunk() > 0
+ ? this.options.updateMethod
+ : this.options.createMethod;
+ link =
+ item.getCurrentChunk() > 0
+ ? this.links.updateEntry
+ : this.links.createEntry;
+ }
+ if (item.getId()) {
+ link = link.replace('#id#', item.getId());
+ }
+ const data = this.buildPackageToSend(item, options);
+ const request = new HttpRequest(request_method, link, data, {
+ headers: new HttpHeaders(headers),
+ reportProgress: true,
+ withCredentials: item.withCredentials,
+ });
+ this.uploadSubscription = this.http.request(request).subscribe(
+ (event: any) => {
+ this.getEventMessage(event, item);
+ },
+ (error: any) => {
+ if (this.cancelError === error) {
+ this.uploader.onAbort(error, item);
+ } else {
+ this.uploader.onError(error, item);
+ }
+ }
+ );
+ },
+ error => {}
+ );
+ }
+ public stopUpload() {
+ if (this.uploadSubscription && this.uploadSubscription.unsubscribe) {
+ this.uploadSubscription.error(this.cancelError);
+ }
+ }
+ private getEventMessage(event: any, item: FileItem) {
+ switch (event.type) {
+ case HttpEventType.ResponseHeader:
+ break;
+ case HttpEventType.Sent:
+ this.uploader.onStart(event, item);
+ break;
+ case HttpEventType.UploadProgress:
+ this.uploader.onProgress(event, item);
+ break;
+ case HttpEventType.Response:
+ if (this.options.chunkSize > 0) {
+ if (item.getCurrentChunk() === 0) {
+ const response = event.body;
+ if (response[this.options.idAttribute]) {
+ item.setId(response[this.options.idAttribute]);
+ }
+ }
+ }
+ this.uploader.onLoad(event, item);
+ break;
+ default:
+ break;
+ }
+ }
+ private handleError(item: FileItem) {
+ const userMessage = `${item.file.name} upload failed.`;
+
+ return (error: HttpErrorResponse) => {
+ this.uploader.onError(error, item);
+
+ const message =
+ error.error instanceof Error
+ ? error.error.message
+ : `server returned code ${error.status} with body "${error.error}"`;
+
+ return of (userMessage);
+ };
+ }
+
+ public deleteEntry(
+ item: FileItem,
+ options = {},
+ skipConfirmation = false
+ ): Observable {
+ if (item.getId() && this.links['deleteEntry']) {
+ let link = this.links['deleteEntry'].replace(/#id#/g, item.getId());
+ let confirmation = false;
+ if (skipConfirmation) {
+ confirmation = true;
+ } else {
+ confirmation = confirm('Are you sure you want to delete this entry?');
+ }
+
+ if (confirmation) {
+ return this.delete(link, options)
+ } else {
+ return of(false);
+ }
+ } else {
+ return of(false);
+ }
+ }
+
+ protected delete(url: string, options = {}): Observable {
+ return new Observable((observe:any) => {
+ this._getDefaultHeaders().then(
+ function(headers: any) {
+ return this.http
+ .delete(url, { headers: new HttpHeaders(headers) })
+ .subscribe(
+ (response: Response) => {
+ observe.next(response);
+ },
+ (error: any) => {
+ observe.error(error);
+ }
+ );
+ }.bind(this),
+ error => {
+ observe.error(error);
+ }
+ );
+ });
+ }
+
+ /*
+ HTTP General methos only bellow
+ */
+ protected get(url: string): Observable {
+ return new Observable(observe => {
+ this._getDefaultHeaders().then(
+ function(headers:any) {
+ return this.http
+ .get(url, { headers: new HttpHeaders(headers) })
+ .subscribe(
+ (response: Response) => {
+ observe.next(response);
+ },
+ (error: any) => {
+ observe.error(error);
+ }
+ );
+ }.bind(this),
+ error => {
+ observe.error(error);
+ }
+ );
+ });
+ }
+
+ public addHeader(name:string = null, value:any = null) {
+ this.additionalHeaders[name] = value;
+ }
+
+ public removeHeader(name:string = null) {
+ if (this.additionalHeaders.hasOwnProperty(name)) {
+ delete this.additionalHeaders[name];
+ }
+ }
+}
diff --git a/src/index.ts b/src/index.ts
index 659f2b5..288dc36 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,5 +3,6 @@ export * from './file-upload/file-drop.directive';
export * from './file-upload/file-uploader.class';
export * from './file-upload/file-item.class';
export * from './file-upload/file-like-object.class';
+export * from './file-upload/file-uploader.service';
export { FileUploadModule } from './file-upload/file-upload.module';
diff --git a/src/ng2-file-upload.ts b/src/ng2-chunk-file-upload.ts
similarity index 100%
rename from src/ng2-file-upload.ts
rename to src/ng2-chunk-file-upload.ts
diff --git a/src/package.json b/src/package.json
index b7ea575..81f22e8 100644
--- a/src/package.json
+++ b/src/package.json
@@ -1,5 +1,5 @@
{
- "name": "ng2-file-upload",
+ "name": "ng2-chunk-file-upload",
"version": "1.3.0",
"peerDependencies": {
"@angular/common": "*",
diff --git a/src/tsconfig.json b/src/tsconfig.json
index acc5393..ceefeff 100644
--- a/src/tsconfig.json
+++ b/src/tsconfig.json
@@ -28,7 +28,7 @@
],
"files": [
"../scripts/typings.d.ts",
- "./ng2-file-upload.ts",
+ "./ng2-chunk-file-upload.ts",
"./index.ts"
],
"angularCompilerOptions": {
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..720ae94
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,24 @@
+{
+ "compileOnSave": false,
+ "compilerOptions": {
+ "outDir": "./dist/out-tsc",
+ "sourceMap": true,
+ "declaration": false,
+ "moduleResolution": "node",
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "target": "es5",
+ "typeRoots": [
+ "node_modules/@types"
+ ],
+ "lib": [
+ "es2017",
+ "dom"
+ ],
+ "plugins": [
+ {
+ "name": "tslint-language-service"
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/tslint.json b/tslint.json
index aaeff52..7a2ca86 100644
--- a/tslint.json
+++ b/tslint.json
@@ -1,12 +1,136 @@
{
- "extends": "tslint-config-valorsoft",
- "rulesDirectory": "./node_modules/codelyzer",
- "rules": {
- "no-forward-ref": false,
- "no-null-keyword": false,
- "only-arrow-functions": false,
- "no-access-missing-member": false,
- "directive-selector": false,
- "component-selector": false
- }
-}
+ "rulesDirectory": [
+ "node_modules/codelyzer"
+ ],
+ "rules": {
+ "trailing-comma": [
+ true,
+ {
+ "multiline": "always",
+ "singleline": "never"
+ }
+ ],
+ "arrow-return-shorthand": true,
+ "callable-types": true,
+ "class-name": true,
+ "comment-format": [
+ true,
+ "check-space"
+ ],
+ "eofline": true,
+ "forin": true,
+ "import-blacklist": [
+ true
+ ],
+ "import-spacing": true,
+ "indent": [
+ true,
+ "tabs",
+ 4
+ ],
+ "interface-over-type-literal": true,
+ "label-position": true,
+ "max-line-length": [
+ true,
+ 180
+ ],
+ "member-access": false,
+ "no-arg": true,
+ "no-console": [
+ true,
+ "debug",
+ "log",
+ "time",
+ "timeEnd",
+ "trace"
+ ],
+ "no-construct": true,
+ "no-debugger": true,
+ "no-duplicate-super": true,
+ "no-empty": false,
+ "no-empty-interface": true,
+ "no-eval": true,
+ "no-misused-new": true,
+ "no-non-null-assertion": true,
+ "no-shadowed-variable": true,
+ "no-string-literal": false,
+ "no-string-throw": true,
+ "no-switch-case-fall-through": true,
+ "no-trailing-whitespace": true,
+ "no-unnecessary-initializer": true,
+ "no-use-before-declare": true,
+ "no-var-keyword": true,
+ "object-literal-sort-keys": false,
+ "one-line": [
+ true,
+ "check-open-brace",
+ "check-catch",
+ "check-else",
+ "check-whitespace"
+ ],
+ "prefer-const": true,
+ "quotemark": [
+ true,
+ "single"
+ ],
+ "radix": true,
+ "semicolon": [
+ true
+ ],
+ "triple-equals": [
+ true,
+ "allow-null-check"
+ ],
+ "typedef-whitespace": [
+ true,
+ {
+ "call-signature": "nospace",
+ "index-signature": "nospace",
+ "parameter": "nospace",
+ "property-declaration": "nospace",
+ "variable-declaration": "nospace"
+ }
+ ],
+ "typeof-compare": true,
+ "unified-signatures": true,
+ "variable-name": false,
+ "whitespace": [
+ true,
+ "check-branch",
+ "check-decl",
+ "check-operator",
+ "check-separator",
+ "check-type"
+ ],
+ "directive-selector": [
+ true,
+ "attribute",
+ "ngx",
+ "camelCase"
+ ],
+ "component-selector": [
+ true,
+ "element",
+ "ngx",
+ "kebab-case"
+ ],
+ "ban": [
+ true,
+ "eval",
+ "fit",
+ "fdescribe",
+ {
+ "name": "$",
+ "message": "please don't"
+ }
+ ],
+ "use-input-property-decorator": true,
+ "use-output-property-decorator": true,
+ "no-output-rename": true,
+ "use-life-cycle-interface": true,
+ "use-pipe-transform-interface": true,
+ "component-class-suffix": true,
+ "directive-class-suffix": true,
+ "no-unused-variable": true
+ }
+}
\ No newline at end of file