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