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

arreglo de estilos en landing y encuestas

src/main/java/org/datasurvey/web/rest/EncuestaResource.java

@@ -126,6 +126,8 @@ public class EncuestaResource {
 
         Encuesta result = encuestaService.save(encuesta);
 
+        mailService.sendEncuestaDeleted(encuesta.getUsuarioExtra());
+
         return ResponseEntity
             .ok()
             .headers(HeaderUtil.createEntityUpdateAlert(applicationName, true, ENTITY_NAME, encuesta.getId().toString()))

src/main/resources/i18n/messages_es.properties

@@ -56,5 +56,5 @@ email.private.text2=Saludos,
 #DeletedEncuesta
 email.encuestaDeleted.title=Su encuesta ha sido eliminada
 email.encuestaDeleted.greeting=Estimado {0}
-email.encuestaDeleted.text1=Su encuesta ha sido eliminada por un administrador
+email.encuestaDeleted.text1=Lamentamos informarle que su encuesta ha sido eliminada por un administrador
 email.encuestaDeleted.text2=Saludos,

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

@@ -23,6 +23,6 @@ export class EncuestaDeleteDialogComponent {
     this.encuestaService.deleteEncuesta(encuesta).subscribe(() => {
       this.activeModal.close('deleted');
     });
-    this.encuestaService.deletedNotification(encuesta);
+    //this.encuestaService.deletedNotification(encuesta);
   }
 }

src/main/webapp/app/entities/encuesta/detail/encuesta-detail.component.html

@@ -1,88 +1,11 @@
-<!--<div class="row justify-content-center">
-  <div class="col-8">
-    <div *ngIf="encuesta">
-      <h2 data-cy="encuestaDetailsHeading"><span jhiTranslate="dataSurveyApp.encuesta.detail.title">Encuesta</span></h2>
-
-      <hr />
-
-      <jhi-alert-error></jhi-alert-error>
-
-      <jhi-alert></jhi-alert>
-
-      <dl class="row-md jh-entity-details">
-        <dt><span jhiTranslate="global.field.id">ID</span></dt>
-        <dd>
-          <span>{{ encuesta.id }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.nombre">Nombre</span></dt>
-        <dd>
-          <span>{{ encuesta.nombre }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.descripcion">Descripcion</span></dt>
-        <dd>
-          <span>{{ encuesta.descripcion }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaCreacion">Fecha Creacion</span></dt>
-        <dd>
-          <span>{{ encuesta.fechaCreacion | formatMediumDatetime }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaPublicacion">Fecha Publicacion</span></dt>
-        <dd>
-          <span>{{ encuesta.fechaPublicacion | formatMediumDatetime }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaFinalizar">Fecha Finalizar</span></dt>
-        <dd>
-          <span>{{ encuesta.fechaFinalizar | formatMediumDatetime }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaFinalizada">Fecha Finalizada</span></dt>
-        <dd>
-          <span>{{ encuesta.fechaFinalizada | formatMediumDatetime }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.calificacion">Calificacion</span></dt>
-        <dd>
-          <span>{{ encuesta.calificacion }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.acceso">Acceso</span></dt>
-        <dd>
-          <span jhiTranslate="{{ 'dataSurveyApp.AccesoEncuesta.' + encuesta.acceso }}">{{ encuesta.acceso }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.contrasenna">Contrasenna</span></dt>
-        <dd>
-          <span>{{ encuesta.contrasenna }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.estado">Estado</span></dt>
-        <dd>
-          <span jhiTranslate="{{ 'dataSurveyApp.EstadoEncuesta.' + encuesta.estado }}">{{ encuesta.estado }}</span>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.categoria">Categoria</span></dt>
-        <dd>
-          <div *ngIf="encuesta.categoria">
-            <a [routerLink]="['/categoria', encuesta.categoria?.id, 'view']">{{ encuesta.categoria?.nombre }}</a>
-          </div>
-        </dd>
-        <dt><span jhiTranslate="dataSurveyApp.encuesta.usuarioExtra">Usuario Extra</span></dt>
-        <dd>
-          <div *ngIf="encuesta.usuarioExtra">
-            <a [routerLink]="['/usuario-extra', encuesta.usuarioExtra?.id, 'view']">{{ encuesta.usuarioExtra?.id }}</a>
-          </div>
-        </dd>
-      </dl>
-
-      <button type="submit" (click)="previousState()" class="btn btn-info" data-cy="entityDetailsBackButton">
-        <fa-icon icon="arrow-left"></fa-icon>&nbsp;<span jhiTranslate="entity.action.back">Back</span>
-      </button>
-
-      <button type="button" [routerLink]="['/encuesta', encuesta.id, 'edit']" class="btn btn-primary">
-        <fa-icon icon="pencil-alt"></fa-icon>&nbsp;<span jhiTranslate="entity.action.edit">Edit</span>
-      </button>
-    </div>
-  </div>
-</div>-->
-
 <div class="container-fluid" *ngIf="encuesta">
   <div>
     <h2 id="page-heading" data-cy="EPreguntaCerradaHeading">
-      <p class="ds-title">Vista previa de {{ encuesta!.nombre }}</p>
+      <p class="ds-title">
+        Vista previa de {{ encuesta!.nombre }}
+        <fa-icon class="ds-info--icon" [icon]="faQuestion" data-toggle="modal" data-target="#verParametros"></fa-icon>
+      </p>
+
       <p class="ds-subtitle">Creada el día {{ encuesta!.fechaCreacion | formatShortDatetime | lowercase }}</p>
       <div class="d-flex justify-content-end">
         <button type="button" class="ds-btn ds-btn--secondary" (click)="previousState()">
@@ -167,77 +90,110 @@
           </div>
         </div>
       </div>
-      <div class="col-3 info-encuesta">
-        <p style="font-size: 1.2em" class="ds-survey--titulo--name py-3">Cantidad de preguntas: {{ ePreguntas?.length }}</p>
-        <!--<div>
-            <p style="font-size: 1.2em" class="ds-survey--titulo--name">Colaboradores</p>
-          </div>-->
-        <dl>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.acceso">Acceso</span></dt>
-          <dd>
-            -
-            <span jhiTranslate="{{ 'dataSurveyApp.AccesoEncuesta.' + encuesta.acceso }}"> {{ encuesta.acceso }}</span>
-          </dd>
-        </dl>
-        <dl *ngIf="encuesta.acceso === 'PRIVATE'">
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.contrasenna">Contrasenna</span></dt>
-          <dd>
-            <span>- {{ encuesta.contrasenna }}</span>
-          </dd>
-        </dl>
-        <dl>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.estado">Estado</span></dt>
-          <dd>
-            - <span jhiTranslate="{{ 'dataSurveyApp.EstadoEncuesta.' + encuesta.estado }}">{{ encuesta.estado }}</span>
-          </dd>
-        </dl>
-        <dl *ngIf="encuesta.categoria">
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.categoria">Categoria</span></dt>
-          <dd>
-            <a>- {{ encuesta.categoria?.nombre }}</a>
-          </dd>
-        </dl>
-        <dl>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaPublicacion">Fecha Publicacion</span></dt>
-          <dd>
-            <span
-              >-
-              {{
-                encuesta.fechaPublicacion === undefined ? 'Sin publicar' : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
-              }}</span
-            >
-          </dd>
-        </dl>
-        <dl>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaFinalizar">Fecha Finalizar</span></dt>
-          <dd>
-            <span>
-              -
-              {{
-                encuesta.fechaFinalizar === undefined
-                  ? 'Sin fecha de finalización'
-                  : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
-              }}</span
-            >
-          </dd>
-        </dl>
-        <dl>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaFinalizada">Fecha Finalizada</span></dt>
-          <dd>
-            <span>
-              -
-              {{
-                encuesta.fechaFinalizada === undefined ? 'Sin finalizar' : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
-              }}</span
-            >
-          </dd>
-        </dl>
-        <div>
-          <dt><span jhiTranslate="dataSurveyApp.encuesta.calificacion">Calificacion</span></dt>
-          <dd>
-            <fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon
-            ><fa-icon *ngFor="let i of [].constructor(5 - encuesta.calificacion!)" class="entity-icon--star--off" [icon]="faStar"></fa-icon>
-          </dd>
+      <div
+        class="modal fade ds-modal"
+        id="verParametros"
+        tabindex="-1"
+        role="dialog"
+        aria-labelledby="exampleModalCenterTitle"
+        aria-hidden="true"
+      >
+        <div class="modal-dialog modal-dialog-centered" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h1 class="modal-title" id="exampleModalLongTitle">Información de encuesta</h1>
+            </div>
+
+            <div class="modal-body">
+              <div>
+                <div class="mb-5">
+                  <p style="font-size: 1.2em" class="ds-subtitle">Cantidad de preguntas:</p>
+                  <p>{{ ePreguntas?.length }}</p>
+                </div>
+
+                <!--<div>
+                    <p style="font-size: 1.2em" class="ds-survey--titulo--name">Colaboradores</p>
+                  </div>-->
+
+                <div class="mb-5">
+                  <p class="ds-subtitle" jhiTranslate="dataSurveyApp.encuesta.acceso">Acceso:</p>
+                  <p jhiTranslate="{{ 'dataSurveyApp.AccesoEncuesta.' + encuesta.acceso }}">{{ encuesta.acceso }}</p>
+                </div>
+
+                <div *ngIf="encuesta.acceso === 'PRIVATE'" class="mb-5">
+                  <p class="ds-subtitle">Contraseña:</p>
+                  <p>{{ encuesta.contrasenna }}</p>
+                </div>
+
+                <div class="mb-5">
+                  <p class="ds-subtitle">Estado:</p>
+                  <p jhiTranslate="{{ 'dataSurveyApp.EstadoEncuesta.' + encuesta.estado }}">{{ encuesta.estado }}</p>
+                </div>
+
+                <div *ngIf="encuesta.categoria" class="mb-5">
+                  <p class="ds-subtitle">Categoría:</p>
+                  <P> </P> {{ encuesta.categoria?.nombre }}
+                </div>
+
+                <div class="mb-5">
+                  <p class="ds-subtitle">Fecha de publicación:</p>
+                  <P
+                    >{{
+                      encuesta.fechaPublicacion === undefined
+                        ? 'Sin publicar'
+                        : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
+                    }}
+                  </P>
+                </div>
+
+                <!--<div class="mb-5">
+                <p jhiTranslate="dataSurveyApp.encuesta.fechaFinalizar" class="ds-subtitle" > Fecha Finalizar</p>
+                <p> </p></div>
+              <dl>
+                <dt><span jhiTranslate="dataSurveyApp.encuesta.fechaFinalizar">Fecha Finalizar</span></dt>
+                <dd>
+                <span>
+                  -
+                  {{
+                  encuesta.fechaFinalizar === undefined
+                    ? 'Sin fecha de finalización'
+                    : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
+                  }}</span
+                >
+                </dd>
+              </dl>-->
+
+                <div class="mb-5">
+                  <p class="ds-subtitle">Fecha de finalización:</p>
+                  <P>
+                    {{
+                      encuesta.fechaFinalizada === undefined
+                        ? 'Sin finalizar'
+                        : (encuesta.fechaFinalizada | formatShortDatetime | lowercase)
+                    }}
+                  </P>
+                </div>
+
+                <div class="mb-5">
+                  <p class="ds-subtitle">Calificación:</p>
+                  <dd>
+                    <fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon
+                    ><fa-icon
+                      *ngFor="let i of [].constructor(5 - encuesta.calificacion!)"
+                      class="entity-icon--star--off"
+                      [icon]="faStar"
+                    ></fa-icon>
+                  </dd>
+                </div>
+              </div>
+            </div>
+
+            <div class="modal-footer">
+              <button id="cancelBtnVerParametros" type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
+                <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<span>Volver</span>
+              </button>
+            </div>
+          </div>
         </div>
       </div>
     </div>

src/main/webapp/app/entities/encuesta/detail/encuesta-detail.component.ts

@@ -28,7 +28,7 @@ import { EPreguntaAbiertaService } from '../../e-pregunta-abierta/service/e-preg
 import { EPreguntaCerradaOpcionService } from '../../e-pregunta-cerrada-opcion/service/e-pregunta-cerrada-opcion.service';
 import { PreguntaCerradaTipo } from 'app/entities/enumerations/pregunta-cerrada-tipo.model';
 
-import { faTimes, faPlus, faStar } from '@fortawesome/free-solid-svg-icons';
+import { faTimes, faPlus, faStar, faQuestion } from '@fortawesome/free-solid-svg-icons';
 import { EncuestaPublishDialogComponent } from '../encuesta-publish-dialog/encuesta-publish-dialog.component';
 
 @Component({
@@ -41,6 +41,7 @@ export class EncuestaDetailComponent implements OnInit {
   faTimes = faTimes;
   faPlus = faPlus;
   faStar = faStar;
+  faQuestion = faQuestion;
   encuesta: IEncuesta | null = null;
   isLoading = false;
   successPublished = false;

src/main/webapp/app/entities/encuesta/list/encuesta.component.html

@@ -294,8 +294,6 @@
         <div class="modal-body">
           <!-- Survey Registration Modal -->
           <div>
-            <jhi-alert-error></jhi-alert-error>
-
             <div class="form-group">
               <label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.nombre" for="field_nombre">Nombre</label>
               <input type="text" class="form-control" name="nombre" id="field_nombre" data-cy="nombre" formControlName="nombre" />

src/main/webapp/app/entities/encuesta/service/encuesta.service.ts

@@ -15,6 +15,7 @@ export type EntityArrayResponseType = HttpResponse<IEncuesta[]>;
 @Injectable({ providedIn: 'root' })
 export class EncuestaService {
   protected resourceUrl = this.applicationConfigService.getEndpointFor('api/encuestas');
+  protected resourceUrlPublish = this.applicationConfigService.getEndpointFor('api/encuestas/publish');
 
   constructor(protected http: HttpClient, protected applicationConfigService: ApplicationConfigService) {}
 
@@ -28,7 +29,7 @@ export class EncuestaService {
   update(encuesta: IEncuesta): Observable<EntityResponseType> {
     const copy = this.convertDateFromClient(encuesta);
     return this.http
-      .put<IEncuesta>(`${this.resourceUrl}/${getEncuestaIdentifier(encuesta) as number}`, copy, { observe: 'response' })
+      .put<IEncuesta>(`${this.resourceUrlPublish}/${getEncuestaIdentifier(encuesta) as number}`, copy, { observe: 'response' })
       .pipe(map((res: EntityResponseType) => this.convertDateFromServer(res)));
   }
 

src/main/webapp/app/entities/encuesta/update/encuesta-update.component.ts

@@ -136,7 +136,7 @@ export class EncuestaUpdateComponent implements OnInit, AfterViewChecked {
   async loadAplicationParameters(): Promise<void> {
     const params = await this.parametroAplicacionService.find(1).toPromise();
     this.parametrosAplicacion = params.body;
-    console.log(this.parametrosAplicacion);
+    //console.log(this.parametrosAplicacion);
   }
 
   ngOnInit(): void {

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

@@ -2,7 +2,7 @@
   <div class="col">
     <div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light">
       <div class="container px-5 py-4">
-        <a class="text-dark" href="index.html"
+        <a class="text-dark" routerLink="login"
           ><img src="http://datasurvey.org/content/img_datasurvey/datasurvey-logo-text-black.svg" width="300" alt=""
         /></a>
 
@@ -10,11 +10,11 @@
           <!--<a href="#">
             <button class="ds-btn ds-btn&#45;&#45;primary fw-500 ms-lg-4">Encuestas</button>
           </a>-->
-          <a href="login" [hidden]="!notAccount">
+          <a routerLink="login" [hidden]="!notAccount">
             <button class="ds-btn ds-btn--primary fw-500 ms-lg-4">Iniciar Sesión</button>
           </a>
 
-          <a href="account/register" [hidden]="!notAccount">
+          <a routerLink="account/register" [hidden]="!notAccount">
             <button class="ds-btn ds-btn--primary fw-500 ms-lg-4">Registrarse</button>
           </a>
         </div>