ngx-validation
Version:
angular two and above validation directives by ReactiveCore
72 lines (71 loc) • 2.87 kB
JavaScript
;
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var core_1 = require('@angular/core');
var forms_1 = require('@angular/forms');
var FileTypeValidator = (function () {
function FileTypeValidator(element) {
this.element = element;
this.fileType = ['owl', 'xml'];
this.fileAdded = new core_1.EventEmitter();
}
FileTypeValidator.prototype.validate = function (c) {
var _this = this;
this.control = c;
if (this.files && this.files.length) {
if (this.fileType.indexOf(this.files[0].name.split('.').pop()) > -1) {
var reader_1 = new FileReader();
reader_1.readAsText(this.files[0]);
reader_1.onload = function () {
_this.fileAdded.emit({
file: reader_1.result,
name: _this.files[0].name
});
};
return null;
}
else {
this.element.nativeElement.value = '';
this.fileAdded.emit(null);
return {
file: "Only file extensions with " + this.fileType + " are allowed"
};
}
}
return {
file: 'please upload a valid file'
};
};
FileTypeValidator.prototype.onChange = function (event) {
this.files = this.element.nativeElement.files;
this.control.markAsDirty();
this.control.updateValueAndValidity();
};
__decorate([
core_1.Input()
], FileTypeValidator.prototype, "fileType", void 0);
__decorate([
core_1.Output()
], FileTypeValidator.prototype, "fileAdded", void 0);
__decorate([
core_1.HostListener('change', ['$event'])
], FileTypeValidator.prototype, "onChange", null);
FileTypeValidator = __decorate([
core_1.Directive({
selector: '[fileTypeValidation][formControlName]',
providers: [
{
provide: forms_1.NG_VALIDATORS,
useExisting: core_1.forwardRef(function () { return FileTypeValidator; }),
multi: true
}
]
})
], FileTypeValidator);
return FileTypeValidator;
}());
exports.FileTypeValidator = FileTypeValidator;