Add 18+ icon to playerList

This commit is contained in:
Natsumi
2025-10-28 17:06:59 +11:00
parent 8e4fea3cc0
commit 27d65646f7
2 changed files with 19 additions and 9 deletions
+8 -1
View File
@@ -1082,6 +1082,7 @@ export const useInstanceStore = defineStore('Instance', () => {
let isMuted = false; let isMuted = false;
let isAvatarInteractionDisabled = false; let isAvatarInteractionDisabled = false;
let isChatBoxMuted = false; let isChatBoxMuted = false;
let ageVerified = false;
photonStore.photonLobbyCurrent.forEach((ref1, id) => { photonStore.photonLobbyCurrent.forEach((ref1, id) => {
if (typeof ref1 !== 'undefined') { if (typeof ref1 !== 'undefined') {
if ( if (
@@ -1143,6 +1144,7 @@ export const useInstanceStore = defineStore('Instance', () => {
isAvatarInteractionDisabled = isAvatarInteractionDisabled =
ref.$moderations.isAvatarInteractionDisabled; ref.$moderations.isAvatarInteractionDisabled;
isChatBoxMuted = ref.$moderations.isChatBoxMuted; isChatBoxMuted = ref.$moderations.isChatBoxMuted;
ageVerified = ref.ageVerificationStatus === '18+';
} }
users.push({ users.push({
ref, ref,
@@ -1155,7 +1157,12 @@ export const useInstanceStore = defineStore('Instance', () => {
inVRMode, inVRMode,
groupOnNameplate, groupOnNameplate,
isFriend, isFriend,
timeoutTime timeoutTime,
isBlocked,
isMuted,
isAvatarInteractionDisabled,
isChatBoxMuted,
ageVerified
}); });
// get block, mute // get block, mute
}; };
+11 -8
View File
@@ -259,35 +259,38 @@
sortable sortable
:sort-method="sortInstanceIcon"> :sort-method="sortInstanceIcon">
<template #default="scope"> <template #default="scope">
<span></span>
<el-tooltip v-if="scope.row.isMaster" placement="left" content="Instance Master"> <el-tooltip v-if="scope.row.isMaster" placement="left" content="Instance Master">
<span>👑</span> <span>👑</span>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.isModerator" placement="left" content="Moderator"> <el-tooltip v-if="scope.row.isModerator" placement="left" content="Moderator">
<span>⚔️</span> <span>⚔️</span>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.isFriend" placement="left" content="Friend"> <el-tooltip v-if="scope.row.isFriend" placement="left" content="Friend">
<span>💚</span> <span>💚</span>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.isBlocked" placement="left" content="Blocked"> <el-tooltip v-if="scope.row.isBlocked" placement="left" content="Blocked">
<el-icon style="color: red"><CircleClose /></el-icon> <el-icon style="color: red"><CircleClose /></el-icon>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.isMuted" placement="left" content="Muted"> <el-tooltip v-if="scope.row.isMuted" placement="left" content="Muted">
<el-icon style="color: orange"><Mute /></el-icon> <el-icon style="color: orange"><Mute /></el-icon>
</el-tooltip> </el-tooltip>
<el-tooltip <el-tooltip
v-else-if="scope.row.isAvatarInteractionDisabled" v-if="scope.row.isAvatarInteractionDisabled"
placement="left" placement="left"
content="Avatar Interaction Disabled content="Avatar Interaction Disabled
"> ">
<el-icon style="color: orange"><Pointer /></el-icon> <el-icon style="color: orange"><Pointer /></el-icon>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.isChatBoxMuted" placement="left" content="Chatbox Muted"> <el-tooltip v-if="scope.row.isChatBoxMuted" placement="left" content="Chatbox Muted">
<el-icon style="color: orange"><ChatLineRound /></el-icon> <el-icon style="color: orange"><ChatLineRound /></el-icon>
</el-tooltip> </el-tooltip>
<el-tooltip v-else-if="scope.row.timeoutTime" placement="left" content="Timeout"> <el-tooltip v-if="scope.row.timeoutTime" placement="left" content="Timeout">
<span style="color: red">🔴{{ scope.row.timeoutTime }}s</span> <span style="color: red">🔴{{ scope.row.timeoutTime }}s</span>
</el-tooltip> </el-tooltip>
<span v-else></span> <el-tooltip v-if="scope.row.ageVerified" placement="left" content="18+ Verified">
<i class="ri-id-card-line"></i>
</el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="t('table.playerList.platform')" prop="inVRMode" width="90"> <el-table-column :label="t('table.playerList.platform')" prop="inVRMode" width="90">