From 4e2158aea44bc2899fcf0b4c59f403d9108c7795 Mon Sep 17 00:00:00 2001
From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com>
Date: Mon, 29 May 2023 01:47:43 +0200
Subject: [PATCH] Added cookies pop-up that you have to accept

---
 Otakians/MainLayout.razor                 |  35 ++++++++++++---
 Otakians/Otakians.csproj                  |   1 +
 Otakians/Pages/Chatting.razor             |   4 +-
 Otakians/Pages/Cookies.razor              |  39 +++++++++++++++++
 Otakians/Pages/Index.razor                |   6 ++-
 Otakians/Program.cs                       |   3 ++
 Otakians/Services/DataCollectorService.cs |  51 ++++++++++++++++++++--
 Otakians/wwwroot/images/CookiesImage.jpg  | Bin 0 -> 11147 bytes
 Otakians/wwwroot/index.html               |  12 +++++
 Otakians/wwwroot/jsFunctions.js           |  18 +++++++-
 10 files changed, 156 insertions(+), 13 deletions(-)
 create mode 100644 Otakians/Pages/Cookies.razor
 create mode 100644 Otakians/wwwroot/images/CookiesImage.jpg

diff --git a/Otakians/MainLayout.razor b/Otakians/MainLayout.razor
index 2e6c7fd..4f59613 100644
--- a/Otakians/MainLayout.razor
+++ b/Otakians/MainLayout.razor
@@ -5,7 +5,6 @@
 @inject Blazored.LocalStorage.ILocalStorageService localStorage
 @inject NavigationManager NavManager
 @inject ISnackbar Snackbar
-@inject DataCollectorService DCollector
 
 <MudLayout Class="overflow-hidden">
     <MudAppBar Elevation="1">
@@ -125,8 +124,7 @@
 
     protected async Task DebugButton()
     {
-        ipAddress = (await DCollector.GetBrowserInfo()).ToString();
-        Console.WriteLine(ipAddress);
+
     }
 
     #region Drawers and overlays
@@ -206,6 +204,7 @@
     async void Logout()
     {
         await localStorage.RemoveItemAsync("User");
+        await localStorage.RemoveItemAsync("AcceptedCookies");
         RefreshPage();
     }
 
@@ -253,10 +252,36 @@
 
     protected override async Task OnInitializedAsync()
     {
-        StateHasChanged();
+        NavManager.LocationChanged += OnNavigated;
+        await CheckCookiesCheck();
+
         CheckLoggedin();
     }
 
+    async void OnNavigated(object sender, LocationChangedEventArgs e)
+    {
+        await CheckCookiesCheck();
+    }
+
+    async Task CheckCookiesCheck()
+    {
+        string relativeUri = NavManager.ToBaseRelativePath(NavManager.Uri);
+        relativeUri = (relativeUri == "") ? "Bypassss" : relativeUri;
+        if (!(new string[] { "Privacy", "Cookies", "TOS" }.Any(relativeUri.Contains)))
+        {
+            bool? haveAcceptedCookies = await localStorage.GetItemAsync<bool?>("AcceptedCookies");
+            if (haveAcceptedCookies == null || !(bool)haveAcceptedCookies)
+            {
+                NavManager.LocationChanged -= OnNavigated;
+                NavManager.NavigateTo("/Cookies");
+                NavManager.LocationChanged += OnNavigated;
+                await Task.Delay(500);
+                if (relativeUri != "Bypassss")
+                    Snackbar.Add("Cookies not accepted, detected!", Severity.Warning);
+            }
+        }
+    }
+
     async void CheckLoggedin()
     {
         string? name = await localStorage.GetItemAsStringAsync("User");
@@ -275,7 +300,7 @@
 
     private void RefreshPage()
     {
-        NavManager.NavigateTo(NavManager.Uri, forceLoad: true);
+        NavManager.NavigateTo("/", forceLoad: true);
     }
 
     public class User
diff --git a/Otakians/Otakians.csproj b/Otakians/Otakians.csproj
index c979e28..b44ada4 100644
--- a/Otakians/Otakians.csproj
+++ b/Otakians/Otakians.csproj
@@ -7,6 +7,7 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazor-Analytics" Version="3.11.0" />
     <PackageReference Include="Blazored.LocalStorage" Version="4.3.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.4" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.4" PrivateAssets="all" />
diff --git a/Otakians/Pages/Chatting.razor b/Otakians/Pages/Chatting.razor
index d904d0e..50da096 100644
--- a/Otakians/Pages/Chatting.razor
+++ b/Otakians/Pages/Chatting.razor
@@ -128,7 +128,7 @@
     }
 
     bool isLooping = false;
