Filtro por Usuario

client/src/app/encuestas-listar/encuestas-listar.component.html

@@ -28,7 +28,7 @@
                                     <td>{{encuesta.name}}</td>
                                 </tr>
                                 <tr class="border-bottom-2">
-                                    <td colspan = "3">
+                                    <td colspan = "4">
                                         <div class="container">
                                             <div class="row">
                                                 <div class="col-sm">

client/src/app/perfil/perfil.component.html

@@ -33,7 +33,7 @@
                                     </td>
                                 </tr>
                                 <tr class="border-bottom-2">
-                                    <td colspan = "3">
+                                    <td colspan = "4">
                                         <div class="container">
                                             <div class="row">
                                                 <div class="col-sm">
@@ -80,6 +80,7 @@
                 <th scope="col">user.name</th>
                 <th scope="col">user.nTop1</th>
                 <th scope="col">user.bestRank</th>
+                <th scope="col">Filtrar</th>
             </tr>
         </thead>
         <tbody *ngFor="let user of users; let i = index">
@@ -87,6 +88,10 @@
                     <td>{{user.name}}</td>
                     <td>{{user.nTop1}}</td>
                     <td>{{user.bestRank}}</td>
+                    <td>
+                        <button class="btn btn-primary w-100 btn-block" 
+                        (click)="selecionarUser(i)">Filtrar</button>
+                    </td>
                 </tr>
         </tbody>
     </table>
@@ -104,7 +109,7 @@
                 <th scope="col">user.ranking</th>
             </tr>
         </thead>
-        <tbody *ngFor="let user of aciertosPorEncuesta; let i = index">
+        <tbody *ngFor="let user of aciertosPorEncuestaFilter; let i = index">
                 <tr>
                     <td>{{user.name}}</td>
                     <td>{{user.idEncuesta}}</td>

client/src/app/perfil/perfil.component.ts

@@ -37,6 +37,7 @@ export class PerfilComponent implements OnInit {
   nPreguntasContestadasAcertadas: number =  0;
 //{name: 0, idEncuesta: 0, nAciertos: 0, nPreguntas: 0}
   aciertosPorEncuesta: Array<any> = [];
+  aciertosPorEncuestaFilter: Array<any> = [];
   usuarios: Array<any> = [];
 
 
@@ -199,6 +200,7 @@ export class PerfilComponent implements OnInit {
     if(this.operacion == "usuarios"){
       this.aciertosPorEncuesta = this.aciertosPorEncuesta.filter(u => u.userId == userId && u.name == name);
     }*/
+    this.aciertosPorEncuestaFilter = this.aciertosPorEncuesta
     console.log(this.users);
   }
   compare(a:any, b:any, encuesta:Encuesta){
@@ -278,6 +280,10 @@ export class PerfilComponent implements OnInit {
     this.getSolucionesFilter()
   }
 
+  selecionarUser(i:number){
+    this.aciertosPorEncuestaFilter = this.aciertosPorEncuesta.filter(a => a.name == this.users[i].name)
+  }
+
   asignaturaFilter(i:number){
     this.encuestasFilter = []
     if(i == 0){