Phet/mirror-cathay
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[hotfx] - adjust html

Browse Source
This commit is contained in:
Phet
2024-09-20 15:31:18 +07:00
parent 2cbac0027b
commit 80b9172602
5 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/pages/manage/users/presenter/modal/modal.component.html
View File

@@ -69,8 +69,7 @@
<div class="lg:flex lg:flex-col grid grid-cols-9 gap-2">
<mat-label class="col-span-1 lg:text-left lg:self-auto text-right self-center mr-4"></mat-label>
<button mat-raised-button class="btn btn-submit" (click)="save()">
<div> User เป็น
Merchant</div>
<div style="white-space: nowrap;"> User เป็น Merchant</div>
</button>
</div>
</div>

31
src/app/pages/manage/users/presenter/user-list/user-list.component.html
View File

@@ -21,37 +21,52 @@
<div class="card-body">
<div class="table-wrap">
<table class="" mat-table [dataSource]="userList" matSort>
<tr mat-header-row *matHeaderRowDef="['1','2','3','4','6']"></tr>
<tr mat-row *matRowDef="let row; columns: ['1','2','3','4','6'];"></tr>
<tr mat-header-row *matHeaderRowDef="userListKey"></tr>
<tr mat-row *matRowDef="let row; columns: userListKey;"></tr>
<ng-container matColumnDef="1">
<th mat-header-cell *matHeaderCellDef class="tac">ลำดับ</th>
<td mat-cell *matCellDef="let item; let i = index;" width="100" class="tac">{{getIndex(i)}}</td>
</ng-container>
<ng-container matColumnDef="2">
<!-- <ng-container matColumnDef="personalCardId">
<th mat-header-cell *matHeaderCellDef class="tac">เลขบัตรประชาชน</th>
<td mat-cell *matCellDef="let item" class="tac" style="min-width: 200px;">
{{item.personalCardId}}
</td>
</ng-container>
</ng-container> -->
<ng-container matColumnDef="3">
<ng-container matColumnDef="fullName">
<th mat-header-cell *matHeaderCellDef class="tac" width="200">ชื่อ นามสกุล</th>
<td mat-cell *matCellDef="let item" class="tac whitespace-nowrap">{{item.fullName}}</td>
</ng-container>
<ng-container matColumnDef="4">
<ng-container matColumnDef="userName">
<th mat-header-cell *matHeaderCellDef class="tal" width="150">Username</th>
<td mat-cell *matCellDef="let item" class="whitespace-nowrap">{{item.userName }}</td>
</ng-container>
<ng-container matColumnDef="5">
<ng-container matColumnDef="email">
<th mat-header-cell *matHeaderCellDef class="tac" width="100">Email</th>
<td mat-cell *matCellDef="let item" class="tac">{{item.email}}</td>
</ng-container>
<ng-container matColumnDef="6">
<ng-container matColumnDef="phoneNumber">
<th mat-header-cell *matHeaderCellDef class="tac" width="100">เบอร์โทรศัพท์</th>
<td mat-cell *matCellDef="let item" class="tac">{{item.phoneNumber}}</td>
</ng-container>
<ng-container matColumnDef="userType">
<th mat-header-cell *matHeaderCellDef class="tac" width="100">ประเภทผู้ใช้งาน</th>
<td mat-cell *matCellDef="let item" class="tac">{{item.userType}}</td>
</ng-container>
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef class="tac" width="100">Id</th>
<td mat-cell *matCellDef="let item" class="tac">{{item.id}}</td>
</ng-container>
<ng-container matColumnDef="action">
<th mat-header-cell *matHeaderCellDef class="tac" width="150">More Detail</th>
<td mat-cell *matCellDef="let item" class="tac">
<div class="action flex justify-center">

1
src/app/pages/manage/users/presenter/user-list/user-list.component.ts
View File

@@ -18,6 +18,7 @@ export class UserListComponent extends BaseList implements OnChanges {
}
name: string;
filterCard: Subject<string> = new Subject<string>();
userListKey = ['1', 'fullName', 'userName', 'email', 'phoneNumber', 'userType', 'id', 'action']
constructor() {
super()
this.filterCard.pipe(