<section style="cursor: pointer">
    <header>
        <div class="col-lg-9 col-md-9 col-sm-10 col-xs-10 sandbox_det">
            <app-avatar-pic [initials]="Initials(cardData.category)" [style.backgroundColor]="myColor[irCardIndex]"></app-avatar-pic>
            <h3>{{ cardData.category }}</h3>

        </div>
        <div class="col-lg-3 col-md-3 col-sm-2 col-xs-2 iconClick pad-right-0">
            <div class="pull-left" *ngIf="othIcons">
                <mat-icon (click)="deleteInnovRv(cardData.categoryId)">delete</mat-icon>
                <mat-icon (click)="editInnovRv(cardData)"> edit</mat-icon>
            </div>
            <div class="pull-right iconClick" (click)="showOtherIcons(cardData.id)" *ngIf="!othIcons">
                <mat-icon>
                    more_vert
                </mat-icon>
            </div>
        </div>
    </header>
    <footer>
        <div class="footer-desc">
            <div class="ftitle">
                <div *ngIf="cardData.reviewers?.length > 0; else noRShow">
                    <span class="title" *ngFor="let subitem of cardData.reviewers;let i = index">
                        {{ subitem.fullName }} <span *ngIf="cardData.reviewers.length - 1 !== i">,</span>&nbsp;
                    </span>
                </div>
                <ng-template #noRShow>
                    <span> No Data is available..</span>
                </ng-template>
            </div>
            <div class="fcount"> {{cardData.bundleId}}</div>
        </div>
    </footer>
</section>