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

More status options and fixes

Browse Source
This commit is contained in:
Noah 2023-08-11 19:12:43 -07:00
parent 51905734e7
commit f8a1bed564
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -283,6 +283,7 @@ div.feed.popped-out {
position: absolute; position: absolute;
top: 14px; top: 14px;
left: 16px; left: 16px;
text-shadow: 0px 0px 4px #000;
} }
/* Cursors */ /* Cursors */

10
web/templates/chat.html
View File

@ -1067,15 +1067,21 @@
<div class="column"> <div class="column">
<div class="select is-small is-fullwidth"> <div class="select is-small is-fullwidth">
<select v-model="status"> <select v-model="status">
<optgroup label="Status">
<option value="online">☀️ Active</option> <option value="online">☀️ Active</option>
<option value="away">🕒 Away</option> <option value="away">🕒 Away</option>
<option value="brb">⏰ Be right back</option> <option value="brb">⏰ Be right back</option>
<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="horny" v-if="config.permitNSFW">🔥 Horny</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 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> </select>
</div> </div>
</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 === '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 === '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 === '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> <i v-else class="fa fa-clock has-text-light" :title="'Status: '+u.status"></i>
</div> </div>
</a> </a>