eduardo
/
datasurvey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update user profile with password section

This commit is contained in:
Pablo Bonilla 2021-07-08 19:04:40 -06:00
parent f5c2f626df
commit 23094e4c0d
No known key found for this signature in database
GPG Key ID: 46877262B8DE47E2
1 changed files with 120 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
src/main/webapp/app/account/settings/settings.component.html
View File

@ -169,8 +169,8 @@
<div> <div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="row pb-lg-5 pr-lg-5" style="border-bottom: 1px solid #e7ebf3"> <div class="row w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
<div class="col-lg mr-lg-5"> <div class="col-lg-4 mr-lg-5">
<div class="row"> <div class="row">
<div class="w-100"> <div class="w-100">
<p><b>Perfil</b></p> <p><b>Perfil</b></p>
@ -181,6 +181,7 @@
</div> </div>
</div> </div>
<!-- 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="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="row">
<div class="form-group w-100"> <div class="form-group w-100">
@ -238,108 +239,105 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
<!-- <div class="row justify-content-center">
<div class="col-8">
<form name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
<h2
id="jhi-usuario-extra-heading"
data-cy="UsuarioExtraCreateUpdateHeading"
jhiTranslate="dataSurveyApp.usuarioExtra.home.createOrEditLabel"
>
Create or edit a Usuario Extra
</h2>
<div> <div>
<jhi-alert-error></jhi-alert-error> <button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" (click)="previousState()">
<fa-icon icon="ban"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
</button>
<div class="form-group" [hidden]="editForm.get('id')!.value == null"> <button
<label class="form-control-label" jhiTranslate="global.field.id" for="field_id">ID</label> type="submit"
<input type="number" class="form-control" name="id" id="field_id" data-cy="id" formControlName="id" [readonly]="true" /> id="save-entity"
data-cy="entityCreateSaveButton"
[disabled]="editForm.invalid || isSaving"
class="btn btn-primary"
>
<fa-icon icon="save"></fa-icon>&nbsp;<span jhiTranslate="entity.action.save">Save</span>
</button>
</div>
</div>
</div> </div>
<div class="form-group"> <div class="row w-75 pb-lg-5 pr-lg-5">
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.nombre" for="field_nombre">Nombre</label> <div class="col-lg-4 mr-lg-5">
<input type="text" class="form-control" name="nombre" id="field_nombre" data-cy="nombre" formControlName="nombre" /> <div class="row">
<div *ngIf="editForm.get('nombre')!.invalid && (editForm.get('nombre')!.dirty || editForm.get('nombre')!.touched)"> <div class="w-100">
<small class="form-text text-danger" *ngIf="editForm.get('nombre')?.errors?.required" jhiTranslate="entity.validation.required"> <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>
</div>
</div>
</div>
<!-- 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. This field is required.
</small> </small>
</div> </div>
</div> </div>
</div>
<div class="form-group"> <div class="row">
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.iconoPerfil" for="field_iconoPerfil" <div class="form-group w-100">
>Icono Perfil</label <label class="form-control-label" for="field_passwordNew">Contraseña nueva</label>
>
<input <input
type="text" type="text"
class="form-control" class="form-control"
name="iconoPerfil" name="passwordNew"
id="field_iconoPerfil" id="field_passwordNew"
data-cy="iconoPerfil" data-cy="passwordNew"
formControlName="iconoPerfil" formControlName="passwordNew"
[readonly]="true"
/> />
</div> <div
*ngIf="editForm.get('passwordNew')!.invalid && (editForm.get('passwordNew')!.dirty || editForm.get('passwordNew')!.touched)"
<div class="form-group"> >
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.fechaNacimiento" for="field_fechaNacimiento" <small
>Fecha Nacimiento</label class="form-text text-danger"
*ngIf="editForm.get('passwordNew')?.errors?.required"
jhiTranslate="entity.validation.required"
> >
<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"
/>
</div>
</div>
<div class="form-group">
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.estado" for="field_estado">Estado</label>
<select class="form-control" name="estado" formControlName="estado" id="field_estado" data-cy="estado">
<option [ngValue]="null">{{ 'dataSurveyApp.EstadoUsuario.null' | translate }}</option>
<option value="ACTIVE">{{ 'dataSurveyApp.EstadoUsuario.ACTIVE' | translate }}</option>
<option value="SUSPENDED">{{ 'dataSurveyApp.EstadoUsuario.SUSPENDED' | translate }}</option>
</select>
<div *ngIf="editForm.get('estado')!.invalid && (editForm.get('estado')!.dirty || editForm.get('estado')!.touched)">
<small class="form-text text-danger" *ngIf="editForm.get('estado')?.errors?.required" jhiTranslate="entity.validation.required">
This field is required. This field is required.
</small> </small>
</div> </div>
</div> </div>
<div class="form-group">
<label class="form-control-label" jhiTranslate="dataSurveyApp.usuarioExtra.user" for="field_user">User</label>
<select class="form-control" id="field_user" data-cy="user" name="user" formControlName="user">
<option [ngValue]="null"></option>
<option
[ngValue]="userOption.id === editForm.get('user')!.value?.id ? editForm.get('user')!.value : userOption"
*ngFor="let userOption of usersSharedCollection; trackBy: trackUserById"
>
{{ userOption.id }}
</option>
</select>
</div> </div>
<div class="form-group"> <div class="row">
<label jhiTranslate="dataSurveyApp.usuarioExtra.plantilla" for="field_plantillas">Plantilla</label> <div class="form-group w-100">
<select class="form-control" id="field_plantillas" data-cy="plantilla" multiple name="plantillas" formControlName="plantillas"> <label class="form-control-label" for="field_passwordNewConfirm">Confirmar contraseña nueva</label>
<option <input
[ngValue]="getSelectedPlantilla(plantillaOption, editForm.get('plantillas')!.value)" type="text"
*ngFor="let plantillaOption of plantillasSharedCollection; trackBy: trackPlantillaById" 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)
"
> >
{{ plantillaOption.id }} <small
</option> class="form-text text-danger"
</select> *ngIf="editForm.get('passwordNewConfirm')?.errors?.required"
jhiTranslate="entity.validation.required"
>
This field is required.
</small>
</div>
</div> </div>
</div> </div>
@ -358,6 +356,7 @@
<fa-icon icon="save"></fa-icon>&nbsp;<span jhiTranslate="entity.action.save">Save</span> <fa-icon icon="save"></fa-icon>&nbsp;<span jhiTranslate="entity.action.save">Save</span>
</button> </button>
</div> </div>
</form>
</div> </div>
</div> --> </div>
</div>
</div>