main-toolbar-desktop-vertical.presentational.html

<div class="hidden-toolbar"></div>
<div class="toolbar">
  <div class="logo-wrapper">
    <div class="logo"
         (click)="navigateToInstitution()"
    >
      <img src="assets/images/unigelogo.svg"
           alt="Unige"
           class="unige-logo"
      >
    </div>
  </div>
  <div class="right-part">
    <ul class="menu">
      <li *ngFor="let menu of getListMenu()"
          (click)="menu.click(menu)"
          [class.is-active]="currentPath === menu.path"
          [matTooltip]="menu.labelToTranslate | translate"
          [matTooltipPosition]="'right'"
      >
        <ng-template [ngIf]="!(menu.badgeCounter | isNullOrUndefined)"
                     [ngIfElse]="simpleIcon"
        >
        <span [matBadge]="menu.badgeCounter()"
              matBadgeColor="primary"
              matBadgeSize="small"
              [matBadgeHidden]="menu.badgeHidden()"
              [matBadgeDescription]="menu.badgeDescription"
        >
          <fa-icon [icon]="menu.icon"></fa-icon>
        </span>
        </ng-template>
        <ng-template #simpleIcon>
          <fa-icon [icon]="menu.icon"></fa-icon>
        </ng-template>
      </li>
    </ul>
    <dlcm-language-selector [currentLanguage]="currentLanguage"
                            (languageChange)="useLanguage($event)"
    >
    </dlcm-language-selector>


    <dlcm-theme-selector *ngIf="!isProduction || isDemoMode"
                         [(theme)]="theme"
    >
    </dlcm-theme-selector>

    <ul class="menu">
      <ng-template [ngIf]="!logged"
                   [ngIfElse]="loggedOut"
      >
        <li class="login"
            [matTooltip]="'app.toolbar.login' | translate"
            [matTooltipPosition]="'right'"
            (click)="login()"
        >
          <fa-icon icon="sign-in-alt"></fa-icon>
        </li>
      </ng-template>

      <ng-template #loggedOut>
        <li class="logout">
          <dlcm-avatar [user]="user"
                       (logoutChange)="logout()"
          ></dlcm-avatar>
        </li>
      </ng-template>
    </ul>
  </div>
</div>