Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 | 4x 400x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 400x 4x 4x 4x 4x 4x 4x 4x 4x 4x 400x 2x 2x 2x 2x 2x 2x 4x 400x 4x 4x | <!-- <p-select
[options]="themeOptions"
[(ngModel)]="theme"
(onChange)="onThemeChange()"
/> -->
<section class="container">
<div class="columns is-multiline">
<div class="column is-8 is-offset-2 profile">
<div class="columns">
<div class="column right has-text-centered">
<h1 class="title is-4">Edit Profile</h1>
<form [formGroup]="profileForm">
<div class="field">
<label class="label" htmlFor="firstname">Firstname</label>
<div class="control has-icons-right">
<input class="input" formControlName="firstname" type="text" id="firstname">
</div>
</div>
<div class="field">
<label class="label" htmlFor="lastname">Lastname</label>
<div class="control has-icons-right">
<input class="input" formControlName="lastname" type="text" id="lastname">
</div>
</div>
<div class="field">
<label class="label" htmlFor="email">Email</label>
<div class="control has-icons-right">
<input class="input" formControlName="email" type="email" id="email" [readOnly]="!ownProfile">
<span class="icon is-small is-right">
<i class="fa fa-user"></i>
</span>
</div>
</div>
<div class="field">
<label class="label" htmlFor="password">Password</label>
<div class="control has-icons-right">
<input class="input" type="password" id="password" formControlName="password">
<span class="icon is-small is-right">
<i class="fa fa-key"></i>
</span>
</div>
</div>
@if (!this.ownProfile) {
<div class="field row">
<div class="column left">
<label class="label" htmlFor="password">User blocked</label>
<p-togglebutton formControlName="userBlocked" onLabel="Yes" offLabel="No" styleClass="w-24" />
</div>
<div class="column right">
<label class="label" htmlFor="password">User Administrator</label>
<p-togglebutton formControlName="userAdministrator" onLabel="Yes" offLabel="No" styleClass="w-24" />
</div>
</div>
}
<button (click)="editProfile()" class="button is-block is-primary is-fullwidth is-medium"
[disabled]="profileForm.invalid">Save changes</button>
<br />
</form>
</div>
</div>
</div>
</div>
</section>
|