@cause-911/material
Version:
Run `npm install @cause-911/material --save` to add this library to your project
117 lines • 8.7 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { FormControl, Validators } from '@angular/forms';
import { CoreService, TranslateService } from '@cause-911/core';
var InputMultipleLangueComponent = /** @class */ (function () {
function InputMultipleLangueComponent(coreService, translate) {
this.translate = translate;
this.value = [];
this.forms = [];
this.labels = [];
this.selectedIndex = 0;
this.config = coreService.getConfig();
}
/**
* @return {?}
*/
InputMultipleLangueComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _this = this;
this.translate.get(this.config.languages).subscribe((/**
* @param {?} labels
* @return {?}
*/
function (labels) {
for (var i in labels) {
if (labels[i]) {
_this.labels.push(labels[i]);
}
}
_this.initializeForms();
}));
};
/**
* @param {?} tabIndex
* @return {?}
*/
InputMultipleLangueComponent.prototype.onTagChanged = /**
* @param {?} tabIndex
* @return {?}
*/
function (tabIndex) {
console.log('cause-material', tabIndex);
console.log('cause-material', this.value);
console.log('cause-material', this.forms);
};
/**
* @param {?} index
* @return {?}
*/
InputMultipleLangueComponent.prototype.getErrorMessage = /**
* @param {?} index
* @return {?}
*/
function (index) {
return this.forms[index].hasError('required') ? 'error.required' : '';
};
/**
* @private
* @return {?}
*/
InputMultipleLangueComponent.prototype.initializeForms = /**
* @private
* @return {?}
*/
function () {
var _this = this;
this.labels.forEach((/**
* @param {?} item
* @param {?} index
* @return {?}
*/
function (item, index) {
_this.forms[index] = new FormControl('', [Validators.required]);
_this.forms[index].setValue(_this.value[index] || '');
}));
};
InputMultipleLangueComponent.decorators = [
{ type: Component, args: [{
selector: 'cause-input-multiple-langue',
template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n <mat-tab *ngFor=\"let lang of labels; let i = index\" [label]=\"lang\">\n <mat-form-field hideRequiredMarker=\"never\">\n <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n <mat-error *ngIf=\"forms[i].invalid\">{{getErrorMessage(i) | translate}}</mat-error>\n </mat-form-field>\n </mat-tab>\n</mat-tab-group>",
styles: [".mat-form-field{width:100%}"]
}] }
];
/** @nocollapse */
InputMultipleLangueComponent.ctorParameters = function () { return [
{ type: CoreService },
{ type: TranslateService }
]; };
InputMultipleLangueComponent.propDecorators = {
value: [{ type: Input }]
};
return InputMultipleLangueComponent;
}());
export { InputMultipleLangueComponent };
if (false) {
/** @type {?} */
InputMultipleLangueComponent.prototype.value;
/** @type {?} */
InputMultipleLangueComponent.prototype.config;
/** @type {?} */
InputMultipleLangueComponent.prototype.forms;
/** @type {?} */
InputMultipleLangueComponent.prototype.labels;
/** @type {?} */
InputMultipleLangueComponent.prototype.selectedIndex;
/**
* @type {?}
* @private
*/
InputMultipleLangueComponent.prototype.translate;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbXVsdGlwbGUtbGFuZ3VlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BjYXVzZS05MTEvbWF0ZXJpYWwvIiwic291cmNlcyI6WyJsaWIvaW5wdXQtbXVsdGlwbGUtbGFuZ3VlL2lucHV0LW11bHRpcGxlLWxhbmd1ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxXQUFXLEVBQUUsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkQsT0FBTyxFQUFnQixXQUFXLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUU3RTtJQVlJLHNDQUNJLFdBQXdCLEVBQ2hCLFNBQTJCO1FBQTNCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBUjlCLFVBQUssR0FBYSxFQUFFLENBQUM7UUFFOUIsVUFBSyxHQUFrQixFQUFFLENBQUM7UUFDMUIsV0FBTSxHQUFhLEVBQUUsQ0FBQztRQUN0QixrQkFBYSxHQUFHLENBQUMsQ0FBQztRQU1kLElBQUksQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQzFDLENBQUM7Ozs7SUFFRCwrQ0FBUTs7O0lBQVI7UUFBQSxpQkFTQztRQVJHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsTUFBTTtZQUN0RCxLQUFLLElBQU0sQ0FBQyxJQUFJLE1BQU0sRUFBRTtnQkFDcEIsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQ1gsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQy9CO2FBQ0o7WUFDRCxLQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7OztJQUVELG1EQUFZOzs7O0lBQVosVUFBYSxRQUFnQjtRQUN6QixPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3hDLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7Ozs7O0lBRUQsc0RBQWU7Ozs7SUFBZixVQUFnQixLQUFVO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDMUUsQ0FBQzs7Ozs7SUFFTyxzREFBZTs7OztJQUF2QjtRQUFBLGlCQUtDO1FBSkcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzs7OztRQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7WUFDNUIsS0FBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztZQUMvRCxLQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Z0JBN0NKLFNBQVMsU0FBQztvQkFDUCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2Qyw2ZEFBcUQ7O2lCQUV4RDs7OztnQkFOc0IsV0FBVztnQkFBRSxnQkFBZ0I7Ozt3QkFRL0MsS0FBSzs7SUF3Q1YsbUNBQUM7Q0FBQSxBQTlDRCxJQThDQztTQXpDWSw0QkFBNEI7OztJQUNyQyw2Q0FBOEI7O0lBQzlCLDhDQUFzQjs7SUFDdEIsNkNBQTBCOztJQUMxQiw4Q0FBc0I7O0lBQ3RCLHFEQUFrQjs7Ozs7SUFJZCxpREFBbUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1Db250cm9sLCBWYWxpZGF0b3JzfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0NvbmZpZ3VyYXRpb24sIENvcmVTZXJ2aWNlLCBUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAY2F1c2UtOTExL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2NhdXNlLWlucHV0LW11bHRpcGxlLWxhbmd1ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LW11bHRpcGxlLWxhbmd1ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbXVsdGlwbGUtbGFuZ3VlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRNdWx0aXBsZUxhbmd1ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgdmFsdWU6IHN0cmluZ1tdID0gW107XG4gICAgY29uZmlnOiBDb25maWd1cmF0aW9uO1xuICAgIGZvcm1zOiBGb3JtQ29udHJvbFtdID0gW107XG4gICAgbGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuICAgIHNlbGVjdGVkSW5kZXggPSAwO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIGNvcmVTZXJ2aWNlOiBDb3JlU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgKSB7XG4gICAgICAgIHRoaXMuY29uZmlnID0gY29yZVNlcnZpY2UuZ2V0Q29uZmlnKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMudHJhbnNsYXRlLmdldCh0aGlzLmNvbmZpZy5sYW5ndWFnZXMpLnN1YnNjcmliZShsYWJlbHMgPT4ge1xuICAgICAgICAgICAgZm9yIChjb25zdCBpIGluIGxhYmVscykge1xuICAgICAgICAgICAgICAgIGlmIChsYWJlbHNbaV0pIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sYWJlbHMucHVzaChsYWJlbHNbaV0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZUZvcm1zKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uVGFnQ2hhbmdlZCh0YWJJbmRleDogbnVtYmVyKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdjYXVzZS1tYXRlcmlhbCcsIHRhYkluZGV4KTtcbiAgICAgICAgY29uc29sZS5sb2coJ2NhdXNlLW1hdGVyaWFsJywgdGhpcy52YWx1ZSk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdjYXVzZS1tYXRlcmlhbCcsIHRoaXMuZm9ybXMpO1xuICAgIH1cblxuICAgIGdldEVycm9yTWVzc2FnZShpbmRleDogYW55KSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm1zW2luZGV4XS5oYXNFcnJvcigncmVxdWlyZWQnKSA/ICdlcnJvci5yZXF1aXJlZCcgOiAnJztcbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXRpYWxpemVGb3JtcygpIHtcbiAgICAgICAgdGhpcy5sYWJlbHMuZm9yRWFjaCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuZm9ybXNbaW5kZXhdID0gbmV3IEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZF0pO1xuICAgICAgICAgICAgdGhpcy5mb3Jtc1tpbmRleF0uc2V0VmFsdWUodGhpcy52YWx1ZVtpbmRleF0gfHwgJycpO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iXX0=