src/app/views/certificate-emission/certificate-list.component.html
<div class="tab-container scrollable-container mat-elevation-z1">
<table mat-table [dataSource]="dataSource">
<ng-container matColumnDef="number">
<th mat-header-cell *matHeaderCellDef> # </th>
<td mat-cell *matCellDef="let row; let i = index;"> <strong>{{i + 1}}</strong> </td>
</ng-container>
<ng-container matColumnDef="type">
<th mat-header-cell *matHeaderCellDef> Certificado </th>
<td mat-cell *matCellDef="let row">
<a class="link" (click)="onOpenCertificateEditor(row)">
{{ row.type }}
</a>
</td>
</ng-container>
<ng-container matColumnDef="certificateID">
<th mat-header-cell *matHeaderCellDef> Número </th>
<td mat-cell *matCellDef="let row">
{{ row.certificateID }}
</td>
</ng-container>
<ng-container matColumnDef="recordableSubject">
<th mat-header-cell *matHeaderCellDef> Folio electrónico / Persona / Documento </th>
<td mat-cell *matCellDef="let row">
<a class="link" (click)="onOpenRecordableSubjectTabbedView(row)">
{{ row.recordableSubject.electronicID ?? 'N/A' }}
</a>
</td>
</ng-container>
<ng-container matColumnDef="issueTime">
<th mat-header-cell *matHeaderCellDef> Emisión </th>
<td mat-cell *matCellDef="let row">
{{ !!row.issueTime ? (row.issueTime | dateTimeFormat) : 'No emitido' }}
</td>
</ng-container>
<ng-container matColumnDef="status">
<th mat-header-cell *matHeaderCellDef> Estado </th>
<td mat-cell *matCellDef="let row">
{{ row.status }}
</td>
</ng-container>
<ng-container matColumnDef="action">
<th mat-header-cell *matHeaderCellDef> </th>
<td mat-cell *matCellDef="let row" class="column-action">
<button *ngIf="row.actions.canDelete" mat-icon-button
title="Eliminar este certificado"
(click)="onRemoveCertificateClicked(row)">
<mat-icon>
delete
</mat-icon>
</button>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<div *ngIf="!dataSource?.data || dataSource?.data.length === 0" class="text-not-found">
<p>No se han registrado certificados.</p>
</div>
</div>