82 lines
3.5 KiB
HTML
82 lines
3.5 KiB
HTML
<form class="dialog-main form-dialog" autocomplete="off">
|
|
<div class="dialog-main">
|
|
<div class="dialog-header flex justify-between">
|
|
<h2>More Detail</h2>
|
|
<mat-icon mat-dialog-close class="cursor-pointer">clear</mat-icon>
|
|
</div>
|
|
<div class="dialog-body">
|
|
<div class="grid grid-cols-12 gap-4 md:gap-2 ">
|
|
|
|
<div class="col-span-full">
|
|
<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>
|
|
<mat-form-field class="col-span-3">
|
|
<input matInput required type="text" [value]="dialog?.personalCardId" readonly>
|
|
</mat-form-field>
|
|
<span class="col-span-1"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-full">
|
|
<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>
|
|
<mat-form-field class="col-span-3">
|
|
<input matInput required type="text" readonly [value]="dialog?.fullName">
|
|
</mat-form-field>
|
|
<span class="col-span-5"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-full">
|
|
<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">Username</mat-label>
|
|
<mat-form-field class="col-span-3">
|
|
<input matInput required type="text" readonly [value]="dialog?.userName">
|
|
</mat-form-field>
|
|
<span class="col-span-1"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-full">
|
|
<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>
|
|
<mat-form-field class="col-span-3">
|
|
<input matInput required type="text" readonly [value]="dialog?.phoneNumber">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-full">
|
|
<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>
|
|
<mat-form-field class="col-span-3">
|
|
<input matInput required type="text" readonly [value]="dialog?.normalizedEmail">
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-span-full">
|
|
<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">Lock/Unlock</mat-label>
|
|
<mat-slide-toggle [checked]="dialog.lockoutEnabled" (change)="changeUserLock($event)"></mat-slide-toggle>
|
|
<span class="col-span-1"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-full">
|
|
<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 style="white-space: nowrap;"> User เป็น Merchant</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- <pre>{{form.getRawValue() | json}}</pre> --> |