Add Configuración de Parámetros
se realizó la historia de usuario 55
This commit is contained in:
parent
d678a7bbab
commit
56d74c5e11
|
@ -45,78 +45,79 @@
|
||||||
</div>
|
</div>
|
||||||
</div>-->
|
</div>-->
|
||||||
<div class="row justify-content-center ds-form">
|
<div class="row justify-content-center ds-form">
|
||||||
<div class="w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
<div class="row w-75 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
||||||
<div class="col-lg-8 mr-lg-5">
|
<div class="col-lg-10 mr-lg-5">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="w-100">
|
<div class="w-100">
|
||||||
<p class="ds-title">Parámetros de la aplicación</p>
|
<p class="ds-title">Parámetros de la aplicación</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="ds-subtitle">Informacion de los parametros que se permiten para la creacion de las encuestas dentro de DataSurvey.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center ds-form">
|
||||||
|
<jhi-alert-error></jhi-alert-error>
|
||||||
|
<jhi-alert></jhi-alert>
|
||||||
|
<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">
|
||||||
|
<div class="row">
|
||||||
|
<div class="w-100">
|
||||||
|
<p class="ds-title">Dias para encuestas</p>
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="ds-subtitle">
|
<p class="ds-subtitle">
|
||||||
Parámetros necesarios para los datos mínimos y máximos que permitirá para las diferentes encuestas dentro de DataSurvey.
|
Cantidad mínima y máxima de los días que se permitirá para la creación de las encuestas dentro de DataSurvey.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div *ngIf="parametroAplicacion" class="ds-form col-lg ml-lg-5 mr-lg-5 pr-lg-5">
|
||||||
</div>
|
<div class="row mb-2">
|
||||||
<jhi-alert-error></jhi-alert-error>
|
<div class="form-group w-100">
|
||||||
|
<label class="form-control-label">Cantidad mínima</label>
|
||||||
<jhi-alert></jhi-alert>
|
<p class="form-control text-center">{{ parametroAplicacion.minDiasEncuesta }}</p>
|
||||||
<div *ngIf="parametroAplicacion" class="ds-form">
|
</div>
|
||||||
<div class="row justify-content-center info-parametros">
|
<div class="form-group w-100">
|
||||||
<div class="w-100">
|
<label class="form-control-label">Cantidad máxima</label>
|
||||||
<h4 class="text-dark text-center fw-bold">Dias para encuestas</h4>
|
<p class="form-control text-center">{{ parametroAplicacion.maxDiasEncuesta }}</p>
|
||||||
</div>
|
|
||||||
<div class="row w-100 pb-lg-2 mb-5 justify-content-center">
|
|
||||||
<div class="col-lg-4 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group w-100">
|
|
||||||
<p class="form-control-label">Cantidad mínima</p>
|
|
||||||
<p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.minDiasEncuesta }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 mr-lg-5">
|
</div>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="form-group w-100">
|
</div>
|
||||||
<p class="form-control-label">Cantidad máxima</p>
|
<div class="row justify-content-center ds-form">
|
||||||
<p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.maxDiasEncuesta }}</p>
|
<div class="row w-75 pb-lg-5 pr-lg-5 mb-5">
|
||||||
</div>
|
<div class="col-lg-4 mr-lg-5">
|
||||||
</div>
|
<div class="row">
|
||||||
</div>
|
<div class="w-100">
|
||||||
</div>
|
<p class="ds-title">Preguntas para encuestas</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row justify-content-center info-parametros">
|
<div>
|
||||||
<div class="w-100">
|
<p class="ds-subtitle">
|
||||||
<h4 class="text-dark text-center fw-bold">Preguntas para encuestas</h4>
|
Cantidad mínima y máxima de las preguntas que se permitirá ingresar para la creación de las encuestas dentro de DataSurvey.
|
||||||
</div>
|
</p>
|
||||||
<div class="row w-100 pb-lg-2 mb-5 justify-content-center">
|
</div>
|
||||||
<div class="col-lg-4 mr-lg-5">
|
</div>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="form-group w-100">
|
<div *ngIf="parametroAplicacion" class="ds-form col-lg ml-lg-5 mr-lg-5 pr-lg-5">
|
||||||
<p class="form-control-label">Cantidad mínima</p>
|
<div class="row mb-2">
|
||||||
<p class="form-control text-center" style="border-bottom: 1px solid #e7ebf3">{{ parametroAplicacion.minCantidadPreguntas }}</p>
|
<div class="form-group w-100">
|
||||||
</div>
|
<label class="form-control-label">Cantidad mínima</label>
|
||||||
</div>
|
<p class="form-control text-center">{{ parametroAplicacion.minCantidadPreguntas }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 mr-lg-5">
|
<div class="form-group w-100">
|
||||||
<div class="row">
|
<label class="form-control-label">Cantidad máxima</label>
|
||||||
<div class="form-group w-100">
|
<p class="form-control text-center">{{ parametroAplicacion.maxCantidadPreguntas }}</p>
|
||||||
<p class="form-control-label">Cantidad máxima</p>
|
</div>
|
||||||
<p class="form-control text-center">{{ parametroAplicacion.maxCantidadPreguntas }}</p>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
</div>
|
<button class="ds-btn ds-btn--primary" type="button" [routerLink]="['/parametro-aplicacion', parametroAplicacion.id, 'edit']">
|
||||||
</div>
|
<fa-icon icon="pencil-alt"></fa-icon> <span jhiTranslate="entity.action.edit">Edit</span>
|
||||||
</div>
|
</button>
|
||||||
<div class="row">
|
</div>
|
||||||
<button class="ds-btn ds-btn--secondary" type="submit" (click)="previousState()" data-cy="entityDetailsBackButton">
|
|
||||||
<fa-icon icon="arrow-left"></fa-icon> <span jhiTranslate="entity.action.back">Back</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button class="ds-btn ds-btn--primary" type="button" [routerLink]="['/parametro-aplicacion', parametroAplicacion.id, 'edit']">
|
|
||||||
<fa-icon icon="pencil-alt"></fa-icon> <span jhiTranslate="entity.action.edit">Edit</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,61 +1,51 @@
|
||||||
<!--<div class="row justify-content-center">
|
<div class="row justify-content-center ds-form">
|
||||||
<div class="col-8">
|
<div class="row w-75 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
||||||
<form name="editForm" role="form" novalidate (ngSubmit)="save()" [formGroup]="editForm">
|
<div class="col-lg-10 mr-lg-5">
|
||||||
<h2
|
<div class="row">
|
||||||
id="jhi-parametro-aplicacion-heading"
|
<div class="w-100">
|
||||||
data-cy="ParametroAplicacionCreateUpdateHeading"
|
<p class="ds-title">Parámetros de la aplicación</p>
|
||||||
jhiTranslate="dataSurveyApp.parametroAplicacion.home.createOrEditLabel"
|
|
||||||
>
|
|
||||||
Create or edit a Parametro Aplicacion
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<jhi-alert-error></jhi-alert-error>
|
|
||||||
|
|
||||||
<div class="form-group" [hidden]="editForm.get('id')!.value == null">
|
|
||||||
<label class="form-control-label" jhiTranslate="global.field.id" for="field_id">ID</label>
|
|
||||||
<input type="number" class="form-control" name="id" id="field_id" data-cy="id" formControlName="id" [readonly]="true" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
<div class="form-group">
|
<p class="ds-subtitle">Edición de los parámetros que se permiten para la creación de las encuestas dentro de DataSurvey.</p>
|
||||||
<label class="form-control-label" jhiTranslate="dataSurveyApp.parametroAplicacion.maxDiasEncuesta" for="field_maxDiasEncuesta"
|
|
||||||
>Max Dias Encuesta</label
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
class="form-control"
|
|
||||||
name="maxDiasEncuesta"
|
|
||||||
id="field_maxDiasEncuesta"
|
|
||||||
data-cy="maxDiasEncuesta"
|
|
||||||
formControlName="maxDiasEncuesta"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
*ngIf="
|
|
||||||
editForm.get('maxDiasEncuesta')!.invalid &&
|
|
||||||
(editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
*ngIf="editForm.get('maxDiasEncuesta')?.errors?.required"
|
|
||||||
jhiTranslate="entity.validation.required"
|
|
||||||
>
|
|
||||||
This field is required.
|
|
||||||
</small>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
[hidden]="!editForm.get('maxDiasEncuesta')?.errors?.number"
|
|
||||||
jhiTranslate="entity.validation.number"
|
|
||||||
>
|
|
||||||
This field should be a number.
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="alert alert-danger" *ngIf="minDiasIncorrect">La cantidad mínima de los días, debe ser inferior a la cantidad máxima</div>
|
||||||
<label class="form-control-label" jhiTranslate="dataSurveyApp.parametroAplicacion.minDiasEncuesta" for="field_minDiasEncuesta"
|
<div class="alert alert-danger" *ngIf="minPreguntasIncorrect">
|
||||||
>Min Dias Encuesta</label
|
La cantidad mínima de las preguntas, debe ser inferior a la cantidad máxima
|
||||||
>
|
</div>
|
||||||
|
<div class="alert alert-danger" *ngIf="notNumbers">Los valores digitadas deben ser numéricas y enteras</div>
|
||||||
|
<div class="alert alert-danger" *ngIf="notPositive">Los valores ingresados deben ser mayores que 0</div>
|
||||||
|
<!-- Form -->
|
||||||
|
<form
|
||||||
|
autocomplete="off"
|
||||||
|
class="ds-form row justify-content-center"
|
||||||
|
name="editForm"
|
||||||
|
role="form"
|
||||||
|
novalidate
|
||||||
|
(ngSubmit)="save()"
|
||||||
|
[formGroup]="editForm"
|
||||||
|
>
|
||||||
|
<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">
|
||||||
|
<div class="row">
|
||||||
|
<div class="w-100">
|
||||||
|
<p class="ds-title">Edición Días para Encuestas</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="ds-subtitle">
|
||||||
|
Editar la cantidad mínima y máxima de los días que se permitirá para la creación de las encuestas dentro de DataSurvey.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg ml-lg-5 mr-lg-5 pr-lg-5">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="form-group w-100">
|
||||||
|
<label class="form-control-label" for="field_minDiasEncuesta">Cantidad mínima</label>
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
|
@ -79,59 +69,72 @@
|
||||||
</small>
|
</small>
|
||||||
<small
|
<small
|
||||||
class="form-text text-danger"
|
class="form-text text-danger"
|
||||||
[hidden]="!editForm.get('minDiasEncuesta')?.errors?.number"
|
[hidden]="!editForm.get('minDiasEncuesta')?.errors?.pattern"
|
||||||
jhiTranslate="entity.validation.number"
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
>
|
>
|
||||||
This field should be a number.
|
This field should be a number.
|
||||||
</small>
|
</small>
|
||||||
</div>
|
<small class="form-text text-danger" [hidden]="!editForm.get('minDiasEncuesta')?.errors?.min">
|
||||||
</div>
|
Este campo no puede ser mayor que 1
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label
|
|
||||||
class="form-control-label"
|
|
||||||
jhiTranslate="dataSurveyApp.parametroAplicacion.maxCantidadPreguntas"
|
|
||||||
for="field_maxCantidadPreguntas"
|
|
||||||
>Max Cantidad Preguntas</label
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
class="form-control"
|
|
||||||
name="maxCantidadPreguntas"
|
|
||||||
id="field_maxCantidadPreguntas"
|
|
||||||
data-cy="maxCantidadPreguntas"
|
|
||||||
formControlName="maxCantidadPreguntas"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
*ngIf="
|
|
||||||
editForm.get('maxCantidadPreguntas')!.invalid &&
|
|
||||||
(editForm.get('maxCantidadPreguntas')!.dirty || editForm.get('maxCantidadPreguntas')!.touched)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
*ngIf="editForm.get('maxCantidadPreguntas')?.errors?.required"
|
|
||||||
jhiTranslate="entity.validation.required"
|
|
||||||
>
|
|
||||||
This field is required.
|
|
||||||
</small>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
[hidden]="!editForm.get('maxCantidadPreguntas')?.errors?.number"
|
|
||||||
jhiTranslate="entity.validation.number"
|
|
||||||
>
|
|
||||||
This field should be a number.
|
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group w-100">
|
||||||
|
<label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
|
||||||
|
<input
|
||||||
|
type="number"
|
||||||
|
class="form-control"
|
||||||
|
name="maxDiasEncuesta"
|
||||||
|
id="field_maxDiasEncuesta"
|
||||||
|
data-cy="maxDiasEncuesta"
|
||||||
|
formControlName="maxDiasEncuesta"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
*ngIf="
|
||||||
|
editForm.get('maxDiasEncuesta')!.invalid &&
|
||||||
|
(editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="form-text text-danger"
|
||||||
|
*ngIf="editForm.get('maxDiasEncuesta')?.errors?.required"
|
||||||
|
jhiTranslate="entity.validation.required"
|
||||||
|
>
|
||||||
|
This field is required.
|
||||||
|
</small>
|
||||||
|
<small
|
||||||
|
class="form-text text-danger"
|
||||||
|
[hidden]="!editForm.get('maxDiasEncuesta')?.errors?.pattern"
|
||||||
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
|
>
|
||||||
|
This field should be a number.
|
||||||
|
</small>
|
||||||
|
<small class="form-text text-danger" [hidden]="!editForm.get('maxDiasEncuesta')?.errors?.min">
|
||||||
|
Este campo no puede ser mayor que 1
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="row w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
||||||
<label
|
<div class="col-lg-4 mr-lg-5">
|
||||||
class="form-control-label"
|
<div class="row">
|
||||||
jhiTranslate="dataSurveyApp.parametroAplicacion.minCantidadPreguntas"
|
<div class="w-100">
|
||||||
for="field_minCantidadPreguntas"
|
<p class="ds-title">Edición Preguntas para Encuestas</p>
|
||||||
>Min Cantidad Preguntas</label
|
</div>
|
||||||
>
|
<div>
|
||||||
|
<p class="ds-subtitle">
|
||||||
|
Editar la cantidad mínima y máxima de las preguntas que se permitirán para la creación de las encuestas dentro de DataSurvey.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg ml-lg-5 mr-lg-5 pr-lg-5">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="form-group w-100">
|
||||||
|
<label class="form-control-label" for="field_minCantidadPreguntas">Cantidad mínima</label>
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
|
@ -155,169 +158,19 @@
|
||||||
</small>
|
</small>
|
||||||
<small
|
<small
|
||||||
class="form-text text-danger"
|
class="form-text text-danger"
|
||||||
[hidden]="!editForm.get('minCantidadPreguntas')?.errors?.number"
|
[hidden]="!editForm.get('minCantidadPreguntas')?.errors?.pattern"
|
||||||
jhiTranslate="entity.validation.number"
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
>
|
>
|
||||||
This field should be a number.
|
This field should be a number.
|
||||||
</small>
|
</small>
|
||||||
|
<small class="form-text text-danger" [hidden]="!editForm.get('minCantidadPreguntas')?.errors?.min">
|
||||||
|
Este campo no puede ser mayor que 1
|
||||||
|
</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>-->
|
|
||||||
|
|
||||||
<div class="row justify-content-center ds-form">
|
|
||||||
<div class="w-75 pb-lg-5 pr-lg-5 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
|
||||||
<div class="col-lg-8 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="w-100">
|
|
||||||
<p class="ds-title">Parámetros de la aplicación</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p class="ds-subtitle">
|
|
||||||
Parámetros necesarios para los datos mínimos y máximos que permitirá para las diferentes encuestas dentro de DataSurvey.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<jhi-alert-error></jhi-alert-error>
|
|
||||||
|
|
||||||
<jhi-alert></jhi-alert>
|
|
||||||
|
|
||||||
<!-- Form -->
|
|
||||||
<form
|
|
||||||
autocomplete="off"
|
|
||||||
class="ds-form col-lg ml-lg-5 mr-lg-5 pr-lg-5"
|
|
||||||
name="editForm"
|
|
||||||
role="form"
|
|
||||||
novalidate
|
|
||||||
(ngSubmit)="save()"
|
|
||||||
[formGroup]="editForm"
|
|
||||||
>
|
|
||||||
<div class="row justify-content-center info-parametros">
|
|
||||||
<div class="w-100">
|
|
||||||
<h4 class="text-dark text-center fw-bold">Edición Días para Encuestas</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row w-100 pb-lg-2 mb-5 justify-content-center">
|
|
||||||
<div class="col-lg-4 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group w-100">
|
|
||||||
<label class="form-control-label" for="field_minDiasEncuesta">Cantidad mínima</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
name="minDiasEncuesta"
|
|
||||||
id="field_minDiasEncuesta"
|
|
||||||
data-cy="minDiasEncuesta"
|
|
||||||
formControlName="minDiasEncuesta"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
*ngIf="
|
|
||||||
editForm.get('minDiasEncuesta')!.invalid &&
|
|
||||||
(editForm.get('minDiasEncuesta')!.dirty || editForm.get('minDiasEncuesta')!.touched)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
*ngIf="editForm.get('minDiasEncuesta')?.errors?.required"
|
|
||||||
jhiTranslate="entity.validation.required"
|
|
||||||
>
|
|
||||||
This field is required.
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group w-100">
|
|
||||||
<label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
name="maxDiasEncuesta"
|
|
||||||
id="field_maxDiasEncuesta"
|
|
||||||
data-cy="maxDiasEncuesta"
|
|
||||||
formControlName="maxDiasEncuesta"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
*ngIf="
|
|
||||||
editForm.get('maxDiasEncuesta')!.invalid &&
|
|
||||||
(editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
*ngIf="editForm.get('maxDiasEncuesta')?.errors?.required"
|
|
||||||
jhiTranslate="entity.validation.required"
|
|
||||||
>
|
|
||||||
This field is required.
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row justify-content-center info-parametros">
|
|
||||||
<div class="w-100">
|
|
||||||
<h4 class="text-dark text-center fw-bold">Edición Preguntas para Encuestas</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row w-100 pb-lg-2 mb-5 justify-content-center">
|
|
||||||
<div class="col-lg-4 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group w-100">
|
|
||||||
<label class="form-control-label" for="field_minCantidadPreguntas">Cantidad mínima</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
name="minCantidadPreguntas"
|
|
||||||
id="field_minCantidadPreguntas"
|
|
||||||
data-cy="minCantidadPreguntas"
|
|
||||||
formControlName="minCantidadPreguntas"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
*ngIf="
|
|
||||||
editForm.get('minCantidadPreguntas')!.invalid &&
|
|
||||||
(editForm.get('minCantidadPreguntas')!.dirty || editForm.get('minCantidadPreguntas')!.touched)
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<small
|
|
||||||
class="form-text text-danger"
|
|
||||||
*ngIf="editForm.get('minCantidadPreguntas')?.errors?.required"
|
|
||||||
jhiTranslate="entity.validation.required"
|
|
||||||
>
|
|
||||||
This field is required.
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 mr-lg-5">
|
|
||||||
<div class="row">
|
|
||||||
<div class="form-group w-100">
|
<div class="form-group w-100">
|
||||||
<label class="form-control-label" for="field_maxCantidadPreguntas">Cantidad máxima</label>
|
<label class="form-control-label" for="field_maxCantidadPreguntas">Cantidad máxima</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="number"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
name="maxCantidadPreguntas"
|
name="maxCantidadPreguntas"
|
||||||
id="field_maxCantidadPreguntas"
|
id="field_maxCantidadPreguntas"
|
||||||
|
@ -337,25 +190,41 @@
|
||||||
>
|
>
|
||||||
This field is required.
|
This field is required.
|
||||||
</small>
|
</small>
|
||||||
|
<small
|
||||||
|
class="form-text text-danger"
|
||||||
|
[hidden]="!editForm.get('maxCantidadPreguntas')?.errors?.pattern"
|
||||||
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
|
>
|
||||||
|
This field should be a integer number.
|
||||||
|
</small>
|
||||||
|
<small class="form-text text-danger" [hidden]="!editForm.get('minCantidadPreguntas')?.errors?.min">
|
||||||
|
Este campo no puede ser mayor que 1
|
||||||
|
</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
<div class="row">
|
<button
|
||||||
<button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="ds-btn ds-btn--secondary" (click)="previousState()">
|
type="button"
|
||||||
<fa-icon icon="arrow-left"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
id="cancel-save"
|
||||||
</button>
|
data-cy="entityCreateCancelButton"
|
||||||
|
class="ds-btn ds-btn--secondary"
|
||||||
|
(click)="previousState()"
|
||||||
|
>
|
||||||
|
<fa-icon icon="arrow-left"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
id="save-entity"
|
id="save-entity"
|
||||||
data-cy="entityCreateSaveButton"
|
data-cy="entityCreateSaveButton"
|
||||||
[disabled]="editForm.invalid || isSaving"
|
[disabled]="editForm.invalid || isSaving"
|
||||||
class="ds-btn ds-btn--primary"
|
class="ds-btn ds-btn--primary"
|
||||||
>
|
>
|
||||||
<span jhiTranslate="entity.action.save">Save</span>
|
<span jhiTranslate="entity.action.save">Save</span>
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
|
@ -7,3 +7,7 @@ info-parametros {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
|
@ -15,13 +15,19 @@ import { ParametroAplicacionService } from '../service/parametro-aplicacion.serv
|
||||||
})
|
})
|
||||||
export class ParametroAplicacionUpdateComponent implements OnInit {
|
export class ParametroAplicacionUpdateComponent implements OnInit {
|
||||||
isSaving = false;
|
isSaving = false;
|
||||||
|
minDiasIncorrect = false;
|
||||||
|
minPreguntasIncorrect = false;
|
||||||
|
notNumbers = false;
|
||||||
|
notPositive = false;
|
||||||
|
error = false;
|
||||||
|
success = false;
|
||||||
|
|
||||||
editForm = this.fb.group({
|
editForm = this.fb.group({
|
||||||
id: [],
|
id: [],
|
||||||
maxDiasEncuesta: [null, [Validators.required]],
|
maxDiasEncuesta: [null, [Validators.required, Validators.pattern(/^[0-9]\d*$/), Validators.min(1)]],
|
||||||
minDiasEncuesta: [null, [Validators.required]],
|
minDiasEncuesta: [null, [Validators.required, Validators.pattern(/^[0-9]\d*$/), Validators.min(1)]],
|
||||||
maxCantidadPreguntas: [null, [Validators.required]],
|
maxCantidadPreguntas: [null, [Validators.required, Validators.pattern(/^[0-9]\d*$/), Validators.min(1)]],
|
||||||
minCantidadPreguntas: [null, [Validators.required]],
|
minCantidadPreguntas: [null, [Validators.required, Validators.pattern(/^[0-9]\d*$/), Validators.min(1)]],
|
||||||
});
|
});
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
|
@ -41,12 +47,37 @@ export class ParametroAplicacionUpdateComponent implements OnInit {
|
||||||
}
|
}
|
||||||
|
|
||||||
save(): void {
|
save(): void {
|
||||||
this.isSaving = true;
|
this.minDiasIncorrect = false;
|
||||||
const parametroAplicacion = this.createFromForm();
|
this.minPreguntasIncorrect = false;
|
||||||
if (parametroAplicacion.id !== undefined) {
|
this.notNumbers = false;
|
||||||
this.subscribeToSaveResponse(this.parametroAplicacionService.update(parametroAplicacion));
|
this.notPositive = false;
|
||||||
|
|
||||||
|
const minCantDias = this.editForm.get(['minDiasEncuesta'])!.value;
|
||||||
|
const maxCantDias = this.editForm.get(['maxDiasEncuesta'])!.value;
|
||||||
|
const minCantPreguntas = this.editForm.get(['minCantidadPreguntas'])!.value;
|
||||||
|
const maxCantPreguntas = this.editForm.get(['maxCantidadPreguntas'])!.value;
|
||||||
|
|
||||||
|
if (minCantDias > maxCantDias) {
|
||||||
|
this.minDiasIncorrect = true;
|
||||||
|
} else if (minCantPreguntas > maxCantPreguntas) {
|
||||||
|
this.minPreguntasIncorrect = true;
|
||||||
|
} else if (
|
||||||
|
!Number.isInteger(minCantDias) ||
|
||||||
|
!Number.isInteger(maxCantDias) ||
|
||||||
|
!Number.isInteger(minCantPreguntas) ||
|
||||||
|
!Number.isInteger(maxCantPreguntas)
|
||||||
|
) {
|
||||||
|
this.notNumbers = true;
|
||||||
|
} else if (minCantDias < 1 || maxCantDias < 1 || minCantPreguntas < 1 || maxCantPreguntas < 1) {
|
||||||
|
this.notPositive = true;
|
||||||
} else {
|
} else {
|
||||||
this.subscribeToSaveResponse(this.parametroAplicacionService.create(parametroAplicacion));
|
this.isSaving = true;
|
||||||
|
const parametroAplicacion = this.createFromForm();
|
||||||
|
if (parametroAplicacion.id !== undefined) {
|
||||||
|
this.subscribeToSaveResponse(this.parametroAplicacionService.update(parametroAplicacion));
|
||||||
|
} else {
|
||||||
|
this.subscribeToSaveResponse(this.parametroAplicacionService.create(parametroAplicacion));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -89,4 +120,6 @@ export class ParametroAplicacionUpdateComponent implements OnInit {
|
||||||
minCantidadPreguntas: this.editForm.get(['minCantidadPreguntas'])!.value,
|
minCantidadPreguntas: this.editForm.get(['minCantidadPreguntas'])!.value,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private validations() {}
|
||||||
}
|
}
|
||||||
|
|
|
@ -138,6 +138,7 @@
|
||||||
"maxbytes": "Este campo no puede tener más de {{max}} bytes.",
|
"maxbytes": "Este campo no puede tener más de {{max}} bytes.",
|
||||||
"pattern": "Este campo debe seguir el patrón {{pattern}}.",
|
"pattern": "Este campo debe seguir el patrón {{pattern}}.",
|
||||||
"number": "Este campo debe ser un número.",
|
"number": "Este campo debe ser un número.",
|
||||||
|
"integerNumber": "Este campo debe ser un número entero.",
|
||||||
"datetimelocal": "Este campo debe ser una fecha y hora."
|
"datetimelocal": "Este campo debe ser una fecha y hora."
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue