From c7ea3418c2b39a32b209714dd2a819fa1e19aab1 Mon Sep 17 00:00:00 2001
From: Arnaud Mouronval <arnaud.mouronval@gmail.com>
Date: Fri, 21 Jul 2023 16:42:40 +0200
Subject: [PATCH] chore(demo-consent): Display if cookies are enabled

---
 .../src/app/consent/consent.component.html    |  3 +++
 .../demo/src/app/consent/consent.component.ts | 19 ++++++++++---------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/projects/demo/src/app/consent/consent.component.html b/projects/demo/src/app/consent/consent.component.html
index 6e743e5..0059ca1 100644
--- a/projects/demo/src/app/consent/consent.component.html
+++ b/projects/demo/src/app/consent/consent.component.html
@@ -6,6 +6,9 @@ <h2>User consent for tracking</h2>
     If you have configured the Matomo tracker to expect consent for tracking, then no tracking will
     occur until consent is given.
   </p>
+  <p>
+    Is Matomo using cookies? <kbd>{{ hasCookies }}</kbd>
+  </p>
   <footer>
     <div class="grid">
       <button class="primary" (click)="onGiveConsent($event)">Give Consent</button>
diff --git a/projects/demo/src/app/consent/consent.component.ts b/projects/demo/src/app/consent/consent.component.ts
index fed31df..2cec729 100644
--- a/projects/demo/src/app/consent/consent.component.ts
+++ b/projects/demo/src/app/consent/consent.component.ts
@@ -9,28 +9,29 @@ import { MatomoTracker } from 'ngx-matomo';
 })
 export class ConsentComponent implements OnInit {
   private readonly matomoTracker = inject(MatomoTracker);
+  public hasCookies: boolean = false;
 
   public readonly giveConsentCode = 'this.matomoTracker.setConsentGiven();';
   public readonly removeConsentCode = 'this.matomoTracker.forgetConsentGiven();';
   public readonly hasCookiesCode = 'this.matomoTracker.hasCookies().then(console.log);';
 
   ngOnInit(): void {
-    this.matomoTracker
-      .hasCookies()
-      .then((hasCookies: boolean) => console.log('Has Cookies:', hasCookies));
+    this.matomoTracker.hasCookies().then((it) => {
+      this.hasCookies = it;
+    });
   }
 
   onGiveConsent(event: MouseEvent): void {
     this.matomoTracker.setConsentGiven();
-    this.matomoTracker
-      .hasCookies()
-      .then((hasCookies: boolean) => console.log('Has Cookies:', hasCookies));
+    this.matomoTracker.hasCookies().then((it) => {
+      this.hasCookies = it;
+    });
   }
 
   onRemoveConsent(event: MouseEvent): void {
     this.matomoTracker.forgetConsentGiven();
-    this.matomoTracker
-      .hasCookies()
-      .then((hasCookies: boolean) => console.log('Has Cookies:', hasCookies));
+    this.matomoTracker.hasCookies().then((it) => {
+      this.hasCookies = it;
+    });
   }
 }