All files / src/app/components/profile profile.component.html

85.18% Statements 46/54
50% Branches 1/2
100% Functions 1/1
82.35% Lines 28/34

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                      1x 188x   1x 1x 1x   1x 1x 1x 1x   1x 1x 1x 1x 1x 1x     1x 188x     1x 1x 1x   1x 1x   1x   1x                     188x 1x 1x           1x  
<!-- <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>