src/app/features/conflict-resolution/conflict-resolution-list/conflict-resolution-list.component.html
<p>conflicts to resolve:</p>
<div class="mat-elevation-z1">
<div *ngIf="dataSource?.loading$ | async">
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div>
<table
mat-table
[dataSource]="dataSource"
matSort
class="full-width"
aria-label="Table showing the conflicts"
>
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef mat-sort-header>_id</th>
<td mat-cell *matCellDef="let row">{{ row.id }}</td>
</ng-container>
<ng-container matColumnDef="data" class="full-width">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Data</th>
<td mat-cell *matCellDef="let row">
<app-compare-rev
*ngFor="let rev of row.key"
[rev]="rev"
[doc]="row.doc"
></app-compare-rev>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
<tr
mat-row
*matRowDef="let entity; columns: columnsToDisplay"
class="table-list-item"
></tr>
</table>
<mat-paginator
[pageSizeOptions]="[5, 10, 20]"
[pageSize]="10"
showFirstLastButtons
></mat-paginator>
</div>