update estilo de los parametros de configuracion

se modifica correctamente los div de los form-groups
This commit is contained in:
Mariela Bonilla 2021-07-14 19:55:21 -06:00
parent c68ff31aab
commit 3bfd4cf2b3
2 changed files with 86 additions and 80 deletions

View File

@ -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,6 +83,8 @@
Este campo no puede ser mayor que 1 Este campo no puede ser mayor que 1
</small> </small>
</div> </div>
</div>
<div class="form-group w-100"> <div class="form-group w-100">
<label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label> <label class="form-control-label" for="field_maxDiasEncuesta">Cantidad máxima</label>
<input <input
@ -87,8 +94,10 @@
id="field_maxDiasEncuesta" id="field_maxDiasEncuesta"
data-cy="maxDiasEncuesta" data-cy="maxDiasEncuesta"
formControlName="maxDiasEncuesta" formControlName="maxDiasEncuesta"
min="1"
/> />
<div <div
class="my-0"
*ngIf=" *ngIf="
editForm.get('maxDiasEncuesta')!.invalid && editForm.get('maxDiasEncuesta')!.invalid &&
(editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched) (editForm.get('maxDiasEncuesta')!.dirty || editForm.get('maxDiasEncuesta')!.touched)
@ -116,13 +125,12 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row w-75 pb-lg-5 pr-lg-5 mb-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-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,6 +176,7 @@
Este campo no puede ser mayor que 1 Este campo no puede ser mayor que 1
</small> </small>
</div> </div>
</div>
<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
@ -176,6 +186,7 @@
id="field_maxCantidadPreguntas" id="field_maxCantidadPreguntas"
data-cy="maxCantidadPreguntas" data-cy="maxCantidadPreguntas"
formControlName="maxCantidadPreguntas" formControlName="maxCantidadPreguntas"
min="1"
/> />
<div <div
*ngIf=" *ngIf="
@ -203,7 +214,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<button <button
type="button" type="button"

View File

@ -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;
}