-    private async Task StartLoop()
+    private async void StartLoop()
     {
         if (isLooping)
             return;
@@ -140,7 +140,7 @@
             messages = await messageService.GetMessages();
             Console.WriteLine("Chat updated!");
 
-            await Task.Delay(10000);
+            await Task.Delay(20000);
         }
     }
 
diff --git a/Otakians/Pages/Cookies.razor b/Otakians/Pages/Cookies.razor
new file mode 100644
index 0000000..6361778
--- /dev/null
+++ b/Otakians/Pages/Cookies.razor
@@ -0,0 +1,39 @@
+@page "/Cookies"
+@inject NavigationManager NavManager
+@inject Blazored.LocalStorage.ILocalStorageService localStorage
+
+<MudOverlay ZIndex="1400" DarkBackground="true" Visible=true Style="backdrop-filter:blur(5px)">
+    <MudCard>
+        <MudCardMedia Image="images/CookiesImage.jpg" Height="200" />
+        <MudCardContent>
+            <MudText Typo="Typo.h5">Cookies, local storage, and Privacy policy</MudText>
+            <MudText Typo="Typo.body1">This site <b>does not</b> use cookies!</MudText>
+            <MudText Typo="Typo.body2">This uses local storage, instead.</MudText>
+            <br/>
+            <MudText Typo="Typo.body2">Do you agree to our privacy policy and accept the use of local storage?</MudText>
+        </MudCardContent>
+        <MudCardActions Class="justify-end">
+            <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick='()=>NavManager.NavigateTo("/Privacy")'>Privacy policy</MudButton>
+            <MudSpacer/>
+            <MudButton Variant="Variant.Text" Color="Color.Success" OnClick="AcceptedCookies">Accept</MudButton>
+            <MudButton Variant="Variant.Text" Color="Color.Error" OnClick='()=>NavManager.NavigateTo("https://www.youtube.com/watch?v=gokdrC4gQA4", replace: true)'>Decline</MudButton>
+        </MudCardActions>
+    </MudCard>
+</MudOverlay>
+
+@code{
+    protected override async Task OnInitializedAsync()
+    {
+        bool? haveAcceptedCookies = await localStorage.GetItemAsync<bool?>("AcceptedCookies");
+        if (haveAcceptedCookies == null) return;
+        if (!(bool)haveAcceptedCookies) return;
+
+        NavManager.NavigateTo("/");
+    }
+
+    async void AcceptedCookies()
+    {
+        await localStorage.SetItemAsync<bool>("AcceptedCookies", true);
+        NavManager.NavigateTo("/Posts");
+    }
+}
\ No newline at end of file
diff --git a/Otakians/Pages/Index.razor b/Otakians/Pages/Index.razor
index 0c70bdd..bf1f11b 100644
--- a/Otakians/Pages/Index.razor
+++ b/Otakians/Pages/Index.razor
@@ -1,11 +1,13 @@
 @page "/"
 @inject NavigationManager NavManager
+@inject DataCollectorService DCollector
+
 
 <h1>2nd loading... Please wait</h1>
 
 @code {
-    protected override void OnInitialized()
+    protected override async Task OnInitializedAsync()
     {
-        NavManager.NavigateTo("/Posts");
+        //await DCollector.PushDataToAnalytics();
     }
 }
\ No newline at end of file
diff --git a/Otakians/Program.cs b/Otakians/Program.cs
index 614c2b0..7a5f769 100644
--- a/Otakians/Program.cs
+++ b/Otakians/Program.cs
@@ -8,6 +8,7 @@ using System.Security.Cryptography;
 using System.Text;
 using MudBlazor;
 using Otakians.Services;
+using Blazor.Analytics;
 
 internal class Program
 {
@@ -25,6 +26,8 @@ internal class Program
         builder.Services.AddBlazoredLocalStorage(config =>
             config.JsonSerializerOptions.WriteIndented = true);  // local storage
 
+        builder.Services.AddGoogleAnalytics("GT-TB78HCS");
+
         builder.Services.AddScoped<MessageService>();
         builder.Services.AddScoped<DataCollectorService>();
 
diff --git a/Otakians/Services/DataCollectorService.cs b/Otakians/Services/DataCollectorService.cs
index ce4120b..14e6c04 100644
--- a/Otakians/Services/DataCollectorService.cs
+++ b/Otakians/Services/DataCollectorService.cs
@@ -1,8 +1,11 @@
-using DataStructs;
+using Otakians.DataStructs;
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
 using System.Threading.Tasks;
 using System;
+using System.Drawing;
+using System.Text.Json;
+using System.Text;
 
 namespace Otakians.Services
 {
@@ -10,11 +13,13 @@ namespace Otakians.Services
     {
         private readonly IJSRuntime jsRuntime;
         private readonly NavigationManager navigationManager;
+        private readonly HttpClient httpClient;
 
-        public DataCollectorService(IJSRuntime jsRuntime, NavigationManager navigation)
+        public DataCollectorService(IJSRuntime jsRuntime, NavigationManager navigation, HttpClient httpClient)
         {
             this.jsRuntime = jsRuntime;
             this.navigationManager = navigation;
+            this.httpClient = httpClient;
         }
 
         public async Task<string> GetIPAddress()
@@ -27,10 +32,43 @@ namespace Otakians.Services
             var browserInfo = await jsRuntime.InvokeAsync<BrowserInfo>("getBrowserInfo");
             return browserInfo;
         }
+
+        private async Task<Geolocation> GetGeolocation()
+        {
+            var position = await jsRuntime.InvokeAsync<Geolocation>("getCurrentPosition");
+            return position;
+        }
+
+        public async Task PushDataToAnalytics()
+        {
+            if (string.IsNullOrEmpty(Program.LoggedInName))
+            {
+                await Console.Out.WriteLineAsync("User not logged in. Canceling data push");
+                return;
+            }
+
+            var currentTime = DateTimeOffset.UtcNow.ToUnixTimeSeconds();
+            var analyticsUrl = "https://globalchat-4a89f-default-rtdb.europe-west1.firebasedatabase.app/Database/Analytics.json";
+
+            var dataObject = new
+            {
+                Username = Program.LoggedInName,
+                Time = currentTime,
+                Data = new 
+                { 
+                    ipAddress = await GetIPAddress(),
+                    browserInfo = await GetBrowserInfo()
+                }
+            };
+
+            var jsonContent = new StringContent(JsonSerializer.Serialize(dataObject), Encoding.UTF8, "application/json");
+
+            var response = await httpClient.PostAsync(analyticsUrl, jsonContent);
+        }
     }
 }
 
-namespace DataStructs
+namespace Otakians.DataStructs
 {
     public class BrowserInfo
     {
@@ -56,4 +94,11 @@ namespace DataStructs
         }
     }
 
+    public class Geolocation
+    {
+        public double? latitude { get; set; }
+        public double? longitude { get; set; }
+    }
+
+
 }
diff --git a/Otakians/wwwroot/images/CookiesImage.jpg b/Otakians/wwwroot/images/CookiesImage.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..90b164b3112c6830fc4f6693754bc49b7898d62c
GIT binary patch
literal 11147
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

literal 0
HcmV?d00001

diff --git a/Otakians/wwwroot/index.html b/Otakians/wwwroot/index.html
index 52e5cce..042f8ab 100644
--- a/Otakians/wwwroot/index.html
+++ b/Otakians/wwwroot/index.html
@@ -30,6 +30,18 @@
     <script src="_framework/blazor.webassembly.js"></script>
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
     <script src="/jsFunctions.js"></script>
+
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-W0L355ZGK7"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-W0L355ZGK7');
+    </script>
+
 </body>
 
 </html>
diff --git a/Otakians/wwwroot/jsFunctions.js b/Otakians/wwwroot/jsFunctions.js
index fe7465b..0dbd3a8 100644
--- a/Otakians/wwwroot/jsFunctions.js
+++ b/Otakians/wwwroot/jsFunctions.js
@@ -18,4 +18,20 @@ function getBrowserInfo() {
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
         userAgent: navigator.userAgent
     };
-}
\ No newline at end of file
+}
+
+window.getCurrentPosition = () => {
+    return new Promise((resolve, reject) => {
+        navigator.geolocation.getCurrentPosition(
+            position => {
+                resolve({
+                    latitude: position.coords.latitude,
+                    longitude: position.coords.longitude
+                });
+            },
+            error => {
+                reject(error);
+            }
+        );
+    });
+};