From 8e25145bec63fab28f07fbb6da4e281b6cd5fdb5 Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Sat, 19 Aug 2023 11:16:20 -0700
Subject: [PATCH] New status options: Studying and Gaming

---
 web/static/css/chat.css | 8 ++++++++
 web/templates/chat.html | 6 +++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/static/css/chat.css b/web/static/css/chat.css
index bdc7fc9..67e3e8e 100644
--- a/web/static/css/chat.css
+++ b/web/static/css/chat.css
@@ -42,6 +42,14 @@ body {
     overflow: auto;
 }
 
+/* Style fix to center wider icons on the Who's Online status icons */
+.who-status-wide-icon-2 {
+    margin: -2px;
+}
+.who-status-wide-icon-1 {
+    margin: -1px;
+}
+
 /************************
  * Main CSS Grid Layout *
  ************************/
diff --git a/web/templates/chat.html b/web/templates/chat.html
index 1fb42fe..1b316f5 100644
--- a/web/templates/chat.html
+++ b/web/templates/chat.html
@@ -1218,6 +1218,8 @@
                                         <option value="lunch">🍴 Out to lunch</option>
                                         <option value="call">📞 On the phone</option>
                                         <option value="busy">💼 Working</option>
+                                        <option value="book">📖 Studying</option>
+                                        <option value="gaming">🎮 Gaming</option>
                                         <option value="idle" v-show="status==='idle'">🕒 Idle</option>
                                         <option value="hidden" v-if="jwt.claims != undefined && jwt.claims.op">🕵️ Hidden</option>
                                     </optgroup>
@@ -1292,11 +1294,13 @@
                                             <i v-else-if="u.status === 'call'" class="fa fa-phone-volume has-text-light" title="Status: On the phone"></i>
                                             <i v-else-if="u.status === 'brb'" class="fa fa-stopwatch-20 has-text-light" title="Status: Be right back"></i>
                                             <i v-else-if="u.status === 'busy'" class="fa fa-briefcase has-text-light" title="Status: Working"></i>
+                                            <i v-else-if="u.status === 'book'" class="fa fa-book has-text-light" title="Status: Studying"></i>
+                                            <i v-else-if="u.status === 'gaming'" class="fa fa-gamepad who-status-wide-icon-2 has-text-light" title="Status: Gaming"></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-if="u.status === 'exhibitionist'" class="fa-regular fa-eye has-text-light" title="Status: Watch me"></i>
+                                            <i v-else-if="u.status === 'exhibitionist'" class="fa-regular fa-eye who-status-wide-icon-1 has-text-light" title="Status: Watch me"></i>
                                             <i v-else class="fa fa-clock has-text-light" :title="'Status: '+u.status"></i>
                                         </div>
                                     </a>