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

60 lines
2.6 KiB
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>