43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<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>
|