All files / src/app/components/custom-views custom-views.component.html

87.5% Statements 28/32
100% Branches 0/0
0% Functions 0/2
100% Lines 13/13

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23  180x   180x     3x 3x 3x   3x   21x 20x 1x   3x   360x 3x   360x  
<div class="container">
    <p-table [value]="customViews" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [rows]="10"
    [rowsPerPageOptions]="[10, 20, 50]" [showCurrentPageReport]="true"
    currentPageReportTemplate="{first} - {last} of {totalRecords} custom user views" [rowHover]="true">
        <ng-template #header>
            <tr>
                <th pSortableColumn="name">Name <p-sortIcon field="name"></p-sortIcon></th>
                <th>Action</th>
            </tr>
        </ng-template>
        <ng-template #body let-customView>
            <tr>
                <td [routerLink]="['/custom-views', customView.id]" (contextmenu)="onContextMenu($event, customView)">{{ customView.name }}</td>
                <td [routerLink]="['/custom-views', customView.id, 'edit']"><button class="button is-inline-flex is-warning is-small" id="editView">Edit View</button></td>
            </tr>
        </ng-template>
    </p-table>
 
    <button class="button is-rounded" [routerLink]="['/custom-views/new']" id="addView">Create view</button>
</div>
 
<p-contextmenu #contextMenu [model]="items" (onHide)="onHide()" />