mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.0 KiB
52 lines
2.0 KiB
<ul class="nav navbar-nav align-items-center">
|
|
<li class="nav-item nav-icon nav-item-help">
|
|
<a class="nav-link" href="https://squidex.io/help" sqxExternalLink="noicon">
|
|
<i class="icon-help2"></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item nav-icon dropdown" #button>
|
|
<span class="nav-link dropdown-toggle" (click)="modalMenu.toggle()">
|
|
<span class="user">
|
|
<img class="user-picture" [src]="snapshot.profileId | sqxUserIdPicture">
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<ng-container *sqxModal="modalMenu;onRoot:false">
|
|
<div class="dropdown-menu" [sqxAnchoredTo]="button" [offset]="10" @fade>
|
|
<a class="dropdown-item dropdown-info" [sqxPopupLink]="snapshot.profileUrl" (click)="modalMenu.hide()">
|
|
<div>{{ 'profile.userEmail' | sqxTranslate }}</div>
|
|
|
|
<strong>{{snapshot.profileEmail}}</strong>
|
|
</a>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<a class="dropdown-item" routerLink="/app/administration" *ngIf="uiState.canUserAdminResource | async">
|
|
{{ 'common.administration' | sqxTranslate }}
|
|
</a>
|
|
|
|
<a class="dropdown-item" [sqxPopupLink]="snapshot.profileUrl" (click)="modalMenu.hide()">
|
|
{{ 'profile.title' | sqxTranslate }}
|
|
</a>
|
|
|
|
<div class="dropdown-submenu">
|
|
<a class="dropdown-item dropdown-toggle" (click)="toggle()">
|
|
{{ 'common.language' | sqxTranslate }}
|
|
</a>
|
|
|
|
<div class="dropdown-menu" [class.open]="showSubmenu">
|
|
<a class="dropdown-item" *ngFor="let availableLanguage of languages" [class.active]="availableLanguage.code === language" (click)="changeLanguage(availableLanguage.code)">
|
|
{{ availableLanguage.name }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dropdown-divider"></div>
|
|
|
|
<a class="dropdown-item" (click)="logout()" sqxExternalLink>
|
|
{{ 'common.logout' | sqxTranslate }}
|
|
</a>
|
|
</div>
|
|
</ng-container>
|