info-dialog.component.html

<h1 mat-dialog-title>Log details</h1>
<mat-dialog-content>
    <p class="mat-body-1" data-block="preamble" data-ph-no-capture>
      {{ log.User }} {{ action }} in "{{ normalizedTableName }}" table on {{formattedCrreatedAt}} {{ log.Status }}.
    </p>

    <div *ngIf="diffFields.length > 0; else oneRowDetails" class="details" data-block="comparison-details">
        <table>
          <tr *ngFor="let field of fields" attr.data-line="{{field}}-field"
            class="mat-body"
            [ngClass]="{changed: isChangedFiled(field)}">
            <th>{{filedsNames[field]}}</th>
            <td data-ph-no-capture *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
              {{log.prevValue[field]}}
            </td>
            <td data-ph-no-capture
              [attr.colspan]="log.currentValue[field] === '* * * sensitive data, no logs stored * * *' ? '2' : '' "
              [ngClass]="{sensitive: log.currentValue[field] === '* * * sensitive data, no logs stored * * *'}">
              <div class="updated-cell">
                <span>{{log.currentValue[field]}}</span>
                <!--<mat-icon *ngIf="isChangedFiled(field)"
                  class="updated-icon"
                  matTooltip="This value has been changed.">
                  published_with_changes
                </mat-icon>-->
              </div>
            </td>
          </tr>
        </table>
    </div>

    <ng-template #oneRowDetails>
      <table *ngIf="log.currentValue" data-block="one-row-details">
        <tr *ngFor="let field of log.currentValue | keyvalue"
          class="mat-body"
          [ngClass]="{changed: isChangedFiled(field)}">
          <th>{{filedsNames[field.key]}}</th>
          <td data-ph-no-capture *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
            {{field.value}}
          </td>
        </tr>
      </table>
    </ng-template>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-flat-button color="primary" mat-dialog-close mat-dialog-close>Ok</button>
</mat-dialog-actions>