114 lines
4.1 KiB
HTML
114 lines
4.1 KiB
HTML
<div class="flex flex-col flex-auto min-w-0">
|
|
<div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
|
|
<div class="w-full max-w-screen-xl mx-auto">
|
|
<div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
|
|
<!-- Budget distribution -->
|
|
<div
|
|
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
|
|
>
|
|
<div class="text-lg font-medium tracking-tight leading-6 truncate">
|
|
<div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
|
|
<!-- Search -->
|
|
<!-- Card inception -->
|
|
<mat-form-field
|
|
[floatLabel]="'always'"
|
|
class="bet-mat-form-field-wrapper-mb-0 mr-2"
|
|
>
|
|
<input
|
|
matInput
|
|
[matDatepicker]="picker1"
|
|
[placeholder]="'Choose a date'"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="picker1">
|
|
</mat-datepicker-toggle>
|
|
<mat-datepicker #picker1></mat-datepicker>
|
|
</mat-form-field>
|
|
<!-- Card expiration -->
|
|
<mat-form-field
|
|
[floatLabel]="'always'"
|
|
class="bet-mat-form-field-wrapper-mb-0 mr-2"
|
|
>
|
|
<input
|
|
matInput
|
|
[matDatepicker]="picker2"
|
|
[placeholder]="'Choose a date'"
|
|
/>
|
|
<mat-datepicker-toggle
|
|
matSuffix
|
|
[for]="picker2"
|
|
></mat-datepicker-toggle>
|
|
<mat-datepicker #picker2></mat-datepicker>
|
|
</mat-form-field>
|
|
|
|
<!-- Add user button -->
|
|
<button
|
|
fxFlex
|
|
mat-flat-button
|
|
[color]="'primary'"
|
|
(click)="__createProduct()"
|
|
>
|
|
<mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
|
|
<span class="ml-2 mr-1">Search</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<ng-container
|
|
*ngIf="
|
|
webSignInHistoryDataSource.data.length > 0;
|
|
else noSigninHistory
|
|
"
|
|
>
|
|
<div class="flex flex-col flex-auto mt-2">
|
|
<table
|
|
class="overflow-y-visible"
|
|
mat-table
|
|
[dataSource]="webSignInHistoryDataSource"
|
|
>
|
|
<!-- Total -->
|
|
<ng-container matColumnDef="no">
|
|
<th mat-header-cell *matHeaderCellDef>번호</th>
|
|
<td mat-cell *matCellDef="let info; let idx = index">
|
|
<span class="font-medium text-right">
|
|
{{ idx + 1 }}
|
|
</span>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="signInIp">
|
|
<th mat-header-cell *matHeaderCellDef>접속아이피</th>
|
|
<td mat-cell *matCellDef="let info">{{ info.signInIp }}</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="signInAt">
|
|
<th mat-header-cell *matHeaderCellDef>접속일자</th>
|
|
<td mat-cell *matCellDef="let info">{{ info.signInAt }}</td>
|
|
</ng-container>
|
|
|
|
<tr
|
|
mat-header-row
|
|
*matHeaderRowDef="webSignInHistoryTableColumns"
|
|
></tr>
|
|
<tr
|
|
mat-row
|
|
*matRowDef="let row; columns: webSignInHistoryTableColumns"
|
|
></tr>
|
|
</table>
|
|
<mat-paginator
|
|
[pageSizeOptions]="[5, 10, 25, 100]"
|
|
aria-label="Select page of users"
|
|
></mat-paginator>
|
|
</div>
|
|
</ng-container>
|
|
<ng-template #noSigninHistory>
|
|
<div
|
|
class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
|
|
>
|
|
There are no data!
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|