update estilo de los parametros de configuracion
se modifica correctamente los div de los form-groups
This commit is contained in:
parent
c68ff31aab
commit
3bfd4cf2b3
|
@ -1,24 +1,28 @@
|
||||||
<div class="row justify-content-center ds-form">
|
<div class="row justify-content-center ds-form">
|
||||||
<div class="row w-75 mb-5" style="border-bottom: 1px solid #e7ebf3">
|
<div class="row w-75 mb-4" style="border-bottom: 1px solid #e7ebf3">
|
||||||
<div class="col-lg-10 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>
|
<div>
|
||||||
<p class="ds-subtitle">Edición de los parámetros que se permiten para la creación de las encuestas dentro de DataSurvey.</p>
|
<p class="ds-subtitle">Información de los parámetros que se permiten para la creación de las encuestas dentro de DataSurvey.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row w-75">
|
||||||
|
<div class="w-100 alert alert-danger" *ngIf="minDiasIncorrect">
|
||||||
|
La cantidad mínima de los días, debe ser inferior a la cantidad máxima
|
||||||
|
</div>
|
||||||
|
<div class="w-100 alert alert-danger" *ngIf="minPreguntasIncorrect">
|
||||||
|
La cantidad mínima de las preguntas, debe ser inferior a la cantidad máxima
|
||||||
|
</div>
|
||||||
|
<div class="w-100 alert alert-danger" *ngIf="notNumbers">Los valores digitadas deben ser numéricas y enteras</div>
|
||||||
|
<div class="w-100 alert alert-danger" *ngIf="notPositive">Los valores ingresados deben ser mayores que 0</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="alert alert-danger" *ngIf="minDiasIncorrect">La cantidad mínima de los días, debe ser inferior a la cantidad máxima</div>
|
|
||||||
<div class="alert alert-danger" *ngIf="minPreguntasIncorrect">
|
|
||||||
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 -->
|
||||||
<form
|
<form
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
|
@ -33,7 +37,7 @@
|
||||||
<div class="col-lg-4 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 class="ds-title">Edición Días para Encuestas</p>
|
<p class="ds-title">Días para Encuestas</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="ds-subtitle">
|
<p class="ds-subtitle">
|
||||||
|
@ -53,6 +57,7 @@
|
||||||
id="field_minDiasEncuesta"
|
id="field_minDiasEncuesta"
|
||||||
data-cy="minDiasEncuesta"
|
data-cy="minDiasEncuesta"
|
||||||
formControlName="minDiasEncuesta"
|
formControlName="minDiasEncuesta"
|
||||||
|
min="1"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
*ngIf="
|
*ngIf="
|
||||||
|
@ -78,40 +83,43 @@
|
||||||
Este campo no puede ser mayor que 1
|
Este campo no puede ser mayor que 1
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group w-100">
|
</div>
|
||||||
<label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
|
|
||||||
<input
|
<div class="form-group w-100">
|
||||||
type="number"
|
<label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
|
||||||
class="form-control"
|
<input
|
||||||
name="maxDiasEncuesta"
|
type="number"
|
||||||
id="field_maxDiasEncuesta"
|
class="form-control"
|
||||||
data-cy="maxDiasEncuesta"
|
name="maxDiasEncuesta"
|
||||||
formControlName="maxDiasEncuesta"
|
id="field_maxDiasEncuesta"
|
||||||
/>
|
data-cy="maxDiasEncuesta"
|
||||||
<div
|
formControlName="maxDiasEncuesta"
|
||||||
*ngIf="
|
min="1"
|
||||||
editForm.get('maxDiasEncuesta')!.invalid &&
|
/>
|
||||||
(editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
|
<div
|
||||||
"
|
class="my-0"
|
||||||
|
*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"
|
||||||
>
|
>
|
||||||
<small
|
This field is required.
|
||||||
class="form-text text-danger"
|
</small>
|
||||||
*ngIf="editForm.get('maxDiasEncuesta')?.errors?.required"
|
<small
|
||||||
jhiTranslate="entity.validation.required"
|
class="form-text text-danger"
|
||||||
>
|
[hidden]="!editForm.get('maxDiasEncuesta')?.errors?.pattern"
|
||||||
This field is required.
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
</small>
|
>
|
||||||
<small
|
This field should be a number.
|
||||||
class="form-text text-danger"
|
</small>
|
||||||
[hidden]="!editForm.get('maxDiasEncuesta')?.errors?.pattern"
|
<small class="form-text text-danger" [hidden]="!editForm.get('maxDiasEncuesta')?.errors?.min">
|
||||||
jhiTranslate="entity.validation.integerNumber"
|
Este campo no puede ser mayor que 1
|
||||||
>
|
</small>
|
||||||
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>
|
||||||
|
@ -122,7 +130,7 @@
|
||||||
<div class="col-lg-4 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 class="ds-title">Edición Preguntas para Encuestas</p>
|
<p class="ds-title">Preguntas para Encuestas</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="ds-subtitle">
|
<p class="ds-subtitle">
|
||||||
|
@ -142,6 +150,7 @@
|
||||||
id="field_minCantidadPreguntas"
|
id="field_minCantidadPreguntas"
|
||||||
data-cy="minCantidadPreguntas"
|
data-cy="minCantidadPreguntas"
|
||||||
formControlName="minCantidadPreguntas"
|
formControlName="minCantidadPreguntas"
|
||||||
|
min="1"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
*ngIf="
|
*ngIf="
|
||||||
|
@ -167,40 +176,41 @@
|
||||||
Este campo no puede ser mayor que 1
|
Este campo no puede ser mayor que 1
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group w-100">
|
</div>
|
||||||
<label class="form-control-label" for="field_maxCantidadPreguntas">Cantidad máxima</label>
|
<div class="form-group w-100">
|
||||||
<input
|
<label class="form-control-label" for="field_maxCantidadPreguntas">Cantidad máxima</label>
|
||||||
type="number"
|
<input
|
||||||
class="form-control"
|
type="number"
|
||||||
name="maxCantidadPreguntas"
|
class="form-control"
|
||||||
id="field_maxCantidadPreguntas"
|
name="maxCantidadPreguntas"
|
||||||
data-cy="maxCantidadPreguntas"
|
id="field_maxCantidadPreguntas"
|
||||||
formControlName="maxCantidadPreguntas"
|
data-cy="maxCantidadPreguntas"
|
||||||
/>
|
formControlName="maxCantidadPreguntas"
|
||||||
<div
|
min="1"
|
||||||
*ngIf="
|
/>
|
||||||
editForm.get('maxCantidadPreguntas')!.invalid &&
|
<div
|
||||||
(editForm.get('maxCantidadPreguntas')!.dirty || editForm.get('maxCantidadPreguntas')!.touched)
|
*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"
|
||||||
>
|
>
|
||||||
<small
|
This field is required.
|
||||||
class="form-text text-danger"
|
</small>
|
||||||
*ngIf="editForm.get('maxCantidadPreguntas')?.errors?.required"
|
<small
|
||||||
jhiTranslate="entity.validation.required"
|
class="form-text text-danger"
|
||||||
>
|
[hidden]="!editForm.get('maxCantidadPreguntas')?.errors?.pattern"
|
||||||
This field is required.
|
jhiTranslate="entity.validation.integerNumber"
|
||||||
</small>
|
>
|
||||||
<small
|
This field should be a integer number.
|
||||||
class="form-text text-danger"
|
</small>
|
||||||
[hidden]="!editForm.get('maxCantidadPreguntas')?.errors?.pattern"
|
<small class="form-text text-danger" [hidden]="!editForm.get('minCantidadPreguntas')?.errors?.min">
|
||||||
jhiTranslate="entity.validation.integerNumber"
|
Este campo no puede ser mayor que 1
|
||||||
>
|
</small>
|
||||||
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>
|
||||||
|
|
|
@ -7,7 +7,3 @@ info-parametros {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue