Merge pull request #126 from Quantum-P3/feature/US-50

add visualizar reportes de usuarios (administrador)

src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.html

@@ -1,8 +1,15 @@
 <div class="content">
+  <div class="py-2">
     <button type="button" class="ds-btn ds-btn--primary" (click)="exportReportesGeneralesAdministradorExcel()">Export as Excel</button>
     <button type="button" class="ds-btn ds-btn--primary" (click)="exportReportesGeneralesAdministradorPDF()">Export as PDF</button>
-
+    <button type="button" [hidden]="reportsGeneral" class="ds-btn ds-btn--primary" style="float: right" (click)="cambiarVista()">
-  <div class="container-fluid">
+      Ver Reporte de Usuarios
+    </button>
+    <button type="button" [hidden]="reportForUsers" class="ds-btn ds-btn--primary" style="float: right" (click)="cambiarVista()">
+      Ver Reporte Generales
+    </button>
+  </div>
+  <div class="container-fluid py-5" [hidden]="reportsGeneral">
     <div class="row justify-content-around">
       <div class="col-lg-3 col-sm-6">
         <div class="card">
@@ -181,4 +188,59 @@
       </div>
     </div>
   </div>
+  <div class="container-fluid" [hidden]="reportForUsers">
+    <div class="row justify-content-around">
+      <div class="col-md-10">
+        <div class="card encuestas-por-usuario">
+          <div class="card-header w-100">
+            <h4 class="ds-title">Reporte de Encuestas Usuarios</h4>
+          </div>
+          <div class="card-content">
+            <div class="row">
+              <div class="col-md-12">
+                <div class="table-responsive">
+                  <table class="table">
+                    <thead>
+                      <tr>
+                        <th>Usuario</th>
+                        <th></th>
+                        <th>Total de encuestas</th>
+                        <th>Encuestas en borrador</th>
+                        <th>Encuestas publicadas</th>
+                        <th>Encuestas finalizadas</th>
+                        <th>Encuestas completadas por usuario</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr *ngFor="let usuario of usuarios; let j = index; trackBy: trackIdUsuario">
+                        <td>
+                          <div class="photo mb-2"><img src="../../../../content/profile_icons/C{{ usuario.iconoPerfil }}.png" /></div>
+                        </td>
+                        <td>{{ usuario.nombre }}</td>
+                        <td class="text-center">
+                          {{ encuestasUsuario[j] }}
+                        </td>
+                        <td class="text-center">
+                          {{ encuestasUsuarioBorrador[j] }}
+                        </td>
+                        <td class="text-center">
+                          {{ encuestasUsuarioPublicadas[j] }}
+                        </td>
+                        <td class="text-center">
+                          {{ encuestasUsuarioFinalizadas[j] }}
+                        </td>
+                        <td class="text-center">
+                          {{ encuestasUsuarioCompletadas[j] }}
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>

src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.scss

@@ -31,3 +31,16 @@
 .por-categoria {
   padding: 5% 0;
 }
+.encuestas-por-usuario .table-responsive {
+  height: 500px;
+  max-height: 500px;
+}
+
+.encuestas-por-usuario .photo {
+  width: 40px;
+  height: 40px;
+}
+
+.encuestas-por-usuario .photo img {
+  border-radius: 100%;
+}

src/main/webapp/app/entities/dashboard/dashboard-admin/dashboard-admin.component.ts

@@ -17,6 +17,8 @@ import { finalize } from 'rxjs/operators';
 import * as Chartist from 'chartist';
 
 import { faWallet, faUsers, faUsersSlash } from '@fortawesome/free-solid-svg-icons';
