All files / src/app/shell/application/cookies-banner cookies-banner.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
42
43
44
45
46
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div
  *ngIf="showBanner"
  [@bottomOut]="transitionBanner"
  (@bottomOut.done)="setCookiesConsent($event)"
  class="cookies-banner"
  role="region"
  [attr.aria-label]="'cookies.banner.title' | translate"
>
  <div class="d-lg-flex justify-content-between align-items-center">
    <div [ishServerHtml]="'cookies.banner.text' | translate" class="cookies-banner-text"></div>
 
    <div class="d-md-flex flex-nowrap justify-content-end">
      <!-- Accept All -->
      <button
        type="button"
        class="btn btn-light text-nowrap ms-lg-2"
        [title]="'cookies.banner.accept_all.tooltip' | translate"
        (click)="acceptAll()"
        data-testing-id="acceptAllButton"
      >
        {{ 'cookies.banner.accept_all' | translate }}
      </button>
 
      <!-- Accept Essential -->
      <button
        type="button"
        class="btn btn-outline-light text-nowrap mr-lg-0"
        [title]="'cookies.banner.accept_only_required.tooltip' | translate"
        (click)="acceptOnlyRequired()"
      >
        {{ 'cookies.banner.accept_only_required' | translate }}
      </button>
 
      <!-- Set Preferences -->
      <button
        type="button"
        class="btn btn-link text-nowrap me-lg-0"
        routerLink="/cookies"
        [title]="'cookies.banner.set_preferences.tooltip' | translate"
      >
        {{ 'cookies.banner.set_preferences' | translate }}
      </button>
    </div>
  </div>
</div>