feat: add "accept only essential" cookies to Cookie Consent banner (#…

…1430)

* updated documentation cookie banner image with 3 options

src/app/shell/application/cookies-banner/cookies-banner.component.html

@@ -10,7 +10,11 @@
     {{ 'cookies.banner.accept_all' | translate }}
   </button>
 
-  <button type="button" class="btn btn-outline-light float-right" routerLink="/cookies">
+  <button type="button" class="btn btn-outline-light float-right" (click)="acceptOnlyRequired()">
+    {{ 'cookies.banner.accept_only_required' | translate }}
+  </button>
+
+  <button type="button" class="btn btn-link float-right" routerLink="/cookies">
     {{ 'cookies.banner.set_preferences' | translate }}
   </button>
 </div>

src/app/shell/application/cookies-banner/cookies-banner.component.ts

@@ -52,4 +52,8 @@ export class CookiesBannerComponent implements OnInit {
       this.cookiesService.setCookiesConsentForAll();
     }
   }
+
+  acceptOnlyRequired() {
+    this.cookiesService.setCookiesConsentFor(['required']);
+  }
 }

src/assets/i18n/de_DE.json

@@ -805,6 +805,7 @@
   "cookie.consent.option.tracking.name": "Tracking und Performance",
   "cookie.preferences.heading": "Cookie-Einstellungen",
   "cookies.banner.accept_all": "Alle akzeptieren",
+  "cookies.banner.accept_only_required": "Nur notwendige akzeptieren",
   "cookies.banner.set_preferences": "Einstellungen anpassen",
   "cookies.banner.text": "<h4>Ihre Privatsphäre ist uns wichtig</h4><p>Diese Website verwendet Cookies und andere Technologien, um unsere Website sicher zu halten, ihre Leistung zu messen, den Inhalt zu personalisieren und Ihre Nutzung unserer Website zu verbessern. Zu diesem Zweck erfassen wir Daten über Benutzer und deren Verhalten.<br/>Mit der Entscheidung für \"Alle akzeptieren\" stimmen Sie der Verwendung aller Cookies zu. Für weitere Informationen und Anpassung Ihrer Einstellungen wählen Sie \"Einstellungen anpassen\". Detailliertere Informationen finden Sie in unserer <a href=\"page://page.privacyPolicy.pagelet2-Page\">Datenschutzerklärung</a>.</p>",
   "cookies.modal.accept_all": "Alle akzeptieren",

src/assets/i18n/en_US.json

@@ -805,6 +805,7 @@
   "cookie.consent.option.tracking.name": "Tracking and Performance",
   "cookie.preferences.heading": "Cookie Preferences",
   "cookies.banner.accept_all": "Accept All",
+  "cookies.banner.accept_only_required": "Accept Only Essential",
   "cookies.banner.set_preferences": "Set Preferences",
   "cookies.banner.text": "<h4>Your privacy is important for us</h4><p>This website uses cookies and other technologies to keep our site secure, to measure the performance, to personalize the content and to improve your experience on our site. Therefore we track data about users and their behavior.<br/>By confirming \"Accept all\" you agree to the use of all cookies. Select the button \"Set Preferences\" for further details and to manage your options. More detailed information is provided in our <a href=\"page://page.privacyPolicy.pagelet2-Page\">Privacy Policy</a>.</p>",
   "cookies.modal.accept_all": "Accept All",

src/assets/i18n/fr_FR.json

@@ -805,6 +805,7 @@
   "cookie.consent.option.tracking.name": "Suivi et performance",
   "cookie.preferences.heading": "Préférences pour les cookies",
   "cookies.banner.accept_all": "Autoriser tous",
+  "cookies.banner.accept_only_required": "N’accepter que les essentiels",
   "cookies.banner.set_preferences": "Définir les préférences",
   "cookies.banner.text": "<h4>La protection de vos données est fondamentale pour nous</h4><p>Ce site web utilise des cookies et d’autres technologies pour assurer la sécurité de notre site, pour mesurer les performances, pour personnaliser le contenu et pour améliorer votre expérience sur notre site. Nous suivons donc les données sur les utilisateurs et leur comportement.<br/>En confirmant \"Autoriser tous\", vous acceptez l’utilisation de tous les cookies. Cliquez sur \"Définir les préférences\" pour plus de détails et pour gérer vos options. Vous trouverez des informations plus détaillées dans notre <a href=\"page://page.privacyPolicy.pagelet2-Page\">Politique de confidentialité</a>.</p>",
   "cookies.modal.accept_all": "Autoriser tous",

src/styles/components/cookies.scss

@@ -12,7 +12,8 @@
     color: $color-inverse;
   }
 
-  a {
+  a,
+  .btn-link {
     color: $color-inverse !important;
     text-decoration: underline;