From 859f8348f0dc5cf049295edc3b8afb905612511d Mon Sep 17 00:00:00 2001
From: Gordon Pedersen <death.au@death.id.au>
Date: Tue, 16 Jul 2024 09:47:42 +1000
Subject: [PATCH] Added character counter and alert for new statuses

---
 Classes/NavigatorService.cs      |  1 +
 Components/NewStatusDialog.razor | 20 ++++++++++++++++----
 XamlComponents/App.xaml.cs       |  3 ++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/Classes/NavigatorService.cs b/Classes/NavigatorService.cs
index 3099c22..16a2ed1 100644
--- a/Classes/NavigatorService.cs
+++ b/Classes/NavigatorService.cs
@@ -3,5 +3,6 @@
 namespace Neighbourhood.omg.lol {
   public class NavigatorService {
     internal NavigationManager? NavigationManager { get; set; }
+    internal Page? Page { get; set; }
   }
 }
diff --git a/Components/NewStatusDialog.razor b/Components/NewStatusDialog.razor
index 0a6c5a0..ebcc4a8 100644
--- a/Components/NewStatusDialog.razor
+++ b/Components/NewStatusDialog.razor
@@ -2,6 +2,7 @@
 @inject State State
 @inject RestService api
 @inject NavigationManager navigationManager
+@inject NavigatorService navigatorService
 
 <div class="overlay @(Active ? "active" : string.Empty)" data-ui="#@id"></div>
 <dialog id="@id" class="@(Active ? "active" : string.Empty)" open="@Active">
@@ -27,7 +28,8 @@
       </button>
     </div>
     <div class="field textarea border max">
-      <InputTextArea @bind-Value="Content"></InputTextArea>
+      <textarea @bind="@Content" @bind:event="oninput" />
+      <div class="right-align"><small class="@( Content.Length >= 500 ? "red" : Content.Length >= 260 ? "yellow-text" : "")">@Content.Length / 500</small></div>
     </div>
   </div>
   <nav class="right-align no-space">
@@ -66,16 +68,26 @@
 
   public async Task PostStatus() {
 
-    StatusPost post = new StatusPost
-      {
+    StatusPost post = new StatusPost {
         Emoji = Emoji,
         Content = Content
       };
 
-    if (State?.SelectedAddress?.Preferences?.Statuslog?.MastodonPosting ?? false){
+    if (State?.SelectedAddress?.Preferences?.Statuslog?.MastodonPosting ?? false) {
       post.SkipMastodonPost = !postToMastodon;
     }
 
+    if(Content.Length >= 500) {
+      bool answer = await navigatorService.Page!.DisplayAlert(
+        "Character limit reached", 
+        "Your message is over 500 characters, which is a lot for a status.\n"
+        + ((postToMastodon && !(post.SkipMastodonPost ?? true))? "If you continue, your post will not make it over to Mastodon.\n" : "")
+        + "Do you wish to post it anyway?",
+        "Yes", "No"
+      );
+      if (!answer) return;
+    }
+
     loading = true;
     await InvokeAsync(StateHasChanged);
     var result = await api.StatusPost(State!.SelectedAddressName!, post);
diff --git a/XamlComponents/App.xaml.cs b/XamlComponents/App.xaml.cs
index c8f0e75..5bd1923 100644
--- a/XamlComponents/App.xaml.cs
+++ b/XamlComponents/App.xaml.cs
@@ -18,7 +18,8 @@ namespace Neighbourhood.omg.lol {
     protected override Window CreateWindow(IActivationState? activationState) {
       // always create new windows. This allows share intents to not crash on android
       // (with the side effect that multiple windows are opened, which is messy but better than a crash)
-      return new Window(new AppShell());
+      NavigatorService.Page = new AppShell();
+      return new Window(NavigatorService.Page);
     }
   }
 }