<div class="main-content"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="container-fluid"> <div class="card-title"> <h2> Gestion Permisos </h2> </div> <p-table [value]="allGestionPermisos"> <ng-template pTemplate="header"> <tr> <div class="col-sm-2" style="background-color:lavenderblush;"> PIDM </div> <div class="col-sm-4" style="background-color:lavender;"> Día Registro </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <th>Hora Entrada</th> </div> <div class="col-sm-4" style="background-color:lavender;"> <th>Hora Salida</th> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <th>Horas Permanencia</th> </div> <div class="col-sm-2" style="background-color:lavender;"> <th>Minutos Permanencia</th> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <th>Minutos Atraso</th> </div> <div class="col-sm-2" style="background-color:lavender;"> <th>Tipo Justif.</th> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <th>Estado Vacaciones</th> </div> <div class="col-sm-2" style="background-color:lavender;"> <th>Saldo Vacaciones</th> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <th>Workflow</th> </div> <div class="col-sm-2" style="background-color:lavender;"> <th>opciones</th> </div> </tr> </ng-template> <ng-template pTemplate="body" let-item> <tr> <div class="col-sm-2" style="background-color:lavenderblush;"> PIDM <td>{{item.pidm}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;">Día Registro <td>{{item.fechadia | date:'dd/MM/yyyy' }}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;">Hora Entrada <td>{{item.hentrada | date :'shortTime' }}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.hsalida | date :'shortTime' }}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.hhora}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.minutos}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.minatraso}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.justificacion}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.vacaciones}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.saldovacaciones}}</td> </div> <div class="col-sm-2" style="background-color:lavenderblush;"> <td>{{item.id1wf}}</td> </div> <button (click)="findByPidm(item.pidm) " class="btn btn-danger ">Editar Registro</button> </tr> </ng-template> </p-table> <!-- <ul> <li *ngFor=" let item of allGestionPermisos "> {{item.code}} {{item.descripcion}} </li> </ul> <h5 class="mt-10 "> {{allGestionPermisos | json}} </h5> --> </div> </div> </div> </div> </div>