Formato humano

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

@@ -34,7 +34,7 @@
                                 <input type="datetime-local" class="form-control" [(ngModel)]="encuesta.fin" required name="fin" />
                             </fieldset>
                             <fieldset class="form-group">
-                                <label class="control-label" for="firstName">Mometo de creacion (Si tipo de ranking APERTURA, el ranking tedrá encuenta el tiempo de respuesta desde aquí)</label>
+                                <label class="control-label" for="firstName">Momento de creación (Si tipo de ranking APERTURA, el ranking tendrá encuenta el tiempo de respuesta desde aquí)</label>
                                 <input type="number" class="form-control" [(ngModel)]="encuesta.createdAt" disabled name="createdAt" />
                             </fieldset>
                             

client/src/app/estadisticas/estadisticas.component.html

@@ -8,20 +8,20 @@
                 </div>
             </figure>
         </div>
-        <div class="col-sm overflow-auto">
+        <div class="col-sm overflow-auto h-100">
             <h1>Ranking</h1>
             <div *ngIf="encuesta.type.toString() == 'RESPUESTA'; else elseBlock">
                 <div *ngIf="encuesta.status.toString() == 'FINALIZADA'; else elseBlock">
                     <div *ngFor="let solucion of aciertosPorEncuesta; let i = index">
                         <div class="shadow-lg p-3 mb-1 bg-white rounded">
-                            <p>{{solucion.name}} - {{solucion.diff / 1000}} segundos</p>
+                            <p>{{solucion.name}} - {{this.secondsToString(solucion.diff / 1000)}}</p>
                         </div>
                     </div>
                 </div>
                 <ng-template #elseBlock>
                     <div *ngFor="let solucion of soluciones; let i = index">
                         <div class="shadow-lg p-3 mb-1 bg-white rounded">
-                            <p>{{solucion.name}} - {{solucion.diff / 1000}} segundos</p>
+                            <p>{{solucion.name}} - {{this.secondsToString(solucion.diff / 1000)}}</p>
                         </div>
                     </div>
                 </ng-template>
@@ -30,14 +30,14 @@
                 <div *ngIf="encuesta.status.toString() == 'FINALIZADA'; else elseBlock">
                     <div *ngFor="let solucion of aciertosPorEncuesta; let i = index">
                         <div class="shadow-lg p-3 mb-1 bg-white rounded">
-                            <p>{{solucion.name}} - {{(solucion.fin - encuesta.createdAt)/ 1000}} segundos</p>
+                            <p>{{solucion.name}} - {{this.secondsToString((solucion.fin - encuesta.createdAt)/ 1000)}}</p>
                         </div>
                     </div>
                 </div>
                 <ng-template #elseBlock>
                     <div *ngFor="let solucion of soluciones; let i = index">
                         <div class="shadow-lg p-3 mb-1 bg-white rounded">
-                            <p>{{solucion.name}} - {{(solucion.fin - encuesta.createdAt)/ 1000}} segundos</p>
+                            <p>{{solucion.name}} - {{this.secondsToString((solucion.fin - encuesta.createdAt)/ 1000)}}</p>
                         </div>
                     </div>
                 </ng-template>

client/src/app/estadisticas/estadisticas.component.ts

@@ -131,6 +131,16 @@ export class EstadisticasComponent implements OnInit {
     
   }
 
+  secondsToString(seconds:number):string {
+    var hour = Math.floor(seconds / 3600);
+    var hourstr = (hour < 10)? '0' + hour : hour;
+    var minute = Math.floor((seconds / 60) % 60);
+    var minutestr = (minute < 10)? '0' + minute : minute;
+    var second = seconds % 60;
+    var secondstr = (second < 10)? '0' + second : second;
+    return hourstr + ':' + minutestr + ':' + secondstr;
+  }
+
   compare(a:any, b:any){
     if(a.valid != b.valid){
       return(+b.valid - +a.valid);

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

@@ -136,8 +136,8 @@
                         <td>{{user.idEncuesta}}</td>
                         <td>{{user.nAciertos}}</td>
                         <td>{{user.nPreguntas}}</td>
-                        <td>{{user.diff}}</td>
-                        <td>{{user.diffApertura}}</td>
+                        <td>{{this.secondsToString(user.diff)}}</td>
+                        <td>{{this.secondsToString(user.diffApertura)}}</td>
                         <td>{{user.fin}}</td>
                         <td>{{user.valid}}</td>
                         <td>{{user.ranking}}</td>