Cookie banner (#3302)

# Description of Changes Please provide a summary of the changes, including: - Added cookie banner using [Cookie consent](https://github.com/orestbida/cookieconsent)# - Posthog now is disabled using posthogs consent API by default - Posthog will have consent enabled based on events "cc:onConsent" and "cc:onChange" from cookieConsent. Closes #(3298) --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md#6-testing) for more details.
2026-09-13 12:15:29 +02:00 · 2025-04-09 09:55:18 +01:00
parent 606451a589
commit 1b9a75a964
8 changed files with 212 additions and 5 deletions
@@ -0,0 +1,66 @@
+import './cookieconsent.umd.js';
+import 'https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js';
+
+// Enable dark mode
+document.documentElement.classList.add('cc--darkmode');
+
+CookieConsent.run({
+    guiOptions: {
+        consentModal: {
+            layout: "bar",
+            position: "bottom",
+            equalWeightButtons: true,
+            flipButtons: true
+        },
+        preferencesModal: {
+            layout: "box",
+            position: "right",
+            equalWeightButtons: true,
+            flipButtons: true
+        }
+    },
+    categories: {
+        necessary: {
+            readOnly: true
+        },
+        analytics: {}
+    },
+    language: {
+        default: "en",
+        translations: {
+            en: {
+                consentModal: {
+                    title: cookieBannerPopUpTitle,
+                    description: cookieBannerPopUpDescription,
+                    acceptAllBtn: cookieBannerPopUpAcceptAllBtn,
+                    acceptNecessaryBtn: cookieBannerPopUpAcceptNecessaryBtn,
+                    showPreferencesBtn: cookieBannerPopUpShowPreferencesBtn,
+                },
+                preferencesModal: {
+                    title: cookieBannerPreferencesModalTitle,
+                    acceptAllBtn: cookieBannerPreferencesModalAcceptAllBtn,
+                    acceptNecessaryBtn: cookieBannerPreferencesModalAcceptNecessaryBtn,
+                    savePreferencesBtn: cookieBannerPreferencesModalSavePreferencesBtn,
+                    closeIconLabel: cookieBannerPreferencesModalCloseIconLabel,
+                    serviceCounterLabel: cookieBannerPreferencesModalServiceCounterLabel,
+                    sections: [
+                        {
+                            title: cookieBannerPreferencesModalSubtitle,
+                            description: cookieBannerPreferencesModalDescription
+                        },
+                        {
+                            title:cookieBannerPreferencesModalNecessaryTitle,
+                            description: cookieBannerPreferencesModalNecessaryDescription,
+                            linkedCategory: "necessary"
+                        },
+                        {
+                            title: cookieBannerPreferencesModalAnalyticsTitle,
+                            description: cookieBannerPreferencesModalAnalyticsDescription,
+                            linkedCategory: "analytics"
+                        }
+                    ]
+                }
+            }
+        }
+    }
+});