webnaplo-gulbaba-frontend/src/app/user/settings/settings.component.html

<div class="ui main container">
  <h1 class="ui dividing header">Felhasználó</h1>
  <div class="ui raised segment">
    <div class="ui dimmer" [class.active]="submitInProgress">
      <div class="ui indeterminate text loader">Mentés</div>
    </div>
    <div class="ui negative message" *ngIf="error">
      <div class="header">
        Hiba
      </div>
      <p>A régi jelszó nem megfelelő.</p>
    </div>
    <form *ngIf="user.canChangePassword" class="ui form" (ngSubmit)="changePassword()" [class.error]="passwordFormError">
      <input type="hidden" [value]="user.email" autocomplete="username">
      <h4 class="ui dividing header">Jelszó változtatás</h4>
      <div class="four fields">
        <div class="field">
          <label>Jelenlegi jelszó</label>
          <input type="password" placeholder="" name="password_old" [(ngModel)]="oldPassword" autocomplete="current-password">
        </div>
        <div class="field">
          <label>Új jelszó</label>
          <input type="password" placeholder="" name="password_new" [(ngModel)]="newPassword" autocomplete="new-password">
        </div>
        <div class="field">
          <label>Új jelszó megerősítése</label>
          <input type="password" placeholder="" name="password_confirm" [(ngModel)]="cnfPassword" autocomplete="new-password">
        </div>
        <div class="field">
          <label>&nbsp;</label>
          <button class="ui button" [class.positive]="canChangePassword" [class.disabled]="!canChangePassword" type="submit">Jelszó módosítása</button>
        </div>
      </div>
      <div class="ui error message">
        <p>A két jelszó nem egyezik.</p>
      </div>
    </form>

    <form class="ui form" (ngSubmit)="changeSettings()">
      <h4 class="ui dividing header">Beállítások</h4>
      <div class="grouped fields">
        <label>Kér rendszer értesít email-ben?</label>
        <div class="field">
          <div class="ui radio checkbox">
            <input type="radio" id="wantsEmailTrue" name="wantsEmail" [(ngModel)]="user.wantsEmail" [value]="true">
            <label for="wantsEmailTrue">Igen</label>
          </div>
        </div>
        <div class="field">
          <div class="ui radio checkbox">
            <input type="radio" id="wantsEmailFalse" name="wantsEmail" [(ngModel)]="user.wantsEmail" [value]="false">
            <label for="wantsEmailFalse">Nem</label>
          </div>
        </div>
      </div>
      <button class="ui button" [class.positive]="!submitInProgress" [class.disabled]="submitInProgress">Beállítások mentése</button>
    </form>
  </div>
</div>