cominication
Version:
101 lines • 8.01 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FormGroup } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@ngx-formly/core";
import * as i2 from "@angular/forms";
export class CominicationComponent {
constructor() {
this.pasos = true;
this.comunica = new EventEmitter();
this.model = {
email: '',
password: ''
};
this.form = [
{
key: 'email',
type: 'input',
templateOptions: {
placeholder: 'Correo/Telefono',
required: true,
}
},
{
key: 'password',
type: 'input',
templateOptions: {
type: 'password',
placeholder: 'Contraseña',
required: true,
}
},
];
this.formLogin = new FormGroup({});
this.modelLogin = this.model;
this.fieldsLogin = this.form;
}
ngOnInit() {
}
onSubmit() {
console.log(this.modelLogin);
this.pasos = true;
this.comunica.emit(this.pasos);
}
}
CominicationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CominicationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: CominicationComponent, selector: "tks-cominication", inputs: { pasos: "pasos" }, outputs: { comunica: "comunica" }, ngImport: i0, template: `
<p>{{pasos}}</p>
<form
style="margin-top: 50px;"
[formGroup]="formLogin"
(ngSubmit)="onSubmit()">
<formly-form
[form]="formLogin"
[fields]="fieldsLogin"
[model]="modelLogin"></formly-form>
<br><br>
<a
href="#"
class="olvido-contrasena"
style="color: #3c3c7f;">¿Olvidaste la contraseña?</a>
<br><br><br>
<button
type="submit"
expand="block"
class="secondButton">Iniciar sesión</button>
</form>
`, isInline: true, components: [{ type: i1.FormlyForm, selector: "formly-form", inputs: ["model", "fields", "options", "form"], outputs: ["modelChange"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: CominicationComponent, decorators: [{
type: Component,
args: [{
selector: 'tks-cominication',
template: `
<p>{{pasos}}</p>
<form
style="margin-top: 50px;"
[formGroup]="formLogin"
(ngSubmit)="onSubmit()">
<formly-form
[form]="formLogin"
[fields]="fieldsLogin"
[model]="modelLogin"></formly-form>
<br><br>
<a
href="#"
class="olvido-contrasena"
style="color: #3c3c7f;">¿Olvidaste la contraseña?</a>
<br><br><br>
<button
type="submit"
expand="block"
class="secondButton">Iniciar sesión</button>
</form>
`,
styles: []
}]
}], ctorParameters: function () { return []; }, propDecorators: { pasos: [{
type: Input
}], comunica: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29taW5pY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbWluaWNhdGlvbi9zcmMvbGliL2NvbWluaWNhdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUE4QjNDLE1BQU0sT0FBTyxxQkFBcUI7SUFpQ2hDO1FBL0JTLFVBQUssR0FBVyxJQUFJLENBQUM7UUFDcEIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFakQsVUFBSyxHQUFHO1lBQ04sS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsRUFBRTtTQUNiLENBQUM7UUFDRixTQUFJLEdBQUc7WUFDSDtnQkFDSSxHQUFHLEVBQUUsT0FBTztnQkFDWixJQUFJLEVBQUUsT0FBTztnQkFDYixlQUFlLEVBQUU7b0JBQ2IsV0FBVyxFQUFFLGlCQUFpQjtvQkFDOUIsUUFBUSxFQUFFLElBQUk7aUJBQ2pCO2FBQ0o7WUFDRDtnQkFDSSxHQUFHLEVBQUUsVUFBVTtnQkFDZixJQUFJLEVBQUUsT0FBTztnQkFDYixlQUFlLEVBQUU7b0JBQ2IsSUFBSSxFQUFFLFVBQVU7b0JBQ2hCLFdBQVcsRUFBRSxZQUFZO29CQUN6QixRQUFRLEVBQUUsSUFBSTtpQkFDakI7YUFDSjtTQUVKLENBQUM7UUFFRixjQUFTLEdBQUcsSUFBSSxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUIsZUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDeEIsZ0JBQVcsR0FBd0IsSUFBSSxDQUFDLElBQUksQ0FBQztJQUM3QixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBQ0QsUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO1FBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOztrSEF6Q1UscUJBQXFCO3NHQUFyQixxQkFBcUIsdUhBekJ0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJUOzJGQUlVLHFCQUFxQjtrQkEzQmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7b0JBQ0QsTUFBTSxFQUFFLEVBQ1A7aUJBQ0Y7MEVBR1UsS0FBSztzQkFBYixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0a3MtY29taW5pY2F0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgIDxwPnt7cGFzb3N9fTwvcD5cbiAgICA8Zm9ybVxuICAgICAgc3R5bGU9XCJtYXJnaW4tdG9wOiA1MHB4O1wiXG4gICAgICBbZm9ybUdyb3VwXT1cImZvcm1Mb2dpblwiXG4gICAgICAobmdTdWJtaXQpPVwib25TdWJtaXQoKVwiPlxuICAgICAgPGZvcm1seS1mb3JtXG4gICAgICAgICAgW2Zvcm1dPVwiZm9ybUxvZ2luXCJcbiAgICAgICAgICBbZmllbGRzXT1cImZpZWxkc0xvZ2luXCJcbiAgICAgICAgICBbbW9kZWxdPVwibW9kZWxMb2dpblwiPjwvZm9ybWx5LWZvcm0+XG4gICAgICA8YnI+PGJyPlxuICAgICA8YVxuICAgICAgICBocmVmPVwiI1wiXG4gICAgICAgIGNsYXNzPVwib2x2aWRvLWNvbnRyYXNlbmFcIlxuICAgICAgICBzdHlsZT1cImNvbG9yOiAjM2MzYzdmO1wiPsK/T2x2aWRhc3RlIGxhIGNvbnRyYXNlw7FhPzwvYT5cbiAgICAgIDxicj48YnI+PGJyPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICAgIGV4cGFuZD1cImJsb2NrXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzZWNvbmRCdXR0b25cIj5JbmljaWFyIHNlc2nDs248L2J1dHRvbj5cbiAgICA8L2Zvcm0+XG4gIGAsXG4gIHN0eWxlczogW1xuICBdXG59KVxuZXhwb3J0IGNsYXNzIENvbWluaWNhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgcGFzb3M6Ym9vbGVhbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBjb211bmljYSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBtb2RlbCA9IHtcbiAgICBlbWFpbDogJycsXG4gICAgcGFzc3dvcmQ6ICcnXG4gIH07XG4gIGZvcm0gPSBbXG4gICAgICB7XG4gICAgICAgICAga2V5OiAnZW1haWwnLFxuICAgICAgICAgIHR5cGU6ICdpbnB1dCcsXG4gICAgICAgICAgdGVtcGxhdGVPcHRpb25zOiB7XG4gICAgICAgICAgICAgIHBsYWNlaG9sZGVyOiAnQ29ycmVvL1RlbGVmb25vJyxcbiAgICAgICAgICAgICAgcmVxdWlyZWQ6IHRydWUsXG4gICAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgICBrZXk6ICdwYXNzd29yZCcsXG4gICAgICAgICAgdHlwZTogJ2lucHV0JyxcbiAgICAgICAgICB0ZW1wbGF0ZU9wdGlvbnM6IHtcbiAgICAgICAgICAgICAgdHlwZTogJ3Bhc3N3b3JkJyxcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6ICdDb250cmFzZcOxYScsXG4gICAgICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLFxuICAgICAgICAgIH1cbiAgICAgIH0sXG5cbiAgXTtcblxuICBmb3JtTG9naW4gPSBuZXcgRm9ybUdyb3VwKHt9KTtcbiAgbW9kZWxMb2dpbiA9IHRoaXMubW9kZWw7XG4gIGZpZWxkc0xvZ2luOiBGb3JtbHlGaWVsZENvbmZpZ1tdID0gdGhpcy5mb3JtO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG4gIG9uU3VibWl0KCl7XG4gICAgY29uc29sZS5sb2codGhpcy5tb2RlbExvZ2luKTtcbiAgICB0aGlzLnBhc29zID0gdHJ1ZVxuICAgIHRoaXMuY29tdW5pY2EuZW1pdCggdGhpcy5wYXNvcyk7XG4gIH1cblxufVxuIl19