<div class="close ">
  <button class="cerrar-b cursor-pointer" mat-dialog-close><mat-icon>close</mat-icon></button>
</div>
<!--
  <div class="titulo-modal">
  </div>-->
<span class="center">Información Extra</span>
<!-- --------------------------------------------------------------------------------- -->
<!-- form -->

<mat-dialog-content class="mat-typography space items-center">

  <mat-spinner [diameter]="60" *ngIf="isLoading"></mat-spinner>

  <div class="table-containerM">
    <div class="table-responsive">
      <table class="modalTable" *ngIf="!isLoading">

        <tr class="modalTr">
          <th class="modalTh">IP Pública</th>
          <th class="modalTh">IP Local</th>
          <th class="modalTh">Plataforma</th>
          <th class="modalTh">Navegador</th>
          <th class="modalTh">Dispositivo</th>
        </tr>
        <tr class="modalTr">
          <td class="modalTd">{{data.ipPublica}}</td>
          <td class="modalTd">{{data.ipLocal}}</td>
          <td class="modalTd">{{data.plataforma}}</td>
          <td class="modalTd">{{data.navegador}} {{data.version}}</td>
          <td class="modalTd"><mat-icon style="vertical-align: middle; transform: scale(0.9);">
              {{data.tipoDispositivo === 'Desktop' ?'laptop_mac' : 'phone_iphone'}}
            </mat-icon>{{data.tipoDispositivo === 'Desktop' ? 'Computadora' : 'Celular'}}</td>


        </tr>

      </table>
    </div>
  </div>



</mat-dialog-content>