entity UI
This commit is contained in:
parent
73da3b4efd
commit
53c5f08cd8
@ -35,53 +35,22 @@
|
|||||||
|
|
||||||
</mat-cell>
|
</mat-cell>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
<mat-row style="align-items: normal !important;" *matRowDef="let row; columns: displayedColumns;">
|
||||||
</mat-row>
|
</mat-row>
|
||||||
</mat-table>
|
</mat-table>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
<div *ngIf="!noQuesMasterRecrdFound">
|
||||||
|
<mat-paginator [length]="enityList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
||||||
|
[pageSizeOptions]="[5, 10, 25, 50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
|
||||||
|
</mat-paginator>
|
||||||
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
<!----<ng-container *ngIf="enityList.length > 0">
|
|
||||||
<div style="padding: 0 12px;">
|
|
||||||
<mat-card class="product-card" *ngFor="let product of dataSource.connect() | async">
|
|
||||||
<div fxLayout="row" fxLayoutAlign="start start">
|
|
||||||
<div fxFlex="90%" style="padding-top: 10px;">
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="32px" fxLayoutAlign="flex-start">
|
|
||||||
<div fxFlex="0 1 auto" class="ml-xs" fxFlex="10%">
|
|
||||||
{{ product.entity_name }}
|
|
||||||
</div>
|
|
||||||
<div fxFlex="0 1 auto" class="ml-xs" fxFlex="40%">
|
|
||||||
<div> {{ product.full_name }} ({{product.short_name}})</div>
|
|
||||||
<div> {{ product.branch_name }} </div>
|
|
||||||
<div> {{product.city_name}}<span *ngIf="product.state_name">,</span> {{product.state_name}} </div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="0 1 auto" class="ml-xs" fxFlex="30%">
|
|
||||||
<div> {{ product.phone_number }}</div>
|
|
||||||
<div> {{ product.official_email }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxLayout="row wrap" fxLayoutGap="32px" fxLayoutAlign="flex-start">
|
|
||||||
<div fxFlex="0 1 auto" class="ml-xs">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div fxFlex="10%">
|
|
||||||
<button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" matTooltip="Edit" matTooltipPosition="above" (click)="editEntity(product)"><mat-icon>edit</mat-icon></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</mat-card>
|
|
||||||
</div>
|
|
||||||
</ng-container>-->
|
|
||||||
<mat-card *ngIf="noQuesMasterRecrdFound">
|
<mat-card *ngIf="noQuesMasterRecrdFound">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="no-record-found">No Record Found ... </div>
|
<div class="no-record-found">No Record Found ... </div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
<div *ngIf="enityList.length > 0">
|
|
||||||
<mat-paginator [length]="enityList.length" [pageIndex]="pageIndex" [pageSize]="pageSize"
|
|
||||||
[pageSizeOptions]="[5, 10, 25, 50, 100]" (page)="pageEvent = $event; pageChange($event)" showFirstLastButtons>
|
|
||||||
</mat-paginator>
|
|
||||||
</div>
|
|
||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -43,7 +43,7 @@ export class EntityListComponent implements OnInit {
|
|||||||
questionListData = null;
|
questionListData = null;
|
||||||
public dataLength: number;
|
public dataLength: number;
|
||||||
public dataSource = new MatTableDataSource();
|
public dataSource = new MatTableDataSource();
|
||||||
displayedColumns = ['categroy_name', 'question', 'actions'];
|
displayedColumns = ['entity_name', 'name','contact', 'actions'];
|
||||||
|
|
||||||
@ViewChild(MatPaginator) paginator: MatPaginator;
|
@ViewChild(MatPaginator) paginator: MatPaginator;
|
||||||
@ViewChild(MatSort) sort: MatSort;
|
@ViewChild(MatSort) sort: MatSort;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user