<ul class="list-unstyled small animated fadeIn">
  <li class="p-t-4 p-b-4 d-flex separator-top-bottom text-nowrap">
    <label class="small m-b-0 m-r-8">{{ 'Target asset model' | translate }}</label>
    <span class="m-l-auto">
      <span class="label label-info">
        {{ displayDeviceTypeValue || context.c8y_Dashboard.deviceTypeValue }}
      </span>
    </span>
  </li>
  <li class="p-t-4 p-b-4 d-flex separator-bottom text-nowrap">
    <label class="small m-b-0 m-r-8">{{ 'Dashboard instances' | translate }}</label>
    <span class="m-l-auto">{{ deviceTypeInstancesCount }}</span>
  </li>
  <ng-container *ngIf="context?.c8y_Dashboard">
    <li class="p-t-4 p-b-4 d-flex separator-bottom text-nowrap">
      <label class="small m-b-0 m-r-8">{{ 'Created' | translate }}</label>
      <span class="m-l-auto">
        {{ context.creationTime | c8yDate }} {{ 'by`user`' | translate }} {{ context.owner }}
      </span>
    </li>
    <li
      class="p-t-4 p-b-4 d-flex separator-bottom text-nowrap"
      *ngIf="context?.c8y_DashboardHistory?.length"
    >
      <label class="small m-b-0 m-r-8">{{ 'Last modified' | translate }}</label>
      <span class="m-l-auto">
        {{ context.c8y_DashboardHistory[0].created | c8yDate }} {{ 'by`user`' | translate }}
        {{ context.c8y_DashboardHistory[0].author }}
      </span>
    </li>
  </ng-container>
</ul>