55 lines
1.6 KiB
HTML
55 lines
1.6 KiB
HTML
<div fxLayout="column" class="rightDrawer-notice">
|
|
<div class="table-box">
|
|
<div style="position: relative;">
|
|
<div
|
|
*ngIf="isLoadingResults"
|
|
style="position: absolute; width: 100%; z-index: 101;"
|
|
>
|
|
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
|
</div>
|
|
</div>
|
|
<perfect-scrollbar class="album-scrollbar">
|
|
<table mat-table [dataSource]="noticelist">
|
|
<ng-container matColumnDef="title">
|
|
<th mat-header-cell *matHeaderCellDef class="infos">
|
|
제목
|
|
</th>
|
|
<td mat-cell *matCellDef="let element" class="notice-info">
|
|
<div class="title">
|
|
<span class="mdi mdi-star important" *ngIf="element.topYn"></span>
|
|
{{ element.title }}
|
|
</div>
|
|
</td>
|
|
</ng-container>
|
|
<ng-container matColumnDef="regDate">
|
|
<th mat-header-cell *matHeaderCellDef>
|
|
게시일
|
|
</th>
|
|
<td mat-cell *matCellDef="let element" class="date">
|
|
<div class="date">
|
|
{{ element.regDate }}
|
|
</div>
|
|
</td>
|
|
</ng-container>
|
|
<tr
|
|
mat-header-row
|
|
*matHeaderRowDef="displayedColumns; sticky: true"
|
|
></tr>
|
|
<tr
|
|
mat-row
|
|
*matRowDef="let row; columns: displayedColumns"
|
|
(click)="onClickDetail(row)"
|
|
></tr>
|
|
</table>
|
|
</perfect-scrollbar>
|
|
</div>
|
|
<div fxFlex="1 1 111.5px" class="footer-fix">
|
|
<mat-paginator
|
|
[length]="totalCount"
|
|
[pageSize]="10"
|
|
[pageSizeOptions]="[10, 20, 30]"
|
|
showFirstLastButtons
|
|
></mat-paginator>
|
|
</div>
|
|
</div>
|