<div class="row logoutoverlay">
    <div class="col-md-2 statuscard" (click)="getrecord(x)" *ngFor="let x of ['Overdue','To Do' , 'In Progress' , 'Under Review','Review Completed','Done']">
        <div class="cursorPointer">
            <div class="circle" [ngStyle]="{'background-color':getcolor(x)}"></div>
            <mat-card [class.activefilter]="activefilter== x" [class.oactivefilter]="(activefilter != '' && activefilter != 'initial') && activefilter != x">
                <div class="left">
                    <h1 class="statusCount" *ngIf="x == 'Overdue'">{{statuscount.Overdue}}</h1>
                    <h1 class="statusCount" *ngIf="x == 'To Do'">{{statuscount.ToDo}}</h1>
                    <h1 class="statusCount" *ngIf="x == 'In Progress'">{{statuscount.InProgress}}</h1>
                    <h1 class="statusCount" *ngIf="x == 'Under Review'">{{statuscount.UnderReview}}</h1>
                    <h1 class="statusCount" *ngIf="x == 'Review Completed'">{{statuscount.ReviewCompleted}}</h1>
                    <h1 class="statusCount" *ngIf="x == 'Done'">{{statuscount.Done}}</h1>
                </div>
                <div class="right">
                    <img src="{{imagelink}}{{x}}.png" alt="" class="statusimg img-responsive">
                </div>
                <p class="statusTxt">{{x}}</p>
            </mat-card>
        </div>
    </div>
</div>