Asymmetrik/ngx-starter

<asy-modal
    title="Changes to {{ auditEntry.audit.auditType }} by {{
        auditEntry.audit.actor.username
    }} on {{ auditEntry.created | utcDate }}"
    hideCancel
    okText="Close"
    (cancel)="close()"
    (ok)="close()"
>
    <div class="row">
        <div class="col-md-6">
            <h4>Before</h4>
            <pre>{{ auditEntry.audit.object.before | sortObjectKeys | json }}</pre>
        </div>
        <div class="col-md-6">
            <h4>After</h4>
            <pre>{{ auditEntry.audit.object.after | sortObjectKeys | json }}</pre>
        </div>
    </div>
</asy-modal>