From 762129cdb82072712564a9e68de5ee2991978239 Mon Sep 17 00:00:00 2001
From: Pablo Bonilla <pbonilla29@hotmail.com>
Date: Sat, 10 Jul 2021 23:13:52 -0600
Subject: [PATCH] Add register survey

---
 .../encuesta/list/encuesta.component.html     |  2 +-
 .../encuesta/list/encuesta.component.ts       | 77 +++++++++++--------
 .../paper-dashboard/_datasurvey-buttons.scss  |  8 ++
 .../paper-dashboard/_datasurvey-form.scss     |  7 +-
 4 files changed, 60 insertions(+), 34 deletions(-)

diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
index 0a3a2b3..5e2099d 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
@@ -200,7 +200,7 @@
             </div>
 
             <div class="form-group">
-              <label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.categoria" for="field_categoria">Categoria</label>
+              <label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.categoria" for="field_categoria">Categoría</label>
               <select class="form-control" id="field_categoria" data-cy="categoria" name="categoria" formControlName="categoria">
                 <option [ngValue]="null"></option>
                 <option
diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
index ff0114c..3000761 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
@@ -16,14 +16,21 @@ import { DATE_TIME_FORMAT } from 'app/config/input.constants';
 
 import { ICategoria } from 'app/entities/categoria/categoria.model';
 import { CategoriaService } from 'app/entities/categoria/service/categoria.service';
-import { IUsuarioExtra } from 'app/entities/usuario-extra/usuario-extra.model';
+import { IUsuarioExtra, UsuarioExtra } from 'app/entities/usuario-extra/usuario-extra.model';
 import { UsuarioExtraService } from 'app/entities/usuario-extra/service/usuario-extra.service';
+import { EstadoEncuesta } from 'app/entities/enumerations/estado-encuesta.model';
+import { AccountService } from 'app/core/auth/account.service';
+import { Account } from 'app/core/auth/account.model';
+import { $ } from 'dom7';
 
 @Component({
   selector: 'jhi-encuesta',
   templateUrl: './encuesta.component.html',
 })
 export class EncuestaComponent implements OnInit {
+  account: Account | null = null;
+  usuarioExtra: UsuarioExtra | null = null;
+
   encuestas?: IEncuesta[];
   isLoading = false;
 
@@ -36,16 +43,16 @@ export class EncuestaComponent implements OnInit {
     id: [],
     nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(50)]],
     descripcion: [],
-    fechaCreacion: [null, [Validators.required]],
-    fechaPublicacion: [],
-    fechaFinalizar: [],
-    fechaFinalizada: [],
-    calificacion: [null, [Validators.required]],
+    // fechaCreacion: [null, [Validators.required]],
+    // fechaPublicacion: [],
+    // fechaFinalizar: [],
+    // fechaFinalizada: [],
+    // calificacion: [null, [Validators.required]],
     acceso: [null, [Validators.required]],
