main-toolbar-desktop-vertical.presentational.html

<div class="hidden-toolbar"></div>
<div class="toolbar">
  <div class="logo-wrapper">
    <div class="logo">
      <img src="assets/images/unigelogo-white.svg" alt="Unige" class="unige-logo">
    </div>
  </div>

  <div class="right-part">
    <ul class="menu">
      <li *ngFor="let menu of getListMenu()"
          (click)="navigate(menu.path)"
          [class.is-active]="currentPath == menu.path"
          [matTooltip]="menu.labelToTranslate | translate"
          [matTooltipPosition]="'right'">
        <fa-icon [icon]="menu.icon"></fa-icon>
      </li>
    </ul>
    <dlcm-language-selector [currentLanguage]="currentLanguage"
                            (languageChange)="useLanguage($event)">
    </dlcm-language-selector>


    <dlcm-theme-selector *ngIf="!isProduction"
                         [(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"
            [matTooltip]="'app.toolbar.logout' | translate"
            [matTooltipPosition]="'right'"
            (click)="logout()">
          <fa-icon icon="sign-out-alt"></fa-icon>
        </li>
      </ng-template>
    </ul>
  </div>
</div>