From fe32c53a1789b28883069cb492e1eb2a8c42c22f Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Fri, 13 Nov 2020 11:05:10 -0500
Subject: Improve UI while emails are being sent

---
 themes/alps/compose.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'themes/alps/compose.html')

diff --git a/themes/alps/compose.html b/themes/alps/compose.html
index a8b6815..4c272c5 100644
--- a/themes/alps/compose.html
+++ b/themes/alps/compose.html
@@ -8,7 +8,7 @@
   <div class="container">
     <main class="create-update">
 
-      <form method="post" enctype="multipart/form-data">
+      <form method="post" enctype="multipart/form-data" id="compose-form">
         <input type="hidden" name="message_id" value="{{.Message.MessageID}}">
         <input type="hidden" name="in_reply_to" value="{{.Message.InReplyTo}}">
 
@@ -62,7 +62,13 @@
           <input type="hidden" id="attachment-uuids" name="attachment-uuids" value="" />
         </div>
 
-        <textarea name="text" class="body">{{.Message.Text}}</textarea>
+        <div class="text">
+          <textarea name="text" class="body">{{.Message.Text}}</textarea>
+          <div id="send-progress" style="display: none">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z"/></svg>
+            <span>Sending message...</span>
+          </div>
+        </div>
 
         <datalist id="emails">
           {{range .Extra.EmailSuggestions}}
@@ -80,6 +86,6 @@
     </main>
   </div>
 </div>
-<script src="/themes/alps/assets/attachments.js"></script>
+<script src="/themes/alps/assets/compose.js"></script>
 
 {{template "foot.html"}}
-- 
cgit v1.2.3