generator-zionapps/generators/app/angular/table-view/templates/component.component.html

Angular 9 Code Generator

<mat-card class="event-management-primary-card">
  <ngrx-core-sub-toolbar
    (rightButtonClick)="onRightButtonClick()"
    rightButtonIcon="add"
    rightButtonText="Add <%= titleCase(singularDomainName) %>"
    title="<%= titleCase(componentName) %>">
  </ngrx-core-sub-toolbar>
  <mat-card-content class="event-management-primary-card-content with-mat-paginator">
    <app-<%= paramCase(pluralDomainName) %>-responsive-table
      [hasAccess]="hasAccess$ | async"
      [paginator]="<%= camelCase(singularDomainName) %>Paginator"
      (edit<%= pascalCase(singularDomainName) %>)="onEdit<%= pascalCase(singularDomainName) %>($event)"
      (view<%= pascalCase(singularDomainName) %>)="onView<%= pascalCase(singularDomainName) %>($event)">
    </app-<%= paramCase(pluralDomainName) %>-responsive-table>
  </mat-card-content>
  <mat-card-footer>
    <mat-divider></mat-divider>
    <mat-paginator #<%= camelCase(singularDomainName) %>Paginator [pageSizeOptions]="pageSizeOptions" showFirstLastButtons></mat-paginator>
  </mat-card-footer>
</mat-card>