apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

New status options: Studying and Gaming

Browse Source
This commit is contained in:
Noah 2023-08-19 11:16:20 -07:00
parent 2aea41537b
commit 8e25145bec
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/static/css/chat.css
View File

@ -42,6 +42,14 @@ body {
overflow: auto; 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 * * Main CSS Grid Layout *
************************/ ************************/

6
web/templates/chat.html
View File

@ -1218,6 +1218,8 @@
<option value="lunch">🍴 Out to lunch</option> <option value="lunch">🍴 Out to lunch</option>
<option value="call">📞 On the phone</option> <option value="call">📞 On the phone</option>
<option value="busy">💼 Working</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="idle" v-show="status==='idle'">🕒 Idle</option>
<option value="hidden" v-if="jwt.claims != undefined && jwt.claims.op">🕵️ Hidden</option> <option value="hidden" v-if="jwt.claims != undefined && jwt.claims.op">🕵️ Hidden</option>
</optgroup> </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 === '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 === '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 === '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 === '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 === '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 === '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 === '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> <i v-else class="fa fa-clock has-text-light" :title="'Status: '+u.status"></i>
</div> </div>
</a> </a>