All files / src/app/shell/header/language-switch language-switch.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- keep-localization-pattern: ^locale\..*\.(long|short)$ -->
<div
  *ngIf="locale$ | async as locale"
  class="language-switch"
  [ngClass]="view"
  ngbDropdown
  placement="{{ placement === 'up' ? 'top-right' : 'bottom-right' }}"
>
  <button
    ngbDropdownToggle
    class="language-switch-button btn btn-link"
    aria-expanded="false"
    aria-haspopup="menu"
    [attr.aria-label]="'locale.' + locale + '.long' | translate"
  >
    <fa-icon [icon]="['fas', 'globe-americas']" class="header-icon" />
    <span class="language-switch-current-selection d-inline"
      >{{ 'locale.' + locale + (view === 'accordion' ? '.long' : '.short') | translate
      }}<span class="switch_arrow"></span
    ></span>
  </button>
  <div ngbDropdownMenu class="language-switch-container dropdown-menu" style="left: 0 !important" role="menu">
    <div class="language-switch-menu-container">
      <ng-container *ngIf="availableLocales$ | async as availableLocales">
        <ul *ngIf="availableLocales.length">
          <ng-container *ngFor="let l of availableLocales">
            <li *ngIf="l !== locale">
              <a [href]="location | ishMakeHref : { lang: l } | async" (click)="setLocaleCookie(l)" role="menuitem">
                {{ 'locale.' + l + '.long' | translate }}
              </a>
            </li>
          </ng-container>
        </ul>
      </ng-container>
    </div>
  </div>
</div>