<table class="migration-issues-table   table table-bordered table-condensed tablesorter tablesorter-default">
    <thead>
        <tr>
            <th (click)="sortBy('issueName')" class="pointer">
                Issue by Category
                <i class="fa" *ngIf="orderBy === 'issueName'"
                   [ngClass]="{ 'fa-sort-asc': orderDirection === 1, 'fa-sort-desc': orderDirection === -1 }" aria-hidden="true"></i>
                <i class="fa fa-sort" *ngIf="orderBy !== 'issueName'"></i>
            </th>
            <th (click)="sortBy('numberFound')" class="pointer">
                Incidents Found
                <i class="fa" *ngIf="orderBy === 'numberFound'"
                   [ngClass]="{ 'fa-sort-asc': orderDirection === 1, 'fa-sort-desc': orderDirection === -1 }" aria-hidden="true"></i>
                <i class="fa fa-sort" *ngIf="orderBy !== 'numberFound'"></i>
            </th>
            <th (click)="sortBy('effortPerIncident')" class="pointer">
                Story Points per Incident
                <i class="fa" *ngIf="orderBy === 'effortPerIncident'"
                   [ngClass]="{ 'fa-sort-asc': orderDirection === 1, 'fa-sort-desc': orderDirection === -1 }" aria-hidden="true"></i>
                <i class="fa fa-sort" *ngIf="orderBy !== 'effortPerIncident'"></i>
            </th>
            <th>Level of Effort</th>
            <th (click)="sortBy(getTotalStoryPoints)" class="pointer">
                Total Story Points
                <i class="fa" *ngIf="orderBy === getTotalStoryPoints"
                   [ngClass]="{ 'fa-sort-asc': orderDirection === 1, 'fa-sort-desc': orderDirection === -1 }" aria-hidden="true"></i>
                <i class="fa fa-sort" *ngIf="orderBy !== getTotalStoryPoints"></i>
            </th>
        </tr>
        <tr class="summary-row">
            <th>Sum</th>
            <th class="migration-issues-count">{{getSum('numberFound')}}</th>
            <th></th>
            <th></th>
            <th class="migration-issues-story-points">{{getIssuesStoryPoints()}}</th>
        </tr>
    </thead>
    <tbody>

        <ng-container *ngFor="let issue of sortedIssues">
            <tr class="migration-issue-row">
                <td><a class="issue-title" (click)="toggleFiles(issue)">{{issue.issueName}}</a></td>
                <td>{{issue.numberFound}}</td>
                <td>{{issue.effortPerIncident}}</td>
                <td>{{issue.effortPerIncident | effortLevelConvert }}</td>
                <td>{{issue.numberFound * issue.effortPerIncident}}</td>
            </tr>
            <tr *ngIf="filesVisible(issue)" class="filesDetailsRow">
                <td colspan="5">
                    <wu-problem-summary-files [problemSummaryFiles]="getProblemSummaryFiles(issue)" [issue]="issue"></wu-problem-summary-files>
                </td>
            </tr>
        </ng-container>

    </tbody>
</table>
