<div class="user">
  <div class="avatar">
    <img *ngIf="avatar" [src]="avatar.links?.thumb" />
    <span *ngIf="!avatar" class="initials">{{user.initials}}</span>
  </div>
  <div class="dropdown" [class.hidden]="ddHidden" (mouseleave)="close()">
    <ul>
      <li (click)="link('profile')">Личный кабинет</li>
      <li *ngIf="isJournalVisible" (click)="link('applications')">Журнал заявок</li>
      <li *ngIf="authService.isAdmin" (click)="link('administrate')">Панель управления</li>
      <li (click)="logout()">Выход из системы</li>
    </ul>
  </div>
  <div class="name">
    {{user.name}}
  </div>
  <div class="toggle">

  </div>

</div>

<!--div class="user" *ngIf="user">
  <div class="avatar">
    <img *ngIf="avatar" [src]="avatar.links?.thumb" />
    <span *ngIf="!avatar" class="initials">{{user.initials}}</span>
    <div class="button">
      <div class="triangle"></div>
      <div class="dropdown">
        <ul>
          <li><a routerLink="/profile">Личный кабинет</a></li>
          <li *ngIf="isJournalVisible"><a routerLink="/applications">Журнал заявок</a></li>
          <li *ngIf="authService.isAdmin"><a routerLink="/administrate">Панель управления</a></li>
          <li (click)="logout()"><span>Выход из системы</span></li>
        </ul>
      </div>
    </div>
  </div>
</div-->
