iot-au-input/src/app/lib/au-fa-input/au-fa-input.component.ts

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.1.

import { Component, OnInit, Input, ContentChild, AfterViewInit, HostBinding } from '@angular/core';
import { InputRefDirective } from '../common/input-ref.directive';

@Component({
  selector: 'au-fa-input',
  templateUrl: './au-fa-input.component.html',
  styleUrls: ['./au-fa-input.component.scss']
})
export class AuFaInputComponent implements OnInit, AfterViewInit {

  @Input()
  icon: string;
  @Input()
  placeholder: string;
  @ContentChild(InputRefDirective, {static: false})
  input: InputRefDirective;

  constructor() {
    this.placeholder = '';
  }
  ngAfterViewInit(): void {
    if (!this.input) {
      console.error('The au-fa-input needs an input inside its content');
    }
  }

  @HostBinding('class.input-focus')
  get isInputFocus() {
    return this.input ? this.input.focus : false;
  }

  ngOnInit() {
  }

  get classes() {
    const cssClasses = {
      'fa': true
    };
    if (this.icon) {
      cssClasses[`fa-${this.icon}`] = true;
    }

    return cssClasses;
  }

}