D-Net

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';

import {SafeHtmlPipe} from '../pipes/safeHTML.pipe';

@Component({

  selector: 'helper',

  template: `

  <div *ngIf=" texts  && texts.length > 0" [ngClass]=styleName>

    <div *ngFor="let text of texts " [innerHTML]="text.content | safeHtml">

    </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();

    }

  }

}