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 | 3x 224x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 224x 1x 1x 1x 1x 1x 1x 3x 1x 1x 1x 1x 1x 1x 224x 3x 3x 3x | <!-- <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>
|