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
39
40
41
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
    type="button"
    class="language-switch-button btn btn-link"
    aria-haspopup="menu"
    [attr.aria-label]="('language_switch.label' | translate) + ('locale.' + locale + '.long' | translate)"
  >
    <fa-icon [icon]="['fas', 'globe-americas']" class="header-icon" />
    <span class="language-switch-current-selection d-inline"
      >{{ 'locale.' + locale + '.long' | translate }}<span class="switch_arrow"></span
    ></span>
  </button>
  <div ngbDropdownMenu class="language-switch-container dropdown-menu" role="menu" style="left: 0 !important">
    <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)"
                [lang]="'locale.' + l + '.short' | translate"
              >
                {{ 'locale.' + l + '.long' | translate }}
              </a>
            </li>
          </ng-container>
        </ul>
      </ng-container>
    </div>
  </div>
</div>