2021-07-08 23:07:42 +00:00
|
|
|
<!-- <div>
|
2021-07-03 21:48:27 +00:00
|
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-md-8">
|
|
|
|
<h2 jhiTranslate="settings.title" [translateValues]="{ username: account.login }" *ngIf="account">
|
|
|
|
User settings for [<strong>{{ account.login }}</strong
|
|
|
|
>]
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<div class="alert alert-success" *ngIf="success" jhiTranslate="settings.messages.success">
|
|
|
|
<strong>Settings saved!</strong>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<jhi-alert-error></jhi-alert-error>
|
|
|
|
|
|
|
|
<form name="form" role="form" (ngSubmit)="save()" [formGroup]="settingsForm" *ngIf="account" novalidate>
|
|
|
|
<div class="form-group">
|
|
|
|
<label class="form-control-label" for="firstName" jhiTranslate="settings.form.firstname">First Name</label>
|
|
|
|
<input
|
|
|
|
type="text"
|
|
|
|
class="form-control"
|
|
|
|
id="firstName"
|
|
|
|
name="firstName"
|
|
|
|
placeholder="{{ 'settings.form.firstname.placeholder' | translate }}"
|
|
|
|
formControlName="firstName"
|
|
|
|
data-cy="firstname"
|
|
|
|
/>
|
|
|
|
|
|
|
|
<div
|
|
|
|
*ngIf="
|
|
|
|
settingsForm.get('firstName')!.invalid && (settingsForm.get('firstName')!.dirty || settingsForm.get('firstName')!.touched)
|
|
|
|
"
|
|
|
|
>
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('firstName')?.errors?.required"
|
|
|
|
jhiTranslate="settings.messages.validate.firstname.required"
|
|
|
|
>
|
|
|
|
Your first name is required.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('firstName')?.errors?.minlength"
|
|
|
|
jhiTranslate="settings.messages.validate.firstname.minlength"
|
|
|
|
>
|
|
|
|
Your first name is required to be at least 1 character.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('firstName')?.errors?.maxlength"
|
|
|
|
jhiTranslate="settings.messages.validate.firstname.maxlength"
|
|
|
|
>
|
|
|
|
Your first name cannot be longer than 50 characters.
|
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label class="form-control-label" for="lastName" jhiTranslate="settings.form.lastname">Last Name</label>
|
|
|
|
<input
|
|
|
|
type="text"
|
|
|
|
class="form-control"
|
|
|
|
id="lastName"
|
|
|
|
name="lastName"
|
|
|
|
placeholder="{{ 'settings.form.lastname.placeholder' | translate }}"
|
|
|
|
formControlName="lastName"
|
|
|
|
data-cy="lastname"
|
|
|
|
/>
|
|
|
|
|
|
|
|
<div
|
|
|
|
*ngIf="settingsForm.get('lastName')!.invalid && (settingsForm.get('lastName')!.dirty || settingsForm.get('lastName')!.touched)"
|
|
|
|
>
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('lastName')?.errors?.required"
|
|
|
|
jhiTranslate="settings.messages.validate.lastname.required"
|
|
|
|
>
|
|
|
|
Your last name is required.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('lastName')?.errors?.minlength"
|
|
|
|
jhiTranslate="settings.messages.validate.lastname.minlength"
|
|
|
|
>
|
|
|
|
Your last name is required to be at least 1 character.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('lastName')?.errors?.maxlength"
|
|
|
|
jhiTranslate="settings.messages.validate.lastname.maxlength"
|
|
|
|
>
|
|
|
|
Your last name cannot be longer than 50 characters.
|
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label class="form-control-label" for="email" jhiTranslate="global.form.email.label">Email</label>
|
|
|
|
<input
|
|
|
|
type="email"
|
|
|
|
class="form-control"
|
|
|
|
id="email"
|
|
|
|
name="email"
|
|
|
|
placeholder="{{ 'global.form.email.placeholder' | translate }}"
|
|
|
|
formControlName="email"
|
|
|
|
data-cy="email"
|
|
|
|
/>
|
|
|
|
|
|
|
|
<div *ngIf="settingsForm.get('email')!.invalid && (settingsForm.get('email')!.dirty || settingsForm.get('email')!.touched)">
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('email')?.errors?.required"
|
|
|
|
jhiTranslate="global.messages.validate.email.required"
|
|
|
|
>
|
|
|
|
Your email is required.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('email')?.errors?.email"
|
|
|
|
jhiTranslate="global.messages.validate.email.invalid"
|
|
|
|
>
|
|
|
|
Your email is invalid.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('email')?.errors?.minlength"
|
|
|
|
jhiTranslate="global.messages.validate.email.minlength"
|
|
|
|
>
|
|
|
|
Your email is required to be at least 5 characters.
|
|
|
|
</small>
|
|
|
|
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="settingsForm.get('email')?.errors?.maxlength"
|
|
|
|
jhiTranslate="global.messages.validate.email.maxlength"
|
|
|
|
>
|
|
|
|
Your email cannot be longer than 100 characters.
|
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group" *ngIf="languages && languages.length > 0">
|
|
|
|
<label for="langKey" jhiTranslate="settings.form.language">Language</label>
|
|
|
|
<select class="form-control" id="langKey" name="langKey" formControlName="langKey" data-cy="langKey">
|
|
|
|
<option *ngFor="let language of languages" [value]="language">{{ language | findLanguageFromKey }}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button
|
|
|
|
type="submit"
|
|
|
|
[disabled]="settingsForm.invalid"
|
|
|
|
class="btn btn-primary"
|
|
|
|
jhiTranslate="settings.form.button"
|
|
|
|
data-cy="submit"
|
|
|
|
>
|
|
|
|
Save
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
|
|
|
-------------------------------------------------------------------------------
|
|
|
|
-->
|
2021-07-08 23:07:42 +00:00
|
|
|
|
|
|
|
<div>
|
|
|
|
<div class="row justify-content-center">
|
2021-07-09 01:04:40 +00:00
|
|
|
<div class="row w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
|
|
|
<div class="col-lg-4 mr-lg-5">
|
2021-07-08 23:07:42 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="w-100">
|
|
|
|
<p><b>Perfil</b></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p>Información general de su usuario, el correo electrónico es su identificador en DataSurvey.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-09 00:33:54 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<!-- Form -->
|
2021-07-09 00:33:54 +00:00
|
|
|
<div class="col-lg ml-lg-5 mr-lg-5 pr-lg-5" name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
|
2021-07-08 23:07:42 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
2021-07-09 00:33:54 +00:00
|
|
|
<label class="form-control-label" for="field_email">Correo electrónico</label>
|
2021-07-08 23:07:42 +00:00
|
|
|
<input
|
2021-07-09 00:33:54 +00:00
|
|
|
type="text"
|
2021-07-08 23:07:42 +00:00
|
|
|
class="form-control"
|
|
|
|
name="email"
|
2021-07-09 00:33:54 +00:00
|
|
|
id="field_email"
|
2021-07-08 23:07:42 +00:00
|
|
|
data-cy="email"
|
2021-07-09 00:33:54 +00:00
|
|
|
formControlName="email"
|
|
|
|
[readonly]="true"
|
2021-07-08 23:07:42 +00:00
|
|
|
/>
|
2021-07-09 00:33:54 +00:00
|
|
|
<div *ngIf="editForm.get('email')!.invalid && (editForm.get('email')!.dirty || editForm.get('email')!.touched)">
|
2021-07-08 23:07:42 +00:00
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
2021-07-09 00:33:54 +00:00
|
|
|
*ngIf="editForm.get('email')?.errors?.required"
|
|
|
|
jhiTranslate="entity.validation.required"
|
2021-07-08 23:07:42 +00:00
|
|
|
>
|
2021-07-09 00:33:54 +00:00
|
|
|
This field is required.
|
2021-07-08 23:07:42 +00:00
|
|
|
</small>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
|
|
|
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.nombre" for="field_nombre">Nombre</label>
|
|
|
|
<input type="text" class="form-control" name="nombre" id="field_nombre" data-cy="nombre" formControlName="nombre" />
|
|
|
|
<div *ngIf="editForm.get('nombre')!.invalid && (editForm.get('nombre')!.dirty || editForm.get('nombre')!.touched)">
|
2021-07-08 23:07:42 +00:00
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
2021-07-09 00:33:54 +00:00
|
|
|
*ngIf="editForm.get('nombre')?.errors?.required"
|
|
|
|
jhiTranslate="entity.validation.required"
|
2021-07-08 23:07:42 +00:00
|
|
|
>
|
2021-07-09 00:33:54 +00:00
|
|
|
This field is required.
|
2021-07-08 23:07:42 +00:00
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
2021-07-09 00:33:54 +00:00
|
|
|
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.fechaNacimiento" for="field_fechaNacimiento"
|
|
|
|
>Fecha de nacimiento</label
|
2021-07-08 23:07:42 +00:00
|
|
|
>
|
2021-07-09 00:33:54 +00:00
|
|
|
<div class="d-flex">
|
|
|
|
<input
|
|
|
|
id="field_fechaNacimiento"
|
|
|
|
data-cy="fechaNacimiento"
|
|
|
|
type="datetime-local"
|
|
|
|
class="form-control"
|
|
|
|
name="fechaNacimiento"
|
|
|
|
formControlName="fechaNacimiento"
|
|
|
|
placeholder="YYYY-MM-DD HH:mm"
|
|
|
|
/>
|
2021-07-08 23:07:42 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
<div>
|
|
|
|
<button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" (click)="previousState()">
|
|
|
|
<fa-icon icon="ban"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
|
|
|
</button>
|
2021-07-08 23:07:42 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<button
|
|
|
|
type="submit"
|
|
|
|
id="save-entity"
|
|
|
|
data-cy="entityCreateSaveButton"
|
|
|
|
[disabled]="editForm.invalid || isSaving"
|
|
|
|
class="btn btn-primary"
|
|
|
|
>
|
|
|
|
<fa-icon icon="save"></fa-icon> <span jhiTranslate="entity.action.save">Save</span>
|
|
|
|
</button>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-08 23:07:42 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<div class="row w-75 pb-lg-5 pr-lg-5">
|
|
|
|
<div class="col-lg-4 mr-lg-5">
|
|
|
|
<div class="row">
|
|
|
|
<div class="w-100">
|
|
|
|
<p><b>Contraseña</b></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<p>Utilice una contraseña segura al realizar el cambio, este dato debe ser secreto ya que provee acceso a su cuenta.</p>
|
2021-07-08 23:07:42 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
</div>
|
2021-07-08 23:07:42 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<!-- Form -->
|
|
|
|
<div class="col-lg ml-lg-5 mr-lg-5 pr-lg-5" name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
|
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
|
|
|
<label class="form-control-label" for="field_password">Contraseña actual</label>
|
|
|
|
<input type="text" class="form-control" name="password" id="field_password" data-cy="password" formControlName="password" />
|
|
|
|
<div *ngIf="editForm.get('password')!.invalid && (editForm.get('password')!.dirty || editForm.get('password')!.touched)">
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="editForm.get('password')?.errors?.required"
|
|
|
|
jhiTranslate="entity.validation.required"
|
|
|
|
>
|
|
|
|
This field is required.
|
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
|
|
|
<label class="form-control-label" for="field_passwordNew">Contraseña nueva</label>
|
2021-07-09 00:33:54 +00:00
|
|
|
<input
|
2021-07-09 01:04:40 +00:00
|
|
|
type="text"
|
2021-07-09 00:33:54 +00:00
|
|
|
class="form-control"
|
2021-07-09 01:04:40 +00:00
|
|
|
name="passwordNew"
|
|
|
|
id="field_passwordNew"
|
|
|
|
data-cy="passwordNew"
|
|
|
|
formControlName="passwordNew"
|
|
|
|
[readonly]="true"
|
2021-07-09 00:33:54 +00:00
|
|
|
/>
|
2021-07-09 01:04:40 +00:00
|
|
|
<div
|
|
|
|
*ngIf="editForm.get('passwordNew')!.invalid && (editForm.get('passwordNew')!.dirty || editForm.get('passwordNew')!.touched)"
|
|
|
|
>
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="editForm.get('passwordNew')?.errors?.required"
|
|
|
|
jhiTranslate="entity.validation.required"
|
|
|
|
>
|
|
|
|
This field is required.
|
|
|
|
</small>
|
|
|
|
</div>
|
2021-07-08 23:07:42 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<div class="row">
|
|
|
|
<div class="form-group w-100">
|
|
|
|
<label class="form-control-label" for="field_passwordNewConfirm">Confirmar contraseña nueva</label>
|
|
|
|
<input
|
|
|
|
type="text"
|
|
|
|
class="form-control"
|
|
|
|
name="passwordNewConfirm"
|
|
|
|
id="field_passwordNewConfirm"
|
|
|
|
data-cy="passwordNewConfirm"
|
|
|
|
formControlName="passwordNewConfirm"
|
|
|
|
[readonly]="true"
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
*ngIf="
|
|
|
|
editForm.get('passwordNewConfirm')!.invalid &&
|
|
|
|
(editForm.get('passwordNewConfirm')!.dirty || editForm.get('passwordNewConfirm')!.touched)
|
|
|
|
"
|
|
|
|
>
|
|
|
|
<small
|
|
|
|
class="form-text text-danger"
|
|
|
|
*ngIf="editForm.get('passwordNewConfirm')?.errors?.required"
|
|
|
|
jhiTranslate="entity.validation.required"
|
|
|
|
>
|
|
|
|
This field is required.
|
|
|
|
</small>
|
|
|
|
</div>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-07-08 23:07:42 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<div>
|
|
|
|
<button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" (click)="previousState()">
|
|
|
|
<fa-icon icon="ban"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
|
|
|
</button>
|
2021-07-08 23:07:42 +00:00
|
|
|
|
2021-07-09 01:04:40 +00:00
|
|
|
<button
|
|
|
|
type="submit"
|
|
|
|
id="save-entity"
|
|
|
|
data-cy="entityCreateSaveButton"
|
|
|
|
[disabled]="editForm.invalid || isSaving"
|
|
|
|
class="btn btn-primary"
|
|
|
|
>
|
|
|
|
<fa-icon icon="save"></fa-icon> <span jhiTranslate="entity.action.save">Save</span>
|
|
|
|
</button>
|
2021-07-08 23:07:42 +00:00
|
|
|
</div>
|
2021-07-09 00:33:54 +00:00
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
</div>
|
2021-07-08 23:07:42 +00:00
|
|
|
</div>
|
2021-07-09 01:04:40 +00:00
|
|
|
</div>
|