import { Component, Input } from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import 'rxjs/Rx';
import {HelperService} from './helper.service';
import{EnvProperties} from '../properties/env-properties';

@Component({
  selector: 'helper',
  template: `
  <div *ngIf=" texts  && texts.length > 0" [ngClass]=styleName>
    <div *ngFor="let text of texts " [innerHTML]="text.content">
    </div>
  </div>
`
})
export class HelperComponent {
  texts=[];
  @Input() style:boolean = false;
  @Input() position:string = 'right';
  @Input() before: boolean;
  @Input() div: string;
  @Input() styleName:string = '';
  sub:any;
  properties:EnvProperties;

  constructor (private _service: HelperService, private route: ActivatedRoute,) {}

  ngOnInit() {
    this.route.data
      .subscribe((data: { envSpecific: EnvProperties }) => {
         this.properties = data.envSpecific;

         if(this.properties.enableHelper && location){
           //this.sub = this._service.getHelper(location.pathname, this.properties).subscribe(
           this.sub = this._service.getHelper(location.pathname, this.position, this.before, this.div, this.properties).subscribe(
             data => {
               //this.texts =(data && data.content && data.content[this.position] )? data.content[this.position]:[];
               this.texts = data;
             },
             err => {
               console.log(err);

             }
           );
         }
      });
  }

  ngOnDestroy() {
    if(this.sub){
      this.sub.unsubscribe();
    }
  }


}