- Added user update modal

- Refactored modal logic
This commit is contained in:
2024-06-01 01:17:28 +02:00
parent e3b1891d11
commit fb4d47b7bf
4 changed files with 125 additions and 0 deletions

View 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>