tanshu
1350870f9e
Added prettier and also prettied all the typescript files using prettier ESLint is using the AirBnB rules which are the most strict to lint the files.
81 lines
3.0 KiB
HTML
81 lines
3.0 KiB
HTML
<mat-card>
|
|
<mat-card-title-group>
|
|
<mat-card-title>Balance Sheet</mat-card-title>
|
|
</mat-card-title-group>
|
|
<mat-card-content>
|
|
<form [formGroup]="form" fxLayout="column">
|
|
<div
|
|
fxLayout="row"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
fxLayoutAlign="space-around start"
|
|
>
|
|
<mat-form-field fxFlex>
|
|
<input
|
|
matInput
|
|
[matDatepicker]="dateInput"
|
|
(focus)="dateInput.open()"
|
|
placeholder="Date"
|
|
formControlName="date"
|
|
autocomplete="off"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="dateInput"></mat-datepicker-toggle>
|
|
<mat-datepicker #dateInput></mat-datepicker>
|
|
</mat-form-field>
|
|
<button mat-raised-button color="primary" (click)="show()">Show</button>
|
|
</div>
|
|
</form>
|
|
<mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
|
|
<!-- Group Column -->
|
|
<ng-container matColumnDef="group">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Group</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.group }}</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef>{{ info.footer?.group }}</mat-footer-cell>
|
|
</ng-container>
|
|
|
|
<!-- Name Column -->
|
|
<ng-container matColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header>Name</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.name }}</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef>{{ info.footer?.name }}</mat-footer-cell>
|
|
</ng-container>
|
|
|
|
<!-- SubAmount Column -->
|
|
<ng-container matColumnDef="subAmount">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header class="right">Amount</mat-header-cell>
|
|
<mat-cell *matCellDef="let row" class="right">{{
|
|
row.subAmount | currency: 'INR' | clear
|
|
}}</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef class="right"
|
|
>{{ info.footer?.subAmount | currency: 'INR' | clear }}
|
|
</mat-footer-cell>
|
|
</ng-container>
|
|
|
|
<!-- Total Column -->
|
|
<ng-container matColumnDef="total">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header class="right">Total</mat-header-cell>
|
|
<mat-cell *matCellDef="let row" class="right">{{
|
|
row.amount | currency: 'INR' | clear
|
|
}}</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef class="right"
|
|
>{{ info.footer?.amount | currency: 'INR' | clear }}
|
|
</mat-footer-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
|
<mat-footer-row *matFooterRowDef="displayedColumns"></mat-footer-row>
|
|
</mat-table>
|
|
|
|
<mat-paginator
|
|
#paginator
|
|
[length]="dataSource.data.length"
|
|
[pageIndex]="0"
|
|
[pageSize]="50"
|
|
[pageSizeOptions]="[25, 50, 100, 250, 300, 5000]"
|
|
>
|
|
</mat-paginator>
|
|
</mat-card-content>
|
|
</mat-card>
|