<!-- add active class to c8y-stacked-item when clicked -->
<div
  class="c8y-stacked-item"
  [class.active]="server.active"
  *ngFor="let server of serverList"
  (click)="presentConfig(server)"
>
  <i [c8yIcon]="'server'" class="icon-20 "></i>
  <div class="p-l-16 text-truncate">
    <p id="serverName" class="text-truncate">{{ server.name }}</p>
    <small id="serverUrl" class="text-truncate text-muted">{{ server.config.serverUrl }}</small>
  </div>
  <div class="flex-item-right p-l-8 d-flex p-r-16">
    <device-status class="p-r-8" [mo]="server"></device-status>
    <a
      title="{{ server.quickInfo.padlockMsg | translate }}"
      placement="left"
      class="text-gray-darker"
    >
      <i [c8yIcon]="server.quickInfo.padlock"></i>
    </a>
  </div>
</div>