+import { IUsuarioExtra } from '../../usuario-extra/usuario-extra.model';
+import { IUser } from '../../user/user.model';
 
 @Component({
   selector: 'jhi-dashboard-admin',
@@ -33,6 +35,7 @@ export class DashboardAdminComponent implements OnInit {
   gananciasTotales: number = 0;
   categorias: ICategoria[] | undefined = [];
   encuestas: IEncuesta[] | undefined = [];
+  usuarios: IUsuarioExtra[] | undefined = [];
   faWallet = faWallet;
   faUsers = faUsers;
   faUsersSlash = faUsersSlash;
@@ -40,9 +43,15 @@ export class DashboardAdminComponent implements OnInit {
   encuestasFinalizadas: number = 0;
   encuestasBorrador: number = 0;
   encuestasCompletadas: number = 0;
+  encuestasUsuario: number[] = [];
+  encuestasUsuarioPublicadas: number[] = [];
+  encuestasUsuarioFinalizadas: number[] = [];
+  encuestasUsuarioBorrador: number[] = [];
+  encuestasUsuarioCompletadas: number[] = [];
+  usuariosGenerales: IUser[] | null = [];
 
-  reportsGeneral = true;
+  reportsGeneral = false;
-  reportForUsers = false;
+  reportForUsers = true;
 
   chartFechas = [];
 
@@ -61,29 +70,68 @@ export class DashboardAdminComponent implements OnInit {
     return item.id!;
   }
 
+  trackIdUsuario(_index: number, item: IUsuarioExtra): number {
+    return item.id!;
+  }
+
+  cambiarVista() {
+    if (this.reportsGeneral) {
+      this.reportsGeneral = false;
+      this.reportForUsers = true;
+    } else if (this.reportForUsers) {
+      this.reportsGeneral = true;
+      this.reportForUsers = false;
+    }
+  }
+
   loadAll() {
     this.cargarGananciasTotales();
-    this.cargarCantidadUsuarios();
+    this.cargarUsers();
-    this.cargarEncuestas();
   }
 
   cargarGananciasTotales() {
-    this.facturaService.query().subscribe(
+    this.facturaService.query().subscribe(res => {
-      res => {
       const tempFacturas = res.body;
       tempFacturas?.forEach(f => {
         if (f.costo != undefined) {
           this.gananciasTotales += f.costo;
         }
       });
-      },
+    });
-      () => {}
+  }
-    );
+
+  cargarUsers() {
+    this.usuarioExtraService
+      .retrieveAllPublicUsers()
+      .pipe(finalize(() => this.cargarCantidadUsuarios()))
+      .subscribe(res => {
+        res.forEach(user => {
+          let rolList: string[] | undefined;
+          rolList = user.authorities;
+          let a = rolList?.pop();
+          if (a == 'ROLE_ADMIN') {
+            user.authorities = ['Admin'];
+          } else if (a == 'ROLE_USER') {
+            user.authorities = ['Usuario'];
+          }
+        });
+        this.usuariosGenerales = res;
+      });
   }
 
   cargarCantidadUsuarios() {
-    this.usuarioExtraService.query().subscribe(res => {
+    this.usuarioExtraService
+      .query()
+      .pipe(finalize(() => this.cargarEncuestas()))
+      .subscribe(res => {
         const tmpUsuarios = res.body;
+
+        if (tmpUsuarios) {
+          tmpUsuarios.forEach(u => {
+            u.user = this.usuariosGenerales?.find(g => g.id == u.user?.id);
+          });
+        }
+        this.usuarios = tmpUsuarios?.filter(u => u.user?.authorities && u.user?.authorities[0] === 'Usuario');
         this.cantUsuarioActivos = tmpUsuarios?.filter(u => u.estado === 'ACTIVE').length;
         this.cantUsuarioBloqueados = tmpUsuarios?.filter(u => u.estado === 'SUSPENDED').length;
       });
@@ -108,6 +156,47 @@ export class DashboardAdminComponent implements OnInit {
               cantidadCompletadas = cantidadCompletadas + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1);
             });
           this.encuestasCompletadas = cantidadCompletadas;
+
+          //reportes generales de todos los usuarios
+          const publicadasUser: number[] | null = [];
+          const finalizadasUser: number[] | null = [];
+          const borradoresUser: number[] | null = [];
+          const encuestasUser: number[] | null = [];
+          const encuestasCompletadasUser: number[] | null = [];
+
+          if (this.usuarios) {
+            this.usuarios.forEach(u => {
+              let cantEncuestas = 0;
+              let cantPublicadas = 0;
+              let cantFinalizadas = 0;
+              let cantBorradores = 0;
+              cantEncuestas = tmpEncuestas.filter(
+                e => e.estado !== 'DELETED' && e.usuarioExtra?.id === u.id && e.usuarioExtra?.user?.authorities
+              ).length;
+              cantPublicadas = tmpEncuestas.filter(e => e.estado === 'ACTIVE' && e.usuarioExtra?.id === u.id).length;
+              cantFinalizadas = tmpEncuestas.filter(e => e.estado === 'FINISHED' && e.usuarioExtra?.id === u.id).length;
+              cantBorradores = tmpEncuestas.filter(e => e.estado === 'DRAFT' && e.usuarioExtra?.id === u.id).length;
+
+              encuestasUser.push(cantEncuestas);
+              borradoresUser.push(cantBorradores);
+              publicadasUser.push(cantPublicadas);
+              finalizadasUser.push(cantFinalizadas);
+
+              let cantidadCompletadasUser: number = 0;
+              tmpEncuestas
+                .filter(e => e.estado === 'ACTIVE' && e.usuarioExtra?.id === u.id)
+                .forEach(e => {
+                  const _contadorCompletadas = e.calificacion;
+                  cantidadCompletadasUser = cantidadCompletadasUser + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1);
+                });
+              encuestasCompletadasUser.push(cantidadCompletadasUser);
+            });
+            this.encuestasUsuarioCompletadas = encuestasCompletadasUser;
+            this.encuestasUsuario = encuestasUser;
+            this.encuestasUsuarioBorrador = borradoresUser;
+            this.encuestasUsuarioPublicadas = publicadasUser;
+            this.encuestasUsuarioFinalizadas = finalizadasUser;
+          }
         }
       });
   }