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

Small tweaks

Browse Source
This commit is contained in:
Noah 2023-09-07 20:26:06 -07:00
parent 8853f9882b
commit d7226e7f1d
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.vue
View File

@ -3499,6 +3499,7 @@ export default {
<MessageBox <MessageBox
v-else v-else
:message="msg" :message="msg"
:position="i"
:user="getUser(msg.username)" :user="getUser(msg.username)"
:username="username" :username="username"
:website-url="config.website" :website-url="config.website"

3
src/components/MessageBox.vue
View File

@ -9,6 +9,7 @@ export default {
isMuted: Boolean, // user is muted by current user isMuted: Boolean, // user is muted by current user
reactions: Object, // emoji reactions on the message reactions: Object, // emoji reactions on the message
reportEnabled: Boolean, // Report Message webhook is available reportEnabled: Boolean, // Report Message webhook is available
position: Number, // position of the message (0 to n), for the emoji menu to know which side to pop
isDm: Boolean, // is in a DM thread (hide DM buttons) isDm: Boolean, // is in a DM thread (hide DM buttons)
isOp: Boolean, // current user is Operator (always show takeback button) isOp: Boolean, // current user is Operator (always show takeback button)
noButtons: Boolean, // hide all message buttons (e.g. for Report Modal) noButtons: Boolean, // hide all message buttons (e.g. for Report Modal)
@ -240,7 +241,7 @@ export default {
</div> </div>
<!-- Emoji reactions menu --> <!-- Emoji reactions menu -->
<div class="column dropdown is-right" :class="{ 'is-up': i >= 2 }" <div class="column dropdown is-right" :class="{ 'is-up': position >= 2 }"
onclick="this.classList.toggle('is-active')"> onclick="this.classList.toggle('is-active')">
<div class="dropdown-trigger"> <div class="dropdown-trigger">
<button class="button is-small px-2" aria-haspopup="true" <button class="button is-small px-2" aria-haspopup="true"

11
src/components/WhoListRow.vue
View File

@ -189,8 +189,8 @@ export default {
:title="vipConfig.Name"></sup> :title="vipConfig.Name"></sup>
</div> </div>
<div class="column is-narrow pl-0"> <div class="column is-narrow pl-0">
<!-- Emoji icon --> <!-- Emoji icon (Who's Online tab only) -->
<span v-if="user.emoji" class="pr-1 cursor-default" :title="user.emoji"> <span v-if="user.emoji && !isWatchingTab" class="pr-1 cursor-default" :title="user.emoji">
{{ user.emoji.split(" ")[0] }} {{ user.emoji.split(" ")[0] }}
</span> </span>
@ -214,9 +214,8 @@ export default {
<i class="fa" :class="{ 'fa-comment': !user.dnd, 'fa-comment-slash': user.dnd }"></i> <i class="fa" :class="{ 'fa-comment': !user.dnd, 'fa-comment-slash': user.dnd }"></i>
</button> </button>
<!-- Video button (Who List tab) --> <!-- Video button -->
<button type="button" class="button is-small px-2 py-1" <button type="button" class="button is-small px-2 py-1"
v-if="!isWatchingTab"
:disabled="!(user.video & VideoFlag.Active)" :disabled="!(user.video & VideoFlag.Active)"
:class="videoButtonClass" :class="videoButtonClass"
:title="videoButtonTitle" :title="videoButtonTitle"
@ -224,8 +223,8 @@ export default {
<i class="fa" :class="videoIconClass"></i> <i class="fa" :class="videoIconClass"></i>
</button> </button>
<!-- Boot from Video button (Watching tab) --> <!-- Boot from Video button (Watching tab only) -->
<button v-else type="button" class="button is-small px-2 py-1" <button v-if="isWatchingTab" type="button" class="button is-small px-2 py-1"
@click="bootUser()" @click="bootUser()"
title="Kick this person off your cam"> title="Kick this person off your cam">
<i class="fa fa-user-xmark has-text-danger"></i> <i class="fa fa-user-xmark has-text-danger"></i>