import { Component, OnInit, Input, HostBinding } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { IDynamicBaseControl, IDyanmicNumberControl } from "../../interfaces/dynamic-control.interface";
@Component({
  selector: "dynamic-number-range",
  template: `
    <div class="farris-group-wrap" [formGroup]="form">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span *ngIf="0" class="farris-label-info text-danger">*</span>
          <span class="farris-label-text">{{control.name}}</span>
        </label>
        <div class="farris-input-wrap">
            <farris-number-range
                [formControlName]="control.labelCode"
                [max]="options?.max"
                [min]="options?.min"
                [precision]="options?.precision"
                [readonly]="options?.readonly"
            >
            </farris-number-range>
        </div>
      </div>
    </div>
  `,
  styles: []
})
export class NumberRangeComponent implements OnInit {
  @HostBinding('class') className: string;
  @Input()
  control: IDyanmicNumberControl;
  @Input()
  form: FormGroup;
  options: any;
  constructor() {}
  ngOnInit() {
    this.options = this.control.control;
    this.className = this.control.className ? this.control.className : 'col-12 col-md-6 col-xl-3 col-el-2';
  }
}