MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

move cookie consent pop up so the "skip to main content" button is the first clickable link

This commit is contained in:
mchouliara 2024-10-01 15:47:56 +03:00
parent f2a0b79eb7
commit 7bf02bb6d8
2 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/app.component.html
View File

@ -4,6 +4,7 @@
[nextText]="'DASHBOARD.TOUR-GUIDE.GOT-IT'| translate" [nextText]="'DASHBOARD.TOUR-GUIDE.GOT-IT'| translate"
></ngx-guided-tour> ></ngx-guided-tour>
<button class="skip-to-main-content" (click)="skipToMain()" tabindex="1">{{'ALT-TEXT.SKIP-TO-MAIN-CONTENT' | translate}}</button> <button class="skip-to-main-content" (click)="skipToMain()" tabindex="1">{{'ALT-TEXT.SKIP-TO-MAIN-CONTENT' | translate}}</button>
<div id="cookies-consent"></div>
<div class="wrapper" *ngIf="!showOnlyRouterOutlet"> <div class="wrapper" *ngIf="!showOnlyRouterOutlet">
<app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar> <app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar>
<mat-sidenav-container fullscreen class="main-container"> <mat-sidenav-container fullscreen class="main-container">

2
frontend/src/app/app.component.ts
View File

@ -137,6 +137,7 @@ export class AppComponent implements OnInit, AfterViewInit {
if (child.snapshot.data && child.snapshot.data.showOnlyRouterOutlet) { if (child.snapshot.data && child.snapshot.data.showOnlyRouterOutlet) {
this.showOnlyRouterOutlet = true; this.showOnlyRouterOutlet = true;
this.ccService.getConfig().enabled = false; this.ccService.getConfig().enabled = false;
this.ccService.getConfig().container = document.getElementById('cookies-consent');
this.ccService.destroy(); this.ccService.destroy();
this.ccService.init(this.ccService.getConfig()); this.ccService.init(this.ccService.getConfig());
} else { } else {
@ -146,6 +147,7 @@ export class AppComponent implements OnInit, AfterViewInit {
} else { } else {
this.ccService.getConfig().enabled = true; this.ccService.getConfig().enabled = true;
} }
this.ccService.getConfig().container = document.getElementById('cookies-consent');
this.ccService.destroy(); this.ccService.destroy();
this.ccService.init(this.ccService.getConfig()); this.ccService.init(this.ccService.getConfig());
} }