<div class="row">
    <div *ngFor="let x of ['Overdue','To Do','Done']">
        <div class="col-md-2 statuscard">
            <div class="circle" [ngStyle]="{'background-color':getcolor(x)}"></div>
            <a [routerLink]="" (click)="getrecord(x)">
                <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 == '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>
            </a>
        </div>
    </div>
</div>