-    contrasenna: [],
-    estado: [null, [Validators.required]],
-    categoria: [],
-    usuarioExtra: [],
+    // contrasenna: [],
+    // estado: [null, [Validators.required]],
+    categoria: [null, [Validators.required]],
+    // usuarioExtra: [],
   });
 
   constructor(
@@ -54,7 +61,8 @@ export class EncuestaComponent implements OnInit {
     protected categoriaService: CategoriaService,
     protected usuarioExtraService: UsuarioExtraService,
     protected activatedRoute: ActivatedRoute,
-    protected fb: FormBuilder
+    protected fb: FormBuilder,
+    protected accountService: AccountService
   ) {}
 
   loadAll(): void {
@@ -91,6 +99,23 @@ export class EncuestaComponent implements OnInit {
     //   this.updateForm(encuesta);
 
     // });
+
+    // Get jhi_user and usuario_extra information
+    this.accountService.getAuthenticationState().subscribe(account => {
+      if (account !== null) {
+        this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {
+          this.usuarioExtra = usuarioExtra.body;
+          if (this.usuarioExtra !== null) {
+            if (this.usuarioExtra.id === undefined) {
+              const today = dayjs().startOf('day');
+              this.usuarioExtra.fechaNacimiento = today;
+            }
+          }
+
+          // this.loadRelationshipsOptions();
+        });
+      }
+    });
   }
 
   trackId(index: number, item: IEncuesta): number {
@@ -117,7 +142,7 @@ export class EncuestaComponent implements OnInit {
     const encuesta = this.createFromForm();
     console.log(encuesta);
 
-    if (encuesta.id !== null) {
+    if (encuesta.id !== undefined) {
       this.subscribeToSaveResponse(this.encuestaService.update(encuesta));
     } else {
       this.subscribeToSaveResponse(this.encuestaService.create(encuesta));
@@ -140,7 +165,8 @@ export class EncuestaComponent implements OnInit {
   }
 
   protected onSaveSuccess(): void {
-    this.previousState();
+    // this.previousState();
+    // $('#crearEncuesta').modal('hide')
   }
 
   protected onSaveError(): void {
@@ -201,29 +227,20 @@ export class EncuestaComponent implements OnInit {
   }
 
   protected createFromForm(): IEncuesta {
+    const now = dayjs();
+
     return {
       ...new Encuesta(),
-      id: this.editForm.get(['id'])!.value,
+      id: undefined,
       nombre: this.editForm.get(['nombre'])!.value,
       descripcion: this.editForm.get(['descripcion'])!.value,
-      fechaCreacion: this.editForm.get(['fechaCreacion'])!.value
-        ? dayjs(this.editForm.get(['fechaCreacion'])!.value, DATE_TIME_FORMAT)
-        : undefined,
-      fechaPublicacion: this.editForm.get(['fechaPublicacion'])!.value
-        ? dayjs(this.editForm.get(['fechaPublicacion'])!.value, DATE_TIME_FORMAT)
-        : undefined,
-      fechaFinalizar: this.editForm.get(['fechaFinalizar'])!.value
-        ? dayjs(this.editForm.get(['fechaFinalizar'])!.value, DATE_TIME_FORMAT)
-        : undefined,
-      fechaFinalizada: this.editForm.get(['fechaFinalizada'])!.value
-        ? dayjs(this.editForm.get(['fechaFinalizada'])!.value, DATE_TIME_FORMAT)
-        : undefined,
-      calificacion: this.editForm.get(['calificacion'])!.value,
+      fechaCreacion: dayjs(now, DATE_TIME_FORMAT),
+      calificacion: 5,
       acceso: this.editForm.get(['acceso'])!.value,
-      contrasenna: this.editForm.get(['contrasenna'])!.value,
-      estado: this.editForm.get(['estado'])!.value,
+      contrasenna: undefined,
+      estado: EstadoEncuesta.DRAFT,
       categoria: this.editForm.get(['categoria'])!.value,
-      usuarioExtra: this.editForm.get(['usuarioExtra'])!.value,
+      usuarioExtra: this.usuarioExtra,
     };
   }
 }
diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-buttons.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-buttons.scss
index 81b589c..a99ab43 100644
--- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-buttons.scss
+++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-buttons.scss
@@ -22,6 +22,14 @@
     top: -3px;
     box-shadow: rgba(80, 80, 80, 0.15) 0px 5px 15px;
   }
+
+  &:disabled,
+  &[disabled],
+  &.disabled {
+    background-color: #f7f9ff;
+    pointer-events: none;
+    color: #171820;
+  }
 }
 
 .ds-btn--primary {
diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
index b58bad0..6f1298c 100644
--- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
+++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss
@@ -8,8 +8,9 @@ $form-background: #f1f5f9;
 
   .form-group:focus-within {
     label,
-    input {
-      color: #313747;
+    input,
+    select {
+      color: #313747 !important;
     }
   }
 
@@ -20,7 +21,7 @@ $form-background: #f1f5f9;
     border: 1.75px solid transparent;
     outline: 0;
     padding: 1rem !important;
-    color: #757d94;
+    color: #757d94 !important;
 
     &:focus,
     &:active {