Merge pull request #76 from Quantum-P3/feature/US-12

Feature/us 12

src/main/resources/i18n/messages.properties

@@ -37,7 +37,7 @@ email.reactivation.text2=Regards,
 #suspended accounr
 email.suspended.title=Your account has been suspended
 email.suspended.greeting=Dear {0}
-email.suspended.text1=Su cuenta en DatSurvey se encuentra temporalmente suspendida. Si cree que es un error por favor haga clic en el siguiente enlace para enviar una solicitud para reactivar su cuenta:
+email.suspended.text1=Su cuenta en DataSurvey se encuentra temporalmente suspendida. Si cree que es un error por favor haga clic en el siguiente enlace para enviar una solicitud para reactivar su cuenta:
 email.suspended.text2=Saludos,
 
 #PublicEncuesta

src/main/resources/i18n/messages_es.properties

@@ -38,7 +38,7 @@ email.reactivation.text2=Saludos,
 #suspended accounr
 email.suspended.title=Su cuenta ha sido suspendida
 email.suspended.greeting=Estimado {0}
-email.suspended.text1=Lamentamos informarle que su cuenta en DatSurvey se encuentra temporalmente suspendida. Si cree que es un error por favor responda a este correo
+email.suspended.text1=Lamentamos informarle que su cuenta en DataSurvey se encuentra temporalmente suspendida. Si cree que es un error por favor responda a este correo
 email.suspended.text2=Saludos,
 
 #PublicEncuesta

src/main/webapp/app/account/settings/settings.component.ts

