<section style="cursor: pointer">
    <header>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 cAssDet">
            <!-- <app-avatar-pic [initials]="Initials(tileList.pgSkillTrackMstr.skillTrackName)"></app-avatar-pic> -->
            <h3>{{ tileList.assessmentName }}</h3>
            <!-- <pre>{{tileList | json }}</pre> -->
            <span class="title" *ngFor="let subitem of tileList.pgAssessmentSkillMapping">
                <span *ngIf="subitem.pgSkillTrackDtls.pgSkillTrackMstr.skillTrackName == tileList.pgSkillTrackMstr.skillTrackName" >
                    
                        {{subitem.pgSkillTrackDtls.skillTrackDtlsName}}
                    <!-- </span> -->
            </span>
            </span>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 iconClick">
            <div class="pull-left" *ngIf="othIcons">
                <!-- <mat-icon (click)="deleteAssesment(tileList.assessmentId, tileList)">delete</mat-icon>
                        <mat-icon (click)="editAssesment(tileList.id, tileList)"> edit</mat-icon> -->
                <img src="{{img_path + 'delete_icon.png'}}" class="iconClick" (click)="deleteAssesment(tileList.assessmentId, tileList)" />
                <img src="{{img_path + 'edit_icon.png'}}" class="pull-left iconClick1" (click)="editAssesment(tileList.id, tileList)" />
            </div>
            <div class="pull-left iconClick" (click)="showOtherIcons(tileList.id)" *ngIf="!othIcons">
                <mat-icon>
                    more_vert
                </mat-icon>
            </div>
        </div>
    </header>
    <footer>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
            <div class="footer-desc">
                <div><span class="ftitle">Assessment ID</span> <span class="ass_id">{{tileList.assessmentId}}</span></div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
            <div class="footer-desc">
                <!-- <div class="ftitle">Directory ID</div>
                    <div class="fcount">{{tileList.directoryId}}</div> -->
                &nbsp;
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cad_desc">{{tileList.assessmentDesc}}</div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cad_desc">
            <span> <img src="{{img_path + 'tik.png'}}"></span>
            <span class="passmarkd">{{tileList.minPassMarks}}%</span>
            <span> Passmark</span>
        </div>
    </footer>
</section>