import {Component, Input} from '@angular/core';

@Component({
  styles : [`
	  .my-mat-hint {
		  line-height: 1.2em;
		  transform: translateY(30px);
		  font-size: 75%;
	  }
  `],
  selector : 'app-feedback-validator-reset',
  template :
    `<div *ngIf="submitted && errors">
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.required">El campo {{attr}} es requerido.</div> 
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.minlength">El {{attr}} debe ser más grande que {{errors.minlength.requiredLength}} caracteres.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.nowhitespace">El campo {{attr}} tiene caracteres de espacio en blanco no válido.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.size">El campo {{attr}} debe tener {{errors.size.requiredSize}} caracteres.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.numeric">El campo {{attr}} debe ser numérico.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.email">El campo {{attr}} debe ser un correo electrónico válido.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.asyncproductvalidator">El campo seleccionado {{attr}} es inválido.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.asyncepcvalidator">El campo seleccionado {{attr}} is inválido.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.decimal">El campo seleccionado {{attr}} es inválido.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.max">El número máximo de caracteres para el campo {{attr}} es {{errors.max.length}}.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.min">El número mínimo de caracteres para el campo {{attr}} es {{errors.min.length}}.</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.formatoHora">La hora debe ser formato 24 horas (HH:MM:SS).</div>
        <div class="text-danger margin-bottom-thin my-mat-hint" *ngIf="errors.telefono">El campo {{attr}} debe tener 10 números.</div>
        <!--<pre>{{errors | json}}</pre>-->
    </div>`
})
export class FeedbackValidatorsResetComponent {

  @Input() submitted;
  @Input() errors;
  @Input() attr = 'Field';
  constructor() {}

}
