generator-loom/generators/page-table/templates/page-list/page-list.component.html

Code generator for loom projects

<mat-table class="<%= pages %>-table"
#table [dataSource]="dataSource"
matSort
*fuseIfOnDom
[@animateStagger]="{value:'50'}"
fusePerfectScrollbar>

  <% for(var i=0; i<tableCols.length; i++) { %> 
    <!-- <%= capTableCols[i] %> Column -->
    <ng-container cdkColumnDef="<%= tableCols[i] %>">
    <mat-header-cell *cdkHeaderCellDef mat-sort-header><%= capTableCols[i] %></mat-header-cell>
    <mat-cell *cdkCellDef="let <%= page %>">
    <p class="text-truncate">{{<%= page %>.<%= tableCols[i] %>}}</p>
    </mat-cell>
    </ng-container>    
  <% } %>
    
    <mat-header-row *cdkHeaderRowDef="displayedColumns"></mat-header-row>

    <mat-row *cdkRowDef="let <%= page %>; columns: displayedColumns;"
    class="<%= page %>"
    matRipple
    (click)="onSelect(<%= page %>)"
    [ngClass]="{'mat-light-blue-50-bg':<%= page %> == selected}"
    [@animate]="{value:'*',params:{y:'100%'}}">
    <!-- [routerLink]="'/apps/e-commerce/<%= pages %>/'+<%= page %>.id+'/'+<%= page %>.handle"> -->
    </mat-row>
    
</mat-table>

<mat-paginator #paginator
[pageIndex]="0"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>