mentor records template

<div class="content-container" *ngIf="skillMentorsDetails?.length > 0; else noMentorDetails">
 <div *ngIf="!rerender" class="pool-header-wrapper">
   <div class="header custom-row">
     <div class="custom-col-4">
       <span (click)="sortMentorsByHeader('mentorName')">
         Mentor
         <img appSetRequestHeaderIcon [sortCategoryValues]="sortCategoryValues" [activeSortCategory]="activeSortCategory" [headerName]="'mentorName'"
           src="../../../../assets/images/sort-a-z-inactive.png" />
       </span>
     </div>
     <div class="custom-col-2">
       <span (click)="sortMentorsByHeader('noOfMentorships')">
         Mentorships
         <img appSetRequestHeaderIcon [showAlphabeticIcon]="false" [sortCategoryValues]="sortCategoryValues" [activeSortCategory]="activeSortCategory"
           [headerName]="'noOfMentorships'" src="../../../../assets/images/sort-desc-inactive.png" />
       </span>
     </div>
     <div class="custom-col-2">
       <span (click)="sortMentorsByHeader('rating')">
         Rating
         <img appSetRequestHeaderIcon [showAlphabeticIcon]="false" [sortCategoryValues]="sortCategoryValues" [activeSortCategory]="activeSortCategory"
           [headerName]="'rating'" src="../../../../assets/images/sort-desc-inactive.png" />
       </span>
     </div>
     <div class="custom-col-2">
       <span (click)="sortMentorsByHeader('lastActive', true)">
         Last Active
         <img appSetRequestHeaderIcon [showAlphabeticIcon]="false" [sortCategoryValues]="sortCategoryValues" [activeSortCategory]="activeSortCategory" [headerName]="'lastActive'"
           src="../../../../assets/images/sort-asc-inactive.png" />
       </span>
     </div>
   </div>
 </div>
 <div class="pool-table">
   <div class="pool-body">
     <a *ngFor="let skillMentorsDetail of skillMentorsDetails" class="body-content custom-row" id="request-pool">
       <div id="mentor" class="custom-col-5">{{ skillMentorsDetail.mentorName }}</div>
       <div id="mentorships" class="custom-col-2">{{ skillMentorsDetail.noOfMentorships }}</div>
       <div id="rating" class="custom-col-2">
           {{skillMentorsDetail.rating | number : '1.1-1' }}/5
       </div>
       <div id="lastActive" class="custom-col-2">{{ skillMentorsDetail.lastActive | date:'longDate' }}</div>
     </a>
     <div class="space"></div>
   </div>
 </div>
</div>