diff options
| author | Drew DeVault <sir@cmpwn.com> | 2020-11-13 11:05:10 -0500 |
|---|---|---|
| committer | Drew DeVault <sir@cmpwn.com> | 2020-11-13 11:05:10 -0500 |
| commit | fe32c53a1789b28883069cb492e1eb2a8c42c22f (patch) | |
| tree | d422497e3f6b7796046aa1e7234e067861f8eab5 /themes/alps/compose.html | |
| parent | 86579bb4781c559917d9495eeb982137ade04bac (diff) | |
| download | alps-fe32c53a1789b28883069cb492e1eb2a8c42c22f.tar.gz alps-fe32c53a1789b28883069cb492e1eb2a8c42c22f.zip | |
Improve UI while emails are being sent
Diffstat (limited to 'themes/alps/compose.html')
| -rw-r--r-- | themes/alps/compose.html | 12 |
1 files changed, 9 insertions, 3 deletions
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"}} |