<div class="search-base">
  <a (click)="toggleView()">
    <img class="center" src="{{imagelink}}grid_small.png" alt="">
  </a>&nbsp;&nbsp;
  <a (click)="toggleView()">
    <img class="center" src="{{imagelink}}bullet_small.png" alt="">
  </a>
</div>


<app-employee-review-status [statuscount]="reviewStatusCount" (statusfilter)="statusfilter($event)" [activefilter]="activereviewfilter"></app-employee-review-status>

<div *ngIf="loader; else notLoader">
  <img class="loading-img" src="{{imagelink + 'Blocks.gif'}}">
</div>

<ng-template #notLoader>

    <div *ngIf="gridView; else tableView">
      <ng-container *ngIf="gridDataEmpty; else noResults">
        <div *ngFor="let reviewData of gridData">
                <app-employee-card [title]='reviewData.assessmentType' [count]='reviewData.assessmentCount' [reviewData]=reviewData [id]='userInfoMstrId'></app-employee-card>
        </div>
      </ng-container>
    </div>
    <ng-template #tableView>
      <app-employee-review-list style="box-shadow:none" [reviewerId]='userInfoMstrId' [data]='reviewData'></app-employee-review-list>
    </ng-template>

    <ng-template #noResults>
      <img class="image-no-review" src="{{imagelink}}noReview.svg" alt="success">
      <p class="noReviews">
        You don't have any pending Reviews
      </p>
      <br>
      <br>
      <br>
    </ng-template>

</ng-template>
