D-Net

    <form *ngIf="!vertical && (resultTypes || quickFilter)" [formGroup]="control" 

          [class]="(isDisabled ? 'uk-disabled' : '') + ' uk-text-small uk-margin-small-bottom uk-grid uk-inline uk-flex uk-margin-small-left'">

      <div  *ngIf="quickFilter" class="uk-margin-small-top uk-padding-remove-left uk-margin-right ">

      <div *ngIf="resultTypes && showEntities" class="uk-margin-small-top uk-padding-remove-left">

        <span>

          <span *ngIf="showPublications" class="uk-margin-small-left"> <input type="checkbox" id="publ" name="Publications" formControlName="publication" (change)="changed()"> Publications </span>

          <span *ngIf="showDatasets" class="uk-margin-small-left"> <input type="checkbox" formControlName="dataset" (change)="changed()"> Research data </span>

          <span *ngIf="showSoftware" class="uk-margin-small-left"> <input type="checkbox" formControlName="software" (change)="changed()"> Software </span>

          <span *ngIf="showOrp" class="uk-margin-small-left"> <input type="checkbox" formControlName="other" (change)="changed()"> Other research products </span>

        </span>

    <form *ngIf="vertical && (resultTypes || quickFilter)" [formGroup]="control" 

          [class]="(isDisabled ? 'uk-disabled' : '') + ' uk-margin-small-bottom uk-list uk-list-divider'">

    <!--  <li   *ngIf="quickFilter" class="uk-margin-small-bottom ">

        <div class="uk-margin-small-top uk-padding-remove-left uk-margin-right ">

          <h5 class="">{{quickFilter.value}}</h5>

          <mat-slide-toggle

            class="uk-margin-small-left" formControlName="QFselected" (change)="quickFilterChanged()">

          </mat-slide-toggle>

        </div>

      </li>-->

<!--      {{showEntities}} - {{showPublications}} - {{showDatasets}} - {{showSoftware}} &#45;&#45; {{showOrp}}-->

      <li *ngIf="resultTypes && showEntities" class="uk-margin-small-bottom ng-star-inserted">

        <div class="uk-margin-small-top uk-margin-bottom uk-grid uk-flex uk-flex-bottom">

          <h5 class="uk-margin-bottom-remove" title="Community">Research Type ({{(this.showPublications + this.showDatasets + this.showSoftware + this.showOrp)}})</h5>

          <a *ngIf="selectedTypesNum>0" (click)="clearTypes()" class="portal-link">

            Clear

          </a>

        </div>

        <div>

          <div>

            <div *ngIf="showPublications" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">

              <div title="Publications">

                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" id="publ" name="Publications" formControlName="publication" (change)="changed()"> Publications</label>

              </div>

            </div>

            <div *ngIf="showDatasets"  class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">

              <div title="Research data">

                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" formControlName="dataset" (change)="changed()"> Research data </label>

              </div>

            </div>

            <div *ngIf="showSoftware" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">

              <div title="Software">

                <label class="ng-star-inserted"> <input class="uk-checkbox" type="checkbox" formControlName="software" (change)="changed()"> Software</label>

              </div>

            </div>

            <div *ngIf="showOrp" class="uk-animation-fade filterItem searchFilterItem uk-text-small ng-star-inserted">

              <div title=" Other research products">

                <label class="ng-star-inserted"><input class="uk-checkbox" type="checkbox" formControlName="other" (change)="changed()"> Other research products</label>

              </div>

            </div>

          </div>

        </div>

      </li>

    </form>

  @Input() vertical: boolean=false;

  selectedTypesNum = 0;

  @Input() delayTime = 0;

  subs: Subscription[] = [];

    if (this.resultTypes && !this.resultTypes.publication && !this.resultTypes.dataset && !this.resultTypes.software && !this.resultTypes.other && !this.vertical) {

      if(this.properties.adminToolsCommunity !== "monitor") {

        //this.subs.push(this.config.getCommunityInformation(this.properties, this.properties.adminToolsCommunity).subscribe(data => {

        this.subs.push(this.config.communityInformationState.subscribe(data => {

          if(data) {

            var showEntity = {};

            for (var i = 0; i < data['entities'].length; i++) {

              showEntity["" + data['entities'][i]["pid"] + ""] = data['entities'][i]["isEnabled"];

            }

            this.showPublications = showEntity["publication"];

            this.showDatasets = showEntity["dataset"];

            this.showSoftware = showEntity["software"];

            this.showOrp = showEntity["orp"];

            this.showEntities = this.showPublications || this.showDatasets || this.showSoftware || this.showOrp;

          }

        }, error => {

          this.showPublications = true;

          this.showDatasets = true;

          this.showSoftware = true;

          this.showOrp = true;

          this.showEntities = true;

        }));

      } else {

        this.showPublications = true;

        this.showDatasets = true;

        this.showSoftware = true;

        this.showOrp = true;

        this.showEntities = true;

      }

    this.subs.push(this.clicks.pipe(

      debounceTime(this.delayTime)

    ).subscribe(e =>{this.actuallyChanged()} ));

  public ngOnDestroy() {

    for (let sub of this.subs) {

      sub.unsubscribe();

    }

  }

    if (changes.resultTypes) {

      this.setFormValues();

    }

    this.selectedTypesNum = (this.resultTypes && this.resultTypes.publication)?this.resultTypes.publication:0 + (this.resultTypes && this.resultTypes.dataset)?this.resultTypes.dataset:0+ (this.resultTypes && this.resultTypes.software)?this.resultTypes.software:0 + (this.resultTypes && this.resultTypes.other)?this.resultTypes.other:null;

  clearTypes(){

    this.resultTypes.publication = false;

    this.resultTypes.dataset = false;

    this.resultTypes.software = false;

    this.resultTypes.other = false;

    this.setFormValues();

    this.changed()

  }