D-Net

        <div class="panel-body" >

        <div class="input-group" *ngIf="inline === 'false'">

        <div class=" form-horizontal" *ngIf="inline === 'true' && showComponent=='true'">

        <div    class=" form-group ">

            <button class="btn btn-xs btn-success dropdown-toggle" type="button" id="communityDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

              {{selectedCommunityLabel}}

            </button>

            <ul   class="dropdown-menu" aria-labelledby="communityDropDown">

              <li  (click)="communityChanged('0','Community:')"><a  >Community:</a></li>

              <li *ngIf="communities"  (click)="communityChanged(communities.id, communities.label)"  ><a  >{{communities.label}}</a></li>

            </ul>

          </div>

          <div    class="form-group ">

            <button class="btn btn-xs btn-success dropdown-toggle" type="button" id="categoryDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

              {{selectedCategoryLabel}}

            </button>

            <ul class="dropdown-menu" aria-labelledby="categoryDropDown">

              <li  (click)="categoryChanged('0','Category:')"><a  >Category:</a></li>

              <li *ngFor="let category of categories"  (click)="categoryChanged(category.id, category.label)"  ><a  >{{category.label}}</a></li>

            </ul>

          </div>

          <div class="form-group">

            <input id="community" type="text" class="validate filter-input input-sm form-control" placeholder="Search for contexts" [(ngModel)]=query (keyup)=filter()   >

          </div>

      </div>

          <!--<div class="input-group">

          <div class=" input-group-btn">

              <button class="btn btn-success dropdown-toggle" type="button" id="communityDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                {{selectedCommunityLabel}}

              </button>

              <ul class="dropdown-menu" aria-labelledby="communityDropDown">

                <li  (click)="communityChanged('0','Community:')"><a  >Community:</a></li>

                <li *ngIf="communities"  (click)="communityChanged(communities.id, communities.label)"  ><a  >{{communities.label}}</a></li>

              </ul>

            </div>

            <div class="input-group-btn ">

              <button class="btn btn-success dropdown-toggle" type="button" id="categoryDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

                {{selectedCategoryLabel}}

              </button>

              <ul class="dropdown-menu" aria-labelledby="categoryDropDown">

                <li  (click)="categoryChanged('0','Category:')"><a  >Category:</a></li>

                <li *ngFor="let category of categories"  (click)="categoryChanged(category.id, category.label)"  ><a  >{{category.label}}</a></li>

              </ul>

            </div>

          <input id="community" type="text" class="validate filter-input form-control" placeholder="Search for contexts" [(ngModel)]=query (keyup)=filter()   >

        </div>-->

@Input() public inline= 'false' ; // for claimed started from landing pages

@Input() public showComponent= 'true' ; // for claimed started from landing pages