<app-common-dialog [dialogContent]="dialogContent" [dialogRef]="dialogRef">
  <ng-template #dialogContent>
    <div *ngIf="testError" class="fl-red-color" i18n>One or more url is not valid</div>
    <table *ngIf="testResults" class="fl-table fl-table-auto-height fl-detail">
      <thead>
      <th class="text-middle url-column" i18n>Url</th>
      <th class="text-middle status-column fl-margin-left" i18n>Status</th>
      <th class="text-middle error-column hide-xs" i18n>Error</th>
      </thead>
      <tbody>
      <tr *ngFor="let result of testResults.results">
        <td class="no-overflow-hidden url-column" [attr.fl-tooltip]="result.url">
          <p class="fl-ellipsis-text">
            {{result.url}}
          </p>
        </td>
        <td class="text-middle status-column fl-margin-left no-overflow-hidden">
          <i *ngIf="!result.exception" [attr.fl-tooltip]="connectedTxt" fl-tooltip-direction="right"
             class="material-icons fl-green-color">
            check
          </i>
          <i *ngIf="result.exception" [attr.fl-tooltip]="notConnectedTxt" fl-tooltip-direction="right"
             class="material-icons fl-red-color">
            priority_high
          </i>
        </td>
        <td class="text-middle error-column fl-multi-line-text hide-xs"><p>
          {{result.exception ? result.exception : "-"}}
        </p></td>
      </tr>
      </tbody>
    </table>
  </ng-template>
</app-common-dialog>
