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 384x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 4x 384x 2x 2x 2x 2x 2x 2x 4x 1x 1x 1x 1x 1x 1x 384x 4x 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">
<span class="icon is-small is-right">
<i class="fa fa-user"></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>
}
@else {
<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>
}
<button (click)="editProfile()" class="button is-block is-primary is-fullwidth is-medium" [disabled]="profileForm.invalid" >Save changes</button>
<br />
<small><em>Terms of registration</em></small>
</form>
</div>
</div>
</div>
</div>
</section>
|