@totvs-agro/mobile-components
Version:
Componentes Mobile Totvs (Front-End) para utilização dos estilos do T-Faces e Ionic v3
31 lines • 1.7 kB
JavaScript
import { Input } from '@angular/core';
var HTML_TEMPLATE = "\n<div>\n <ion-item>\n <ion-label stacked>{{ textLabel }}:</ion-label>\n <thf-icon name=\"calendar\" class=\"icon\" item-end></thf-icon> \n <ion-datetime class=\"content\" placeholder=\"\" displayFormat=\"DD/MM/YYYY\" [(ngModel)]=\"value\" (ngModelChange)=\"change()\"></ion-datetime>\n </ion-item>\n</div>\n\n";
var CSS_STYLE = " \nlabel {\n font-family: NunitoSans;\n font-size: 14px;\n font-weight: bold;\n color: #4a5c60;\n}\n\n.content {\n font-family: NunitoSans;\n font-size: 14px;\n font-weight: bold;\n color: #0c9abe;\n}\n\n.icon {\n font-size: 20px !important;\n color: #0c9abe;\n}\n\n";
/*@Component({
selector: 'input-date',
template: HTML_TEMPLATE,
styles: [CSS_STYLE],
})*/
var InputDateComponent = /** @class */ (function () {
function InputDateComponent(_translate) {
this._translate = _translate;
}
InputDateComponent.prototype.ngAfterViewInit = function () {
var _this = this;
setTimeout(function () {
_this.textLabel = _this._translate.instant(_this.label);
}, 1);
};
InputDateComponent.prototype.change = function () {
this.callbackChange(this.formName, this.value);
};
InputDateComponent.propDecorators = {
"formName": [{ type: Input, args: ['formName',] },],
"label": [{ type: Input, args: ['label',] },],
"value": [{ type: Input, args: ['value',] },],
"callbackChange": [{ type: Input, args: ['callbackChange',] },],
};
return InputDateComponent;
}());
export { InputDateComponent };
//# sourceMappingURL=input-date.js.map