<div
  matRipple
  routerLink="room/{{ sidebarResourceData.id }}/chat/room"
  routerLinkActive="active"
  [ngClass]="{ 'active-node': selectedMenu, 'data-error': error === true }"
  (click)="hideSidebar()"
  [appEnterTheViewportNotifier]
  (visibilityChange)="visibilityChange($event)"
  *ngIf="sidebarResourceData && room"
>
  <mat-icon class="notification-led" color="primary" *ngIf="news">circle</mat-icon>
  <app-avatar [blob]="avatar"></app-avatar>
  <div class="res-node-name">
    <span>{{ name }}</span>
    <div *ngIf="!roomData" class="loading-bar"></div>
  </div>

  <mat-icon [matTooltip]="'Attached drive' | translate" class="info-flag" [ngClass]="{ warn: isNanoCompeting }" *ngIf="isNanoConnected">computer</mat-icon>
  <mat-icon class="info-flag" *ngIf="isNanoCompeting" color="warn">warning</mat-icon>
  <span [matTooltip]="'Owner' | translate" class="mdi mdi-crown info-flag" *ngIf="isMyRoom"></span>
</div>
