From f8a1bed5642d6562cdbc7a4ac96c747e4b71c0d9 Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Fri, 11 Aug 2023 19:12:43 -0700
Subject: [PATCH] More status options and fixes

---
 web/static/css/chat.css |  1 +
 web/templates/chat.html | 26 +++++++++++++++++---------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/web/static/css/chat.css b/web/static/css/chat.css
index 4d6bef8..0e0fa76 100644
--- a/web/static/css/chat.css
+++ b/web/static/css/chat.css
@@ -283,6 +283,7 @@ div.feed.popped-out {
     position: absolute;
     top: 14px;
     left: 16px;
+    text-shadow: 0px 0px 4px #000;
 }
 
 /* Cursors */
diff --git a/web/templates/chat.html b/web/templates/chat.html
index f31753b..75cf799 100644
--- a/web/templates/chat.html
+++ b/web/templates/chat.html
@@ -1067,15 +1067,21 @@
                         <div class="column">
                             <div class="select is-small is-fullwidth">
                                 <select v-model="status">
-                                    <option value="online">☀️ Active</option>
-                                    <option value="away">🕒 Away</option>
-                                    <option value="brb">⏰ Be right back</option>
-                                    <option value="lunch">🍴 Out to lunch</option>
-                                    <option value="call">📞 On the phone</option>
-                                    <option value="busy">💼 Working</option>
-                                    <option value="horny" v-if="config.permitNSFW">🔥 Horny</option>
-                                    <option value="idle" v-show="status==='idle'">🕒 Idle</option>
-                                    <option value="hidden" v-if="jwt.claims != undefined && jwt.claims.op">🕵️ Hidden</option>
+                                    <optgroup label="Status">
+                                        <option value="online">☀️ Active</option>
+                                        <option value="away">🕒 Away</option>
+                                        <option value="brb">⏰ Be right back</option>
+                                        <option value="lunch">🍴 Out to lunch</option>
+                                        <option value="call">📞 On the phone</option>
+                                        <option value="busy">💼 Working</option>
+                                        <option value="idle" v-show="status==='idle'">🕒 Idle</option>
+                                        <option value="hidden" v-if="jwt.claims != undefined && jwt.claims.op">🕵️ Hidden</option>
+                                    </optgroup>
+                                    <optgroup label="Mood">
+                                        <option value="chatty">🗫 Chatty and sociable</option>
+                                        <option value="introverted">🥄 Introverted and quiet</option>
+                                        <option value="horny" v-if="config.permitNSFW">🔥 Horny</option>
+                                    </optgroup>
                                 </select>
                             </div>
                         </div>
@@ -1143,6 +1149,8 @@
                                             <i v-else-if="u.status === 'busy'" class="fa fa-briefcase has-text-light" title="Status: Working"></i>
                                             <i v-else-if="u.status === 'idle'" class="fa-regular fa-moon has-text-light" title="Status: Idle"></i>
                                             <i v-else-if="u.status === 'horny'" class="fa fa-fire has-text-light" title="Status: Horny"></i>
+                                            <i v-else-if="u.status === 'chatty'" class="fa fa-comment has-text-light" title="Status: Chatty and sociable"></i>
+                                            <i v-else-if="u.status === 'introverted'" class="fa fa-spoon has-text-light" title="Status: Introverted and quiet"></i>
                                             <i v-else class="fa fa-clock has-text-light" :title="'Status: '+u.status"></i>
                                         </div>
                                     </a>