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';
import {ConnectHelper} from '../../connect/connectHelper';
@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;
  communityId = null;
  constructor (private _service: HelperService, private route: ActivatedRoute,) {}

  ngOnInit() {
    this.route.data
      .subscribe((data: { envSpecific: EnvProperties }) => {
         this.properties = data.envSpecific;
         this.route.queryParams.subscribe(
           params => {
                 this.communityId = params['communityId'];
                  if(!this.communityId){
                   this.communityId  = ConnectHelper.getCommunityFromDomain(document.location.hostname);
                  }
                  if(!this.communityId){
                  this.communityId = this.properties.adminToolsCommunity;
                  }
                  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, this.communityId).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();
    }
  }


}