@@ -136,10 +136,6 @@ export class SettingsComponent implements OnInit {
   save(): void {
     this.isSaving = true;
     const usuarioExtra = this.createFromForm();
-
-    console.log(usuarioExtra.iconoPerfil);
-    console.log(usuarioExtra.fechaNacimiento);
-
     this.subscribeToSaveResponse(this.usuarioExtraService.update(usuarioExtra));
   }
 

src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.html

@@ -1,14 +1,46 @@
-<form *ngIf="encuesta" name="deleteForm" (ngSubmit)="confirmPublish(encuesta)">
+<form *ngIf="encuesta" name="deleteForm" (ngSubmit)="confirmPublish(encuesta!)">
   <div class="modal-header">
     <!-- <h4 class="modal-title" data-cy="encuestaDeleteDialogHeading" jhiTranslate="entity.publish.title">Confirm delete operation</h4>-->
   </div>
 
   <div class="modal-body">
-    <!-- <jhi-alert-error></jhi-alert-error> -->
+    <div class="alert alert-danger" *ngIf="fechaFinalizarInvalid && !fechaFinalizarInvalidMax" data-cy="fechaError">
-    <p class="ds-title--small">Publicar encuesta</p>
+      Debe ingresar un rango de fechas mayor al indicado
-    <p class="ds-subtitle" id="jhi-delete-encuesta-heading" jhiTranslate="entity.publish.detail">
+    </div>
-      Are you sure you want to delete this Encuesta?
+
-    </p>
+    <div class="alert alert-danger" *ngIf="fechaFinalizarInvalidMax && !fechaFinalizarInvalid" data-cy="fechaError">
+      Debe ingresar un rango de fechas menor al indicado
+    </div>
+
+    <p id="jhi-delete-encuesta-heading">Elija la fecha de finalización de su encuesta</p>
+    <hr />
+    <!--<input type="date" onchange="fechaFinalizacionIsInvalid()" />-->
+    <div class="d-flex" [formGroup]="fechaForm">
+      <input
+        id="field_fechaFinalizacion"
+        data-cy="fechaFinalizacion"
+        type="date"
+        class="form-control"
+        name="fechaFinalizacion"
+        formControlName="fechaFinalizacion"
+        placeholder="YYYY-MM-DD HH:mm"
+      />
+    </div>
+
+    <div
+      *ngIf="
+        fechaForm.get('fechaFinalizacion')!.invalid &&
+        (fechaForm.get('fechaFinalizacion')!.dirty || fechaForm.get('fechaFinalizacion')!.touched)
+      "
+    >
+      <small
+        class="form-text text-danger"
+        *ngIf="fechaForm.get('fechaFinalizacion')?.errors?.required"
+        jhiTranslate="entity.validation.required"
+      >
+        This field is required.
+      </small>
+    </div>
   </div>
 
   <div class="modal-footer">
@@ -16,7 +48,13 @@
       <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
     </button>
 
-    <button id="jhi-confirm-delete-encuesta" data-cy="entityConfirmDeleteButton" type="submit" class="ds-btn ds-btn--primary">
+    <button
+      [disabled]="fechaForm.invalid"
+      id="jhi-confirm-delete-encuesta"
+      data-cy="entityConfirmDeleteButton"
+      type="submit"
+      class="ds-btn ds-btn--primary"
+    >
       &nbsp;<span jhiTranslate="entity.action.publish">Delete</span>
     </button>
   </div>

src/main/webapp/app/entities/encuesta/encuesta-publish-dialog/encuesta-publish-dialog.component.ts

@@ -5,6 +5,13 @@ import { EncuestaService } from '../service/encuesta.service';
 import { EstadoEncuesta } from '../../enumerations/estado-encuesta.model';
 import { AccesoEncuesta } from '../../enumerations/acceso-encuesta.model';
 import { passwordResetFinishRoute } from '../../../account/password-reset/finish/password-reset-finish.route';
+import { FormBuilder, Validators } from '@angular/forms';
+import { IParametroAplicacion } from 'app/entities/parametro-aplicacion/parametro-aplicacion.model';
+import { ParametroAplicacionService } from 'app/entities/parametro-aplicacion/service/parametro-aplicacion.service';
+import { HttpResponse } from '@angular/common/http';
+import { DATE_FORMAT, DATE_TIME_FORMAT } from '../../../config/input.constants';
+import * as dayjs from 'dayjs';
+import { finalize } from 'rxjs/operators';
 
 @Component({
   selector: 'jhi-encuesta-publish-dialog',
@@ -13,25 +20,106 @@ import { passwordResetFinishRoute } from '../../../account/password-reset/finish
 })
 export class EncuestaPublishDialogComponent implements OnInit {
   encuesta?: IEncuesta;
+  //fechaFinalizacion?: Date;
+  fechaFinalizarInvalid?: boolean = false;
+  fechaFinalizarInvalidMax?: boolean = false;
+  isLoading?: boolean;
+  parametroAplicacions?: IParametroAplicacion[];
+  isMin = false;
+  isMax = false;
+  datoMin?: number;
+  datoMax?: number;
+  now = new Date();
+  fechaForm = this.fb.group({
+    fechaFinalizacion: [null, [Validators.required]],
+  });
 
-  constructor(protected encuestaService: EncuestaService, protected activeModal: NgbActiveModal) {}
+  constructor(
+    protected parametroAplicacionService: ParametroAplicacionService,
+    protected encuestaService: EncuestaService,
+    protected fb: FormBuilder,
+    protected activeModal: NgbActiveModal
+  ) {}
+
+  ngOnInit(): void {
+    this.loadAll();
+  }
 
   cancel(): void {
     this.activeModal.dismiss();
   }
 
   confirmPublish(encuesta: IEncuesta): void {
-    if (encuesta.estado === 'DRAFT') {
+    this.fechaFinalizarInvalid = false;
-      encuesta.estado = EstadoEncuesta.ACTIVE;
+    this.fechaFinalizarInvalidMax = false;
-    }
 
-    if (encuesta.acceso === AccesoEncuesta.PRIVATE) {
+    const now = dayjs();
-      encuesta.contrasenna = this.generatePassword();
-    }
 
-    this.encuestaService.publishEncuesta(encuesta).subscribe(() => {
+    /*this.loadAll()
-      this.activeModal.close('published');
+
+    this.parametroAplicacions?.forEach(datos => {
+      this.datoMin = datos.minDiasEncuesta;
+      this.datoMax = datos.maxDiasEncuesta;
+    });*/
+
+    encuesta.fechaFinalizar = dayjs(this.fechaForm.get(['fechaFinalizacion'])!.value);
+    encuesta.fechaPublicacion = dayjs(now, DATE_TIME_FORMAT);
+
+    if (this.fechaFinalizacionIsInvalid(encuesta.fechaFinalizar, encuesta.fechaPublicacion)) {
+      if (encuesta.estado === 'DRAFT') {
+        encuesta.estado = EstadoEncuesta.ACTIVE;
+      }
+
+      if (encuesta.acceso === AccesoEncuesta.PRIVATE) {
+        encuesta.contrasenna = this.generatePassword();
+      }
+
+      this.encuestaService.update(encuesta).subscribe(() => {
+        this.activeModal.close('published');
+      });
+    }
+  }
+
+  loadAll(): void {
+    this.isLoading = true;
+
+    this.parametroAplicacionService
+      .query()
+      .pipe(finalize(() => this.onLoadFinalize()))
+      .subscribe(
+        (res: HttpResponse<IParametroAplicacion[]>) => {
+          this.isLoading = false;
+          this.parametroAplicacions = res.body ?? [];
+        },
+        () => {
+          this.isLoading = false;
+        }
+      );
+  }
+
+  onLoadFinalize() {
+    this.parametroAplicacions?.forEach(datos => {
+      this.datoMin = datos.minDiasEncuesta;
+      this.datoMax = datos.maxDiasEncuesta;
     });
+    this.isLoading = false;
+  }
+
+  fechaFinalizacionIsInvalid(fechaFinalizar: dayjs.Dayjs, fechaPublicacion: dayjs.Dayjs): boolean {
+    let numberDays: number;
+    debugger;
+
+    numberDays = fechaFinalizar?.diff(fechaPublicacion, 'days');
+
+    if (numberDays <= this.datoMin!) {
+      this.fechaFinalizarInvalid = true;
+      return false;
+    } else if (numberDays >= this.datoMax!) {
+      this.fechaFinalizarInvalidMax = true;
+      return false;
+    } else {
+      return true;
+    }
   }
 
   generatePassword(): string {
@@ -43,6 +131,4 @@ export class EncuestaPublishDialogComponent implements OnInit {
     }
     return password;
   }
-
-  ngOnInit(): void {}
 }

src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html

@@ -47,6 +47,7 @@
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.iconoPerfil">Icono</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.nombre">Nombre Usuario</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.correo">Correo electrónico</span></th>
+          <th scope="col"><span>Fecha de nacimiento</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.estado">Estado</span></th>
           <!--<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.plantilla">Plantilla</span></th>-->
           <th scope="col"></th>
@@ -72,6 +73,8 @@
           </td>
           <td>{{ usuarioExtra.nombre }}</td>
           <td *ngIf="usuarioExtra.user">{{ usuarioExtra.user.email }}</td>
+          <td *ngIf="usuarioExtra.fechaNacimiento == null">No establecida</td>
+          <td *ngIf="usuarioExtra.fechaNacimiento != null">{{ usuarioExtra.fechaNacimiento | formatMediumDate }}</td>
           <td jhiTranslate="{{ 'dataSurveyApp.EstadoUsuario.' + usuarioExtra.estado }}">{{ usuarioExtra.estado }}</td>
           <!--<td>
             <span *ngFor="let plantilla of usuarioExtra.plantillas; let last = last">

src/main/webapp/app/home/home.component.html

@@ -14,9 +14,9 @@
             <button class="ds-btn ds-btn--primary fw-500 ms-lg-4">Iniciar Sesión</button>
           </a>
 
-          <!--<a href="account/register" [hidden]="!notAccount">
+          <a href="account/register" [hidden]="!notAccount">
-            <button class="ds-btn ds-btn&#45;&#45;primary fw-500 ms-lg-4">Registrarse</button>
+            <button class="ds-btn ds-btn--primary fw-500 ms-lg-4">Registrarse</button>
-          </a>-->
+          </a>
         </div>
       </div>
     </div>