<div layoutDirection="row" layoutDirection-xs="column" class="fl-content fl-content-min-height">
  <div layoutDirection="column" appFlex="50" *ngIf="object">
    <p class="fl-detail" i18n>Name: {{ object.name }}</p>
    <p class="fl-detail" i18n>Created at: <app-date-displayer [date]="object.created_at"></app-date-displayer></p>
    <p class="fl-detail" i18n>Updated at: <app-date-displayer [date]="object.updated_at"></app-date-displayer></p>
    <p class="fl-detail" i18n>Default: {{ object.default | yesNo }}</p>
    <p class="fl-detail" i18n>Public: {{ object.public | yesNo }}</p>
    <p class="fl-detail" i18n>Parent rule: {{ object.parent_display | nullValue }}</p>
    <p class="fl-detail" i18n>Owner: {{ object.owner_display | nullValue }}</p>
  </div>
</div>
