- Added user update modal
- Refactored modal logic
This commit is contained in:
42
frontend/src/app/adminui/edituser/edituser.component.html
Normal file
42
frontend/src/app/adminui/edituser/edituser.component.html
Normal file
@ -0,0 +1,42 @@
|
||||
<div class="w-full">
|
||||
<form>
|
||||
<h3 class="font-bold text-lg mb-10">Edit your ({{parsedUsername}}) account details</h3>
|
||||
|
||||
<div class="mb-5">
|
||||
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="username">
|
||||
Change username
|
||||
</label>
|
||||
<input class="input w-full shadow text-center" id="username" type="text" placeholder="Username" name="username"
|
||||
[(ngModel)]="username"
|
||||
>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="password">
|
||||
Current password
|
||||
</label>
|
||||
<input class="input w-full shadow text-center" id="password" type="password" placeholder="********" name="originalPassword"
|
||||
[(ngModel)]="originalPassword">
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="password2">
|
||||
New password
|
||||
</label>
|
||||
<input class="input w-full shadow text-center" id="password2" type="password" placeholder="********" name="newPassword"
|
||||
[(ngModel)]="newPassword">
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="password3">
|
||||
Confirm new password
|
||||
</label>
|
||||
<input class="input w-full shadow text-center" id="password3" type="password" placeholder="********" name="newPasswordConfirm"
|
||||
[(ngModel)]="confirmPassword">
|
||||
</div>
|
||||
|
||||
<div class="modal-action">
|
||||
<form method="dialog">
|
||||
<!-- if there is a button in form, it will close the modal -->
|
||||
<button class="btn" (click)="saveUser()">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
Reference in New Issue
Block a user