60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<div class="tab-container mat-typography">
|
|
<div class="layout-row align-start-center">
|
|
<h3 class="flex-90">{{ 'labels.heading.Documents' | translate }}</h3>
|
|
|
|
<div class="flex-10" *mifosxHasPermission="'CREATE_DOCUMENT'">
|
|
<button mat-raised-button class="f-right" color="primary" (click)="uploadDocument()">
|
|
<fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<table mat-table #documentsTable [dataSource]="dataSource" matSort>
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.name' | translate }}</th>
|
|
<td mat-cell *matCellDef="let document">{{ document.name }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="description">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Description' | translate }}</th>
|
|
<td mat-cell *matCellDef="let document">{{ document.description }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="filename">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.File Name' | translate }}</th>
|
|
<td mat-cell *matCellDef="let document">{{ document.fileName }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="actions">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Actions' | translate }}</th>
|
|
<td mat-cell *matCellDef="let document; let index">
|
|
<button
|
|
class="document-action-button"
|
|
mat-raised-button
|
|
color="primary"
|
|
(click)="downloadDocument(document.id)"
|
|
>
|
|
<fa-icon icon="cloud-download-alt"></fa-icon>
|
|
</button>
|
|
<button
|
|
class="document-action-button"
|
|
mat-raised-button
|
|
color="warn"
|
|
(click)="deleteDocument(document.id, document.name)"
|
|
>
|
|
<fa-icon icon="times"></fa-icon>
|
|
</button>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
|
|
</table>
|
|
|
|
<mat-paginator
|
|
*ngIf="entityDocuments && entityDocuments.length > 10"
|
|
[pageSizeOptions]="[10, 25, 50]"
|
|
showFirstLastButtons
|
|
></mat-paginator>
|
|
</div>
|