<div class="titulo">
  <span class="titulo-texto">Integrantes de la comisiĆ³n</span>
  <button class="rounder-nuevo" (click)="AgregarParametro()">

    <mat-icon class="white-icon">add</mat-icon>
  </button>
</div>
<table class="principal">
  <thead class="colorsito">
    <tr>
      <th class="colorsito">Fecha Creacion</th>
      <th class="colorsito">Nombres</th>
      <th class="colorsito">Apellidos</th>
      <th class="colorsito">E-mail</th>
      <th class="colorsito">Estado</th>
      <th class="colorsito">Acciones</th>
    </tr>
  </thead>
  <tbody>
    <ng-container *ngFor="let opciones of integrantesComision; let i = index">

      <tr>
        <td>{{ formatFecha(opciones.uzytavdetcomca_fech_crea) }}</td>
        <td>{{ usuario[opciones.uzytusuario_id_asignado]?.uzytusuario_nombres }}</td>
        <td>{{ usuario[opciones.uzytusuario_id_asignado]?.uzytusuario_apellidos }}</td>
        <td>{{ usuario[opciones.uzytusuario_id_asignado]?.uzytusuario_email_institucional }}</td>



        <td>
          <section>
            <mat-checkbox [checked]="opciones.uzytavdetcomca_estado === 'A'" disabled></mat-checkbox>
          </section>
        </td>
        <td>

          <button>
            <mat-icon class="colorEditar" (click)="EditarParametro(this.opciones.uzytavdetcomca_id)">edit</mat-icon>
          </button>
          <!--
          <button>
            <mat-icon color="warn" (click)="eliminarParametro(opciones.uzytavdetcomca_id)">delete</mat-icon>
          </button>
          -->
        </td>
      </tr>
    </ng-container>
  </tbody>
</table>