From 4392fdde95ebe19e33d96644dba0175adfb3c9a7 Mon Sep 17 00:00:00 2001
From: Aaron Parecki <aaron@parecki.com>
Date: Sat, 7 Oct 2023 22:39:21 +0000
Subject: [PATCH] add char counter for bluesky and mastodon. add published
 field to note interface

---
 public/images/bluesky.png  | Bin 0 -> 769 bytes
 public/images/mastodon.ico | Bin 0 -> 15086 bytes
 views/new-post.php         |  48 +++++++++++++++++++++++++++++++++++--
 3 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 public/images/bluesky.png
 create mode 100644 public/images/mastodon.ico

diff --git a/public/images/bluesky.png b/public/images/bluesky.png
new file mode 100644
index 0000000000000000000000000000000000000000..869f6df5fc6bdd2c78f2ac91679fb6814f999485
GIT binary patch
literal 769
zcmV+c1OEJpP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008WNkl<ZSVyf_
zy=qiJ6#mY|G%5%_gq5|8;7drb(?W0+5sg7YL=+K);7@NEyCA-V5D;rCAHpiyB+Phb
z?wz~mo}Du@ciAbj*_}Cm-}xt`v+XbABJQBWEqGi7{CU2jcpd)w@mo(3zPBHKP5=1$
zFQz-f2@dg<{v_7GZGQz@_{?0d^TTue*$YmBatgEyU%vF@*_bo_;TWe_;0ygG1j{es
z8(-Xj_g$8+W&KjkB|`eGG-LpjKOF!3ozb{Sxa)WLhXdxYH40CRbIcO-Qh3fK3ALO>
zk(N&3+#cbc|G}DEi?B-~EnqFk714wzyTjurVc}0$_=QPe<%C<%))Y&0S$g_QxbK2L
z+U+etTT^EBo?(CBLS))$l?${<U>PvSSYcvDx^xH+S%FQRHQYpaG$>FamMU7&Z#l6T
z0|BGQtbm1q<r-a>=3*%52~QebP=mL2Z@8JTBNWgUTXjLZq*(ogWX&&h2<$2ZWEHFh
zrxd(SdWIyyvyuxG*CrwAQN=ZcJwt&=Sb)Ro3A(7HccIOt|AkV7ea~4CoiRP5fEgB9
z&8yJP3D1M{K>=x%R3JPV3R|{kNWnTKb!SyF2rnw7IN{Rb|CTq3AK_(V9jIl*?E79@
z!YhHmoOxj4??%&CVkC?puZ=>K<EfKE2A9<@axpQ<f;WQ#jYiByS`uWkgzz>K1Eu1j
z@639jW(=JTL9v*8?~EX9L8R0>8lmEOm`AdHCbG|*PG>2ecue~Tk7Ng8DAg+DEF7RK
zj&U{X$KVY^>3bf_iN|u!%H;ejvB_3S;p-BPE7=f-MIOsP42y{ui%HFbjokBM0`Ow;
ziB~f>tY$D)vyBK8Oo;l`3}H13=OZttomftTJ6camwv6>ZZbN76@?$o7f!(m2rW25W
z<Mq7j*K^|ayp|oUO2(o;tmn=h0o@^<_Urk7BhU|rcvumP00000NkvXXu0mjfO`K<r

literal 0
HcmV?d00001

diff --git a/public/images/mastodon.ico b/public/images/mastodon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..b09a98bb9b0649cb67305b6663bd56b3cfb17222
GIT binary patch
literal 15086
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
J&YPUie*xt08p;3w

literal 0
HcmV?d00001

diff --git a/views/new-post.php b/views/new-post.php
index 9e678b3..ea8eb78 100644
--- a/views/new-post.php
+++ b/views/new-post.php
@@ -46,11 +46,18 @@
         </div>
 
         <div class="form-group">
+          <div id="mastodon_content_remaining" class="mcheck500"><img src="/images/mastodon.ico" width="16"> <span>500</span></div>
           <div id="note_content_remaining" class="pcheck206"><img src="/images/twitter.ico"> <span>280</span></div>
+          <div id="bluesky_content_remaining" class="bcheck256"><img src="/images/bluesky.png" width="16"> <span>256</span></div>
           <label for="note_content">Content</label>
           <textarea id="note_content" value="" class="form-control" style="height: 4em;"></textarea>
         </div>
 
+        <div class="form-group hidden" id="published-field">
+          <label for="note_published_date">Published</label>
+          <input type="text" placeholder="YYYY-MM-DD hh:mm:ss +zz:zz" pattern="\d{4}-\d{2}-\d{2}[ T]\d\d:\d\d:\d\d[ ]?[+\-]\d\d:?\d\d" class="form-control" id="note_published_date">
+        </div>
+        
         <div class="form-group hidden" id="content-type-selection">
           <label for="note_content_type">Content Type</label>
           <select class="form-control" id="note_content_type">
@@ -215,10 +222,11 @@
   margin-bottom: 1em;
 }
 
-#note_content_remaining {
+#note_content_remaining, #mastodon_content_remaining, #bluesky_content_remaining {
   float: right;
   font-size: 0.8em;
   font-weight: bold;
+  margin-left: 10px;
 }
 
 #modal_photo_preview {
@@ -260,6 +268,10 @@
 .pcheck200,.pcheck208 { color: #59cb3a; } /* exactly fits 280 chars, both with or without RT */
 .pcheck413 { color: #a73b3b; } /* over max tweet length */
 
+.lengthOK   { color: #6ba15c; }
+.lengthWARN { color: #c4b404; }
+.lengthOVER { color: #a73b3b; }
+
 .reply-context {
   display: flex;
   flex-direction: row;
@@ -470,12 +482,25 @@ $(function(){
     refreshPhotoPreviews();
     saveNoteState();
   });
+  
+  $("#note_published_date").bind('keyup', function(e) {
+    const valid = document.getElementById("note_published_date").validity;
+    if(valid.patternMismatch) {
+      $("#published-field").addClass("has-error");
+    } else {
+      $("#published-field").removeClass("has-error");
+    }
+  });
 
   $(document).bind('keydown', function(e){
     // Easter egg: press ctrl+shift+c to reveal a content type selection
     if(e.keyCode == 67 && e.ctrlKey && e.shiftKey) {
       $("#content-type-selection").removeClass("hidden");
     }
+    // Easter egg: press ctrl+shift+d to reveal a datetime field
+    if(e.keyCode == 68 && e.ctrlKey && e.shiftKey) {
+      $("#published-field").removeClass("hidden");
+    }
     // Easter egg: press ctrl+shift+m to switch to markdown
     if(e.keyCode == 77 && e.ctrlKey && e.shiftKey) {
       switchToMarkdown();
@@ -599,10 +624,24 @@ $(function(){
     var tweet_length = tw_text_proxy(text).length;
     var tweet_check = tw_length_check(text, 280, "<?= $this->user->twitter_username ?>");
     var remaining = 280 - tweet_length;
-    $("#note_content_remaining span").html(remaining);
+    $("#note_content_remaining span").text(remaining);
     $("#note_content_remaining").removeClass("pcheck200 pcheck206 pcheck207 pcheck208 pcheck413");
     $("#note_content_remaining").addClass("pcheck"+tweet_check);
 
+    $("#mastodon_content_remaining span").text(500 - text.length);
+    $("#mastodon_content_remaining").removeClass("lengthOK lengthWARN lengthOVER");
+    mastodonLengthCheck = "lengthOK";
+    if(text.length > 490) { mastodonLengthCheck = "lengthWARN"; }
+    if(text.length > 500) { mastodonLengthCheck = "lengthOVER"; }
+    $("#mastodon_content_remaining").addClass(mastodonLengthCheck);
+    
+    $("#bluesky_content_remaining span").text(256 - text.length);
+    $("#bluesky_content_remaining").removeClass("lengthOK lengthWARN lengthOVER");
+    blueskyLengthCheck = "lengthOK";
+    if(text.length > 240) { blueskyLengthCheck = "lengthWARN"; }
+    if(text.length > 256) { blueskyLengthCheck = "lengthOVER"; }
+    $("#bluesky_content_remaining").addClass(blueskyLengthCheck);
+
     // If the user didn't enter any categories, add them from the post
     // if(!userHasSetCategory) {
     //   var tags = $("#note_content").val().match(/#[a-z][a-z0-9]+/ig);
@@ -803,6 +842,11 @@ $(function(){
       formData.append('p3k-content-type', $("#note_content_type").val());
     }
 
+    if(!$("#published-field").hasClass("hidden")) {
+      entry['published'] = $("#note_published_date").val();
+      formData.append('published', $("#note_published_date").val());
+    }
+
     // Need to append a placeholder field because if the file size max is hit, $_POST will
     // be empty, so the server needs to be able to recognize a post with only a file vs a failed one.
     // This will be stripped by Quill before it's sent to the Micropub endpoint