mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-07 14:56:06 +02:00
refactor: split photon related code out of PlayerList
This commit is contained in:
pa
Natsumi
@@ -194,451 +194,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="photonLoggingEnabled" class="photon-event-table">
|
|
||||||
<div style="position: absolute; width: 600px; margin-left: 215px; z-index: 1">
|
|
||||||
<el-select
|
|
||||||
v-model="photonEventTableTypeFilter"
|
|
||||||
multiple
|
|
||||||
clearable
|
|
||||||
collapse-tags
|
|
||||||
style="flex: 1; width: 220px"
|
|
||||||
:placeholder="t('view.player_list.photon.filter_placeholder')"
|
|
||||||
@change="photonEventTableFilterChange">
|
|
||||||
<el-option
|
|
||||||
v-for="type in photonEventTableTypeFilterList"
|
|
||||||
:key="type"
|
|
||||||
:label="type"
|
|
||||||
:value="type"></el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-input
|
|
||||||
v-model="photonEventTableFilter"
|
|
||||||
:placeholder="t('view.player_list.photon.search_placeholder')"
|
|
||||||
clearable
|
|
||||||
style="width: 150px; margin-left: 10px"
|
|
||||||
@input="photonEventTableFilterChange"></el-input>
|
|
||||||
<el-button style="margin-left: 10px" @click="showChatboxBlacklistDialog">{{
|
|
||||||
t('view.player_list.photon.chatbox_blacklist')
|
|
||||||
}}</el-button>
|
|
||||||
<el-tooltip placement="bottom" :content="t('view.player_list.photon.status_tooltip')">
|
|
||||||
<div
|
|
||||||
style="
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 15px;
|
|
||||||
font-size: 14px;
|
|
||||||
vertical-align: text-top;
|
|
||||||
margin-top: 1px;
|
|
||||||
">
|
|
||||||
<span v-if="ipcEnabled && !photonEventIcon">🟢</span>
|
|
||||||
<span v-else-if="ipcEnabled">⚪</span>
|
|
||||||
<span v-else>🔴</span>
|
|
||||||
</div>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<el-tabs type="card">
|
|
||||||
<el-tab-pane :label="t('view.player_list.photon.current')">
|
|
||||||
<DataTable v-bind="photonEventTable" style="margin-bottom: 10px">
|
|
||||||
<el-table-column :label="t('table.playerList.date')" prop="created_at" width="130">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tooltip placement="right">
|
|
||||||
<template #content>
|
|
||||||
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
|
|
||||||
</template>
|
|
||||||
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.playerList.user')" prop="photonId" width="160">
|
|
||||||
<template #default="scope">
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
style="padding-right: 10px"
|
|
||||||
@click="showUserFromPhotonId(scope.row.photonId)"
|
|
||||||
v-text="scope.row.displayName"></span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.playerList.type')"
|
|
||||||
prop="type"
|
|
||||||
width="140"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.playerList.detail')" prop="text">
|
|
||||||
<template #default="scope">
|
|
||||||
<template v-if="scope.row.type === 'ChangeAvatar'">
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
@click="showAvatarDialog(scope.row.avatar.id)"
|
|
||||||
v-text="scope.row.avatar.name"></span>
|
|
||||||
|
|
||||||
<span v-if="!scope.row.inCache" style="color: #aaa"
|
|
||||||
><el-icon><Download /></el-icon> </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.avatar.releaseStatus === 'public'"
|
|
||||||
class="avatar-info-public"
|
|
||||||
>{{ t('dialog.avatar.labels.public') }}</span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
|
||||||
class="avatar-info-own"
|
|
||||||
>{{ t('dialog.avatar.labels.private') }}</span
|
|
||||||
>
|
|
||||||
<template
|
|
||||||
v-if="
|
|
||||||
scope.row.avatar.description &&
|
|
||||||
scope.row.avatar.name !== scope.row.avatar.description
|
|
||||||
">
|
|
||||||
- {{ scope.row.avatar.description }}
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="scope.row.type === 'ChangeStatus'">
|
|
||||||
<template v-if="scope.row.status !== scope.row.previousStatus">
|
|
||||||
<el-tooltip placement="top">
|
|
||||||
<template #content>
|
|
||||||
<span v-if="scope.row.previousStatus === 'active'">{{
|
|
||||||
t('dialog.user.status.active')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'join me'">{{
|
|
||||||
t('dialog.user.status.join_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'ask me'">{{
|
|
||||||
t('dialog.user.status.ask_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'busy'">{{
|
|
||||||
t('dialog.user.status.busy')
|
|
||||||
}}</span>
|
|
||||||
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
|
||||||
</template>
|
|
||||||
<i
|
|
||||||
class="x-user-status"
|
|
||||||
:class="statusClass(scope.row.previousStatus)"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
<span>
|
|
||||||
<el-icon><ArrowRight /></el-icon>
|
|
||||||
</span>
|
|
||||||
<el-tooltip placement="top">
|
|
||||||
<template #content>
|
|
||||||
<span v-if="scope.row.status === 'active'">{{
|
|
||||||
t('dialog.user.status.active')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'join me'">{{
|
|
||||||
t('dialog.user.status.join_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'ask me'">{{
|
|
||||||
t('dialog.user.status.ask_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'busy'">{{
|
|
||||||
t('dialog.user.status.busy')
|
|
||||||
}}</span>
|
|
||||||
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
|
||||||
</template>
|
|
||||||
<i
|
|
||||||
class="x-user-status"
|
|
||||||
:class="statusClass(scope.row.status)"
|
|
||||||
style="margin-right: 5px"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.statusDescription !== scope.row.previousStatusDescription"
|
|
||||||
v-text="scope.row.statusDescription"></span>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="scope.row.type === 'ChangeGroup'">
|
|
||||||
<span
|
|
||||||
v-if="scope.row.previousGroupName"
|
|
||||||
class="x-link"
|
|
||||||
style="margin-right: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.previousGroupId)"
|
|
||||||
v-text="scope.row.previousGroupName"></span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="x-link"
|
|
||||||
style="margin-right: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.previousGroupId)"
|
|
||||||
v-text="scope.row.previousGroupId"></span>
|
|
||||||
<span>
|
|
||||||
<el-icon><ArrowRight /></el-icon>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.groupName"
|
|
||||||
class="x-link"
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.groupId)"
|
|
||||||
v-text="scope.row.groupName"></span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="x-link"
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.groupId)"
|
|
||||||
v-text="scope.row.groupId"></span>
|
|
||||||
</template>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.type === 'PortalSpawn'"
|
|
||||||
class="x-link"
|
|
||||||
@click="showWorldDialog(scope.row.location, scope.row.shortName)">
|
|
||||||
<Location
|
|
||||||
:location="scope.row.location"
|
|
||||||
:hint="scope.row.worldName"
|
|
||||||
:grouphint="scope.row.groupName"
|
|
||||||
:link="false" />
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.type === 'ChatBoxMessage'"
|
|
||||||
v-text="scope.row.text"></span>
|
|
||||||
<span v-else-if="scope.row.type === 'OnPlayerJoined'">
|
|
||||||
<span v-if="scope.row.platform === 'Desktop'" style="color: #409eff"
|
|
||||||
>Desktop </span
|
|
||||||
>
|
|
||||||
<span v-else-if="scope.row.platform === 'VR'" style="color: #409eff"
|
|
||||||
>VR </span
|
|
||||||
>
|
|
||||||
<span v-else-if="scope.row.platform === 'Quest'" style="color: #67c23a"
|
|
||||||
>Android </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
@click="showAvatarDialog(scope.row.avatar.id)"
|
|
||||||
v-text="scope.row.avatar.name"></span>
|
|
||||||
|
|
||||||
<span v-if="!scope.row.inCache" style="color: #aaa"
|
|
||||||
><el-icon><Download /></el-icon> </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.avatar.releaseStatus === 'public'"
|
|
||||||
class="avatar-info-public"
|
|
||||||
>{{ t('dialog.avatar.labels.public') }}</span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
|
||||||
class="avatar-info-own"
|
|
||||||
>{{ t('dialog.avatar.labels.private') }}</span
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.type === 'SpawnEmoji'">
|
|
||||||
<span v-if="scope.row.imageUrl">
|
|
||||||
<el-tooltip placement="right">
|
|
||||||
<template #content>
|
|
||||||
<img
|
|
||||||
:src="scope.row.imageUrl"
|
|
||||||
class="friends-list-avatar"
|
|
||||||
style="height: 500px; cursor: pointer"
|
|
||||||
@click="showFullscreenImageDialog(scope.row.imageUrl)"
|
|
||||||
loading="lazy" />
|
|
||||||
</template>
|
|
||||||
<span v-text="scope.row.fileId"></span>
|
|
||||||
</el-tooltip>
|
|
||||||
</span>
|
|
||||||
<span v-else v-text="scope.row.text"></span>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.color === 'yellow'"
|
|
||||||
style="color: yellow"
|
|
||||||
v-text="scope.row.text"></span>
|
|
||||||
<span v-else v-text="scope.row.text"></span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane :label="t('view.player_list.photon.previous')">
|
|
||||||
<DataTable v-bind="photonEventTablePrevious" style="margin-bottom: 10px">
|
|
||||||
<el-table-column :label="t('table.playerList.date')" prop="created_at" width="130">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tooltip placement="right">
|
|
||||||
<template #content>
|
|
||||||
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
|
|
||||||
</template>
|
|
||||||
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.playerList.user')" prop="photonId" width="160">
|
|
||||||
<template #default="scope">
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
style="padding-right: 10px"
|
|
||||||
@click="lookupUser(scope.row)"
|
|
||||||
v-text="scope.row.displayName"></span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.playerList.type')"
|
|
||||||
prop="type"
|
|
||||||
width="140"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.playerList.detail')" prop="text">
|
|
||||||
<template #default="scope">
|
|
||||||
<template v-if="scope.row.type === 'ChangeAvatar'">
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
@click="showAvatarDialog(scope.row.avatar.id)"
|
|
||||||
v-text="scope.row.avatar.name"></span>
|
|
||||||
|
|
||||||
<span v-if="!scope.row.inCache" style="color: #aaa"
|
|
||||||
><el-icon><Download /></el-icon> </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.avatar.releaseStatus === 'public'"
|
|
||||||
class="avatar-info-public"
|
|
||||||
>{{ t('dialog.avatar.labels.public') }}</span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
|
||||||
class="avatar-info-own"
|
|
||||||
>{{ t('dialog.avatar.labels.private') }}</span
|
|
||||||
>
|
|
||||||
<template
|
|
||||||
v-if="
|
|
||||||
scope.row.avatar.description &&
|
|
||||||
scope.row.avatar.name !== scope.row.avatar.description
|
|
||||||
">
|
|
||||||
| - {{ scope.row.avatar.description }}
|
|
||||||
</template>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="scope.row.type === 'ChangeStatus'">
|
|
||||||
<template v-if="scope.row.status !== scope.row.previousStatus">
|
|
||||||
<el-tooltip placement="top">
|
|
||||||
<template #content>
|
|
||||||
<span v-if="scope.row.previousStatus === 'active'">{{
|
|
||||||
t('dialog.user.status.active')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'join me'">{{
|
|
||||||
t('dialog.user.status.join_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'ask me'">{{
|
|
||||||
t('dialog.user.status.ask_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.previousStatus === 'busy'">{{
|
|
||||||
t('dialog.user.status.busy')
|
|
||||||
}}</span>
|
|
||||||
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
|
||||||
</template>
|
|
||||||
<i
|
|
||||||
class="x-user-status"
|
|
||||||
:class="statusClass(scope.row.previousStatus)"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
<span>
|
|
||||||
<el-icon><ArrowRight /></el-icon>
|
|
||||||
</span>
|
|
||||||
<el-tooltip placement="top">
|
|
||||||
<template #content>
|
|
||||||
<span v-if="scope.row.status === 'active'">{{
|
|
||||||
t('dialog.user.status.active')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'join me'">{{
|
|
||||||
t('dialog.user.status.join_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'ask me'">{{
|
|
||||||
t('dialog.user.status.ask_me')
|
|
||||||
}}</span>
|
|
||||||
<span v-else-if="scope.row.status === 'busy'">{{
|
|
||||||
t('dialog.user.status.busy')
|
|
||||||
}}</span>
|
|
||||||
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
|
||||||
</template>
|
|
||||||
<i
|
|
||||||
class="x-user-status"
|
|
||||||
:class="statusClass(scope.row.status)"
|
|
||||||
style="margin-right: 5px"></i>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.statusDescription !== scope.row.previousStatusDescription"
|
|
||||||
v-text="scope.row.statusDescription"></span>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="scope.row.type === 'ChangeGroup'">
|
|
||||||
<span
|
|
||||||
v-if="scope.row.previousGroupName"
|
|
||||||
class="x-link"
|
|
||||||
style="margin-right: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.previousGroupId)"
|
|
||||||
v-text="scope.row.previousGroupName"></span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="x-link"
|
|
||||||
style="margin-right: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.previousGroupId)"
|
|
||||||
v-text="scope.row.previousGroupId"></span>
|
|
||||||
<span>
|
|
||||||
<el-icon><ArrowRight /></el-icon>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.groupName"
|
|
||||||
class="x-link"
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.groupId)"
|
|
||||||
v-text="scope.row.groupName"></span>
|
|
||||||
<span
|
|
||||||
v-else
|
|
||||||
class="x-link"
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="showGroupDialog(scope.row.groupId)"
|
|
||||||
v-text="scope.row.groupId"></span>
|
|
||||||
</template>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.type === 'PortalSpawn'"
|
|
||||||
class="x-link"
|
|
||||||
@click="showWorldDialog(scope.row.location, scope.row.shortName)">
|
|
||||||
<Location
|
|
||||||
:location="scope.row.location"
|
|
||||||
:hint="scope.row.worldName"
|
|
||||||
:grouphint="scope.row.groupName"
|
|
||||||
:link="false" />
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.type === 'ChatBoxMessage'"
|
|
||||||
v-text="scope.row.text"></span>
|
|
||||||
<span v-else-if="scope.row.type === 'OnPlayerJoined'">
|
|
||||||
<span v-if="scope.row.platform === 'Desktop'" style="color: #409eff"
|
|
||||||
>Desktop </span
|
|
||||||
>
|
|
||||||
<span v-else-if="scope.row.platform === 'VR'" style="color: #409eff"
|
|
||||||
>VR </span
|
|
||||||
>
|
|
||||||
<span v-else-if="scope.row.platform === 'Quest'" style="color: #67c23a"
|
|
||||||
>Android </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="x-link"
|
|
||||||
@click="showAvatarDialog(scope.row.avatar.id)"
|
|
||||||
v-text="scope.row.avatar.name"></span>
|
|
||||||
|
|
||||||
<span v-if="!scope.row.inCache" style="color: #aaa"
|
|
||||||
><el-icon><Download /></el-icon> </span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-if="scope.row.avatar.releaseStatus === 'public'"
|
|
||||||
class="avatar-info-public"
|
|
||||||
>{{ t('dialog.avatar.labels.public') }}</span
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
|
||||||
class="avatar-info-own"
|
|
||||||
>{{ t('dialog.avatar.labels.private') }}</span
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
<span v-else-if="scope.row.type === 'SpawnEmoji'">
|
|
||||||
<span v-if="scope.row.imageUrl">
|
|
||||||
<el-tooltip placement="right">
|
|
||||||
<template #content>
|
|
||||||
<img
|
|
||||||
:src="scope.row.imageUrl"
|
|
||||||
class="friends-list-avatar"
|
|
||||||
style="height: 500px; cursor: pointer"
|
|
||||||
@click="showFullscreenImageDialog(scope.row.imageUrl)"
|
|
||||||
loading="lazy" />
|
|
||||||
</template>
|
|
||||||
<span v-text="scope.row.fileId"></span>
|
|
||||||
</el-tooltip>
|
|
||||||
</span>
|
|
||||||
<span v-else v-text="scope.row.text"></span>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
v-else-if="scope.row.color === 'yellow'"
|
|
||||||
style="color: yellow"
|
|
||||||
v-text="scope.row.text"></span>
|
|
||||||
<span v-else v-text="scope.row.text"></span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
|
||||||
<div class="current-instance-table">
|
<div class="current-instance-table">
|
||||||
<DataTable
|
<DataTable
|
||||||
v-bind="currentInstanceWorld.ref.id ? currentInstanceUserList : {}"
|
v-bind="currentInstanceWorld.ref.id ? currentInstanceUserList : {}"
|
||||||
@@ -848,22 +404,14 @@
|
|||||||
<ChatboxBlacklistDialog
|
<ChatboxBlacklistDialog
|
||||||
:chatbox-blacklist-dialog="chatboxBlacklistDialog"
|
:chatbox-blacklist-dialog="chatboxBlacklistDialog"
|
||||||
@delete-chatbox-user-blacklist="deleteChatboxUserBlacklist" />
|
@delete-chatbox-user-blacklist="deleteChatboxUserBlacklist" />
|
||||||
|
<PhotonEventTable v-if="photonLoggingEnabled" @show-chatbox-blacklist="showChatboxBlacklistDialog" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import { Mute, Microphone, HomeFilled, CircleClose, Pointer, ChatLineRound } from '@element-plus/icons-vue';
|
||||||
Mute,
|
|
||||||
Microphone,
|
|
||||||
Download,
|
|
||||||
ArrowRight,
|
|
||||||
HomeFilled,
|
|
||||||
CircleClose,
|
|
||||||
Pointer,
|
|
||||||
ChatLineRound
|
|
||||||
} from '@element-plus/icons-vue';
|
|
||||||
import { storeToRefs } from 'pinia';
|
import { storeToRefs } from 'pinia';
|
||||||
import { ref } from 'vue';
|
import { defineAsyncComponent, ref } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import {
|
import {
|
||||||
languageClass,
|
languageClass,
|
||||||
@@ -880,38 +428,26 @@
|
|||||||
useAppearanceSettingsStore,
|
useAppearanceSettingsStore,
|
||||||
usePhotonStore,
|
usePhotonStore,
|
||||||
useUserStore,
|
useUserStore,
|
||||||
useAvatarStore,
|
|
||||||
useWorldStore,
|
useWorldStore,
|
||||||
useGroupStore,
|
|
||||||
useInstanceStore,
|
useInstanceStore,
|
||||||
useUiStore,
|
useUiStore,
|
||||||
useGalleryStore,
|
useGalleryStore
|
||||||
useVrcxStore
|
|
||||||
} from '../../stores';
|
} from '../../stores';
|
||||||
import ChatboxBlacklistDialog from './dialogs/ChatboxBlacklistDialog.vue';
|
import ChatboxBlacklistDialog from './dialogs/ChatboxBlacklistDialog.vue';
|
||||||
import { photonEventTableTypeFilterList } from '../../shared/constants/photon';
|
|
||||||
|
const PhotonEventTable = defineAsyncComponent(() => import('./components/PhotonEventTable.vue'));
|
||||||
|
|
||||||
const { randomUserColours } = storeToRefs(useAppearanceSettingsStore());
|
const { randomUserColours } = storeToRefs(useAppearanceSettingsStore());
|
||||||
const {
|
const photonStore = usePhotonStore();
|
||||||
photonLoggingEnabled,
|
const { photonLoggingEnabled, chatboxUserBlacklist } = storeToRefs(photonStore);
|
||||||
photonEventIcon,
|
const { saveChatboxUserBlacklist } = photonStore;
|
||||||
photonEventTableTypeFilter,
|
|
||||||
photonEventTable,
|
|
||||||
photonEventTablePrevious,
|
|
||||||
chatboxUserBlacklist,
|
|
||||||
photonEventTableFilter
|
|
||||||
} = storeToRefs(usePhotonStore());
|
|
||||||
const { saveChatboxUserBlacklist, photonEventTableFilterChange, showUserFromPhotonId } = usePhotonStore();
|
|
||||||
const { showUserDialog, lookupUser } = useUserStore();
|
const { showUserDialog, lookupUser } = useUserStore();
|
||||||
const { showAvatarDialog } = useAvatarStore();
|
|
||||||
const { showWorldDialog } = useWorldStore();
|
const { showWorldDialog } = useWorldStore();
|
||||||
const { showGroupDialog } = useGroupStore();
|
|
||||||
const { lastLocation } = storeToRefs(useLocationStore());
|
const { lastLocation } = storeToRefs(useLocationStore());
|
||||||
const { currentInstanceLocation, currentInstanceWorld } = storeToRefs(useInstanceStore());
|
const { currentInstanceLocation, currentInstanceWorld } = storeToRefs(useInstanceStore());
|
||||||
const { currentInstanceUserList, getCurrentInstanceUserList } = useInstanceStore();
|
const { currentInstanceUserList, getCurrentInstanceUserList } = useInstanceStore();
|
||||||
const { menuActiveIndex } = storeToRefs(useUiStore());
|
const { menuActiveIndex } = storeToRefs(useUiStore());
|
||||||
const { showFullscreenImageDialog } = useGalleryStore();
|
const { showFullscreenImageDialog } = useGalleryStore();
|
||||||
const { ipcEnabled } = storeToRefs(useVrcxStore());
|
|
||||||
const { currentUser } = storeToRefs(useUserStore());
|
const { currentUser } = storeToRefs(useUserStore());
|
||||||
|
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|||||||
@@ -0,0 +1,430 @@
|
|||||||
|
<template>
|
||||||
|
<div class="photon-event-table">
|
||||||
|
<div style="position: absolute; width: 600px; margin-left: 215px; z-index: 1">
|
||||||
|
<el-select
|
||||||
|
v-model="photonEventTableTypeFilter"
|
||||||
|
multiple
|
||||||
|
clearable
|
||||||
|
collapse-tags
|
||||||
|
style="flex: 1; width: 220px"
|
||||||
|
:placeholder="t('view.player_list.photon.filter_placeholder')"
|
||||||
|
@change="photonEventTableFilterChange">
|
||||||
|
<el-option
|
||||||
|
v-for="type in photonEventTableTypeFilterList"
|
||||||
|
:key="type"
|
||||||
|
:label="type"
|
||||||
|
:value="type"></el-option>
|
||||||
|
</el-select>
|
||||||
|
<el-input
|
||||||
|
v-model="photonEventTableFilter"
|
||||||
|
:placeholder="t('view.player_list.photon.search_placeholder')"
|
||||||
|
clearable
|
||||||
|
style="width: 150px; margin-left: 10px"
|
||||||
|
@input="photonEventTableFilterChange"></el-input>
|
||||||
|
<el-button style="margin-left: 10px" @click="emitShowChatboxBlacklist">{{
|
||||||
|
t('view.player_list.photon.chatbox_blacklist')
|
||||||
|
}}</el-button>
|
||||||
|
<el-tooltip placement="bottom" :content="t('view.player_list.photon.status_tooltip')">
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 15px;
|
||||||
|
font-size: 14px;
|
||||||
|
vertical-align: text-top;
|
||||||
|
margin-top: 1px;
|
||||||
|
">
|
||||||
|
<span v-if="ipcEnabled && !photonEventIcon">🟢</span>
|
||||||
|
<span v-else-if="ipcEnabled">⚪</span>
|
||||||
|
<span v-else>🔴</span>
|
||||||
|
</div>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
|
<el-tabs type="card">
|
||||||
|
<el-tab-pane :label="t('view.player_list.photon.current')">
|
||||||
|
<DataTable v-bind="photonEventTable" style="margin-bottom: 10px">
|
||||||
|
<el-table-column :label="t('table.playerList.date')" prop="created_at" width="130">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tooltip placement="right">
|
||||||
|
<template #content>
|
||||||
|
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
|
||||||
|
</template>
|
||||||
|
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.user')" prop="photonId" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<span
|
||||||
|
class="x-link"
|
||||||
|
style="padding-right: 10px"
|
||||||
|
@click="showUserFromPhotonId(scope.row.photonId)"
|
||||||
|
v-text="scope.row.displayName"></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.type')" prop="type" width="140"></el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.detail')" prop="text">
|
||||||
|
<template #default="scope">
|
||||||
|
<template v-if="scope.row.type === 'ChangeAvatar'">
|
||||||
|
<span
|
||||||
|
class="x-link"
|
||||||
|
@click="showAvatarDialog(scope.row.avatar.id)"
|
||||||
|
v-text="scope.row.avatar.name"></span>
|
||||||
|
|
||||||
|
<span v-if="!scope.row.inCache" style="color: #aaa"
|
||||||
|
><el-icon><Download /></el-icon> </span
|
||||||
|
>
|
||||||
|
<span v-if="scope.row.avatar.releaseStatus === 'public'" class="avatar-info-public">{{
|
||||||
|
t('dialog.avatar.labels.public')
|
||||||
|
}}</span>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
||||||
|
class="avatar-info-own"
|
||||||
|
>{{ t('dialog.avatar.labels.private') }}</span
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="scope.row.type === 'ChangeStatus'">
|
||||||
|
<template v-if="scope.row.status !== scope.row.previousStatus">
|
||||||
|
<el-tooltip placement="top">
|
||||||
|
<template #content>
|
||||||
|
<span v-if="scope.row.previousStatus === 'active'">{{
|
||||||
|
t('dialog.user.status.active')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'join me'">{{
|
||||||
|
t('dialog.user.status.join_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'ask me'">{{
|
||||||
|
t('dialog.user.status.ask_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'busy'">{{
|
||||||
|
t('dialog.user.status.busy')
|
||||||
|
}}</span>
|
||||||
|
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
||||||
|
</template>
|
||||||
|
<i class="x-user-status" :class="statusClass(scope.row.previousStatus)"></i>
|
||||||
|
</el-tooltip>
|
||||||
|
<span>
|
||||||
|
<el-icon><ArrowRight /></el-icon>
|
||||||
|
</span>
|
||||||
|
<el-tooltip placement="top">
|
||||||
|
<template #content>
|
||||||
|
<span v-if="scope.row.status === 'active'">{{
|
||||||
|
t('dialog.user.status.active')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'join me'">{{
|
||||||
|
t('dialog.user.status.join_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'ask me'">{{
|
||||||
|
t('dialog.user.status.ask_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'busy'">{{
|
||||||
|
t('dialog.user.status.busy')
|
||||||
|
}}</span>
|
||||||
|
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
||||||
|
</template>
|
||||||
|
<i
|
||||||
|
class="x-user-status"
|
||||||
|
:class="statusClass(scope.row.status)"
|
||||||
|
style="margin-right: 5px"></i>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
<span
|
||||||
|
v-if="scope.row.statusDescription !== scope.row.previousStatusDescription"
|
||||||
|
v-text="scope.row.statusDescription"></span>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="scope.row.type === 'ChangeGroup'">
|
||||||
|
<span
|
||||||
|
v-if="scope.row.previousGroupName"
|
||||||
|
class="x-link"
|
||||||
|
style="margin-right: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.previousGroupId)"
|
||||||
|
v-text="scope.row.previousGroupName"></span>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="x-link"
|
||||||
|
style="margin-right: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.previousGroupId)"
|
||||||
|
v-text="scope.row.previousGroupId"></span>
|
||||||
|
<span>
|
||||||
|
<el-icon><ArrowRight /></el-icon>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-if="scope.row.groupName"
|
||||||
|
class="x-link"
|
||||||
|
style="margin-left: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.groupId)"
|
||||||
|
v-text="scope.row.groupName"></span>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="x-link"
|
||||||
|
style="margin-left: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.groupId)"
|
||||||
|
v-text="scope.row.groupId"></span>
|
||||||
|
</template>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.type === 'PortalSpawn'"
|
||||||
|
class="x-link"
|
||||||
|
@click="showWorldDialog(scope.row.location, scope.row.shortName)">
|
||||||
|
<Location
|
||||||
|
:location="scope.row.location"
|
||||||
|
:hint="scope.row.worldName"
|
||||||
|
:grouphint="scope.row.groupName"
|
||||||
|
:link="false" />
|
||||||
|
</span>
|
||||||
|
<span v-else-if="scope.row.type === 'ChatBoxMessage'" v-text="scope.row.text"></span>
|
||||||
|
<span v-else-if="scope.row.type === 'OnPlayerJoined'">
|
||||||
|
<span v-if="scope.row.platform === 'Desktop'" style="color: #409eff"
|
||||||
|
>Desktop </span
|
||||||
|
>
|
||||||
|
<span v-else-if="scope.row.platform === 'VR'" style="color: #409eff">VR </span>
|
||||||
|
<span v-else-if="scope.row.platform === 'Quest'" style="color: #67c23a"
|
||||||
|
>Android </span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="x-link"
|
||||||
|
@click="showAvatarDialog(scope.row.avatar.id)"
|
||||||
|
v-text="scope.row.avatar.name"></span>
|
||||||
|
|
||||||
|
<span v-if="!scope.row.inCache" style="color: #aaa"
|
||||||
|
><el-icon><Download /></el-icon> </span
|
||||||
|
>
|
||||||
|
<span v-if="scope.row.avatar.releaseStatus === 'public'" class="avatar-info-public">{{
|
||||||
|
t('dialog.avatar.labels.public')
|
||||||
|
}}</span>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
||||||
|
class="avatar-info-own"
|
||||||
|
>{{ t('dialog.avatar.labels.private') }}</span
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
<span v-else-if="scope.row.type === 'SpawnEmoji'">
|
||||||
|
<span v-if="scope.row.imageUrl">
|
||||||
|
<el-tooltip placement="right">
|
||||||
|
<template #content>
|
||||||
|
<img
|
||||||
|
:src="scope.row.imageUrl"
|
||||||
|
class="friends-list-avatar"
|
||||||
|
style="height: 500px; cursor: pointer"
|
||||||
|
@click="showFullscreenImageDialog(scope.row.imageUrl)"
|
||||||
|
loading="lazy" />
|
||||||
|
</template>
|
||||||
|
<span v-text="scope.row.fileId"></span>
|
||||||
|
</el-tooltip>
|
||||||
|
</span>
|
||||||
|
<span v-else v-text="scope.row.text"></span>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.color === 'yellow'"
|
||||||
|
style="color: yellow"
|
||||||
|
v-text="scope.row.text"></span>
|
||||||
|
<span v-else v-text="scope.row.text"></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</DataTable>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane :label="t('view.player_list.photon.previous')">
|
||||||
|
<DataTable v-bind="photonEventTablePrevious" style="margin-bottom: 10px">
|
||||||
|
<el-table-column :label="t('table.playerList.date')" prop="created_at" width="130">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tooltip placement="right">
|
||||||
|
<template #content>
|
||||||
|
<span>{{ formatDateFilter(scope.row.created_at, 'long') }}</span>
|
||||||
|
</template>
|
||||||
|
<span>{{ formatDateFilter(scope.row.created_at, 'short') }}</span>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.user')" prop="photonId" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<span
|
||||||
|
class="x-link"
|
||||||
|
style="padding-right: 10px"
|
||||||
|
@click="lookupUser(scope.row)"
|
||||||
|
v-text="scope.row.displayName"></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.type')" prop="type" width="140"></el-table-column>
|
||||||
|
<el-table-column :label="t('table.playerList.detail')" prop="text">
|
||||||
|
<template #default="scope">
|
||||||
|
<template v-if="scope.row.type === 'ChangeAvatar'">
|
||||||
|
<span
|
||||||
|
class="x-link"
|
||||||
|
@click="showAvatarDialog(scope.row.avatar.id)"
|
||||||
|
v-text="scope.row.avatar.name"></span>
|
||||||
|
|
||||||
|
<span v-if="!scope.row.inCache" style="color: #aaa"
|
||||||
|
><el-icon><Download /></el-icon> </span
|
||||||
|
>
|
||||||
|
<span v-if="scope.row.avatar.releaseStatus === 'public'" class="avatar-info-public">{{
|
||||||
|
t('dialog.avatar.labels.public')
|
||||||
|
}}</span>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.avatar.releaseStatus === 'private'"
|
||||||
|
class="avatar-info-own"
|
||||||
|
>{{ t('dialog.avatar.labels.private') }}</span
|
||||||
|
>
|
||||||
|
<template
|
||||||
|
v-if="
|
||||||
|
scope.row.avatar.description &&
|
||||||
|
scope.row.avatar.name !== scope.row.avatar.description
|
||||||
|
">
|
||||||
|
| - {{ scope.row.avatar.description }}
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="scope.row.type === 'ChangeStatus'">
|
||||||
|
<template v-if="scope.row.status !== scope.row.previousStatus">
|
||||||
|
<el-tooltip placement="top">
|
||||||
|
<template #content>
|
||||||
|
<span v-if="scope.row.previousStatus === 'active'">{{
|
||||||
|
t('dialog.user.status.active')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'join me'">{{
|
||||||
|
t('dialog.user.status.join_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'ask me'">{{
|
||||||
|
t('dialog.user.status.ask_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.previousStatus === 'busy'">{{
|
||||||
|
t('dialog.user.status.busy')
|
||||||
|
}}</span>
|
||||||
|
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
||||||
|
</template>
|
||||||
|
<i class="x-user-status" :class="statusClass(scope.row.previousStatus)"></i>
|
||||||
|
</el-tooltip>
|
||||||
|
<span>
|
||||||
|
<el-icon><ArrowRight /></el-icon>
|
||||||
|
</span>
|
||||||
|
<el-tooltip placement="top">
|
||||||
|
<template #content>
|
||||||
|
<span v-if="scope.row.status === 'active'">{{
|
||||||
|
t('dialog.user.status.active')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'join me'">{{
|
||||||
|
t('dialog.user.status.join_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'ask me'">{{
|
||||||
|
t('dialog.user.status.ask_me')
|
||||||
|
}}</span>
|
||||||
|
<span v-else-if="scope.row.status === 'busy'">{{
|
||||||
|
t('dialog.user.status.busy')
|
||||||
|
}}</span>
|
||||||
|
<span v-else>{{ t('dialog.user.status.offline') }}</span>
|
||||||
|
</template>
|
||||||
|
<i
|
||||||
|
class="x-user-status"
|
||||||
|
:class="statusClass(scope.row.status)"
|
||||||
|
style="margin-right: 5px"></i>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
<span
|
||||||
|
v-if="scope.row.statusDescription !== scope.row.previousStatusDescription"
|
||||||
|
v-text="scope.row.statusDescription"></span>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="scope.row.type === 'ChangeGroup'">
|
||||||
|
<span
|
||||||
|
v-if="scope.row.previousGroupName"
|
||||||
|
class="x-link"
|
||||||
|
style="margin-right: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.previousGroupId)"
|
||||||
|
v-text="scope.row.previousGroupName"></span>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="x-link"
|
||||||
|
style="margin-right: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.previousGroupId)"
|
||||||
|
v-text="scope.row.previousGroupId"></span>
|
||||||
|
<span>
|
||||||
|
<el-icon><ArrowRight /></el-icon>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-if="scope.row.groupName"
|
||||||
|
class="x-link"
|
||||||
|
style="margin-left: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.groupId)"
|
||||||
|
v-text="scope.row.groupName"></span>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="x-link"
|
||||||
|
style="margin-left: 5px"
|
||||||
|
@click="showGroupDialog(scope.row.groupId)"
|
||||||
|
v-text="scope.row.groupId"></span>
|
||||||
|
</template>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.type === 'PortalSpawn'"
|
||||||
|
class="x-link"
|
||||||
|
@click="showWorldDialog(scope.row.location, scope.row.shortName)">
|
||||||
|
<Location
|
||||||
|
:location="scope.row.location"
|
||||||
|
:hint="scope.row.worldName"
|
||||||
|
:grouphint="scope.row.groupName"
|
||||||
|
:link="false" />
|
||||||
|
</span>
|
||||||
|
<span v-else-if="scope.row.type === 'ChatBoxMessage'" v-text="scope.row.text"></span>
|
||||||
|
<span v-else-if="scope.row.type === 'SpawnEmoji'">
|
||||||
|
<span v-if="scope.row.imageUrl">
|
||||||
|
<el-tooltip placement="right">
|
||||||
|
<template #content>
|
||||||
|
<img
|
||||||
|
:src="scope.row.imageUrl"
|
||||||
|
class="friends-list-avatar"
|
||||||
|
style="height: 500px; cursor: pointer"
|
||||||
|
@click="showFullscreenImageDialog(scope.row.imageUrl)"
|
||||||
|
loading="lazy" />
|
||||||
|
</template>
|
||||||
|
<span v-text="scope.row.fileId"></span>
|
||||||
|
</el-tooltip>
|
||||||
|
</span>
|
||||||
|
<span v-else v-text="scope.row.text"></span>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-else-if="scope.row.color === 'yellow'"
|
||||||
|
style="color: yellow"
|
||||||
|
v-text="scope.row.text"></span>
|
||||||
|
<span v-else v-text="scope.row.text"></span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</DataTable>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ArrowRight, Download } from '@element-plus/icons-vue';
|
||||||
|
import { storeToRefs } from 'pinia';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { formatDateFilter, statusClass } from '../../../shared/utils';
|
||||||
|
import { photonEventTableTypeFilterList } from '../../../shared/constants/photon';
|
||||||
|
import {
|
||||||
|
useAvatarStore,
|
||||||
|
useGalleryStore,
|
||||||
|
useGroupStore,
|
||||||
|
usePhotonStore,
|
||||||
|
useUserStore,
|
||||||
|
useVrcxStore,
|
||||||
|
useWorldStore
|
||||||
|
} from '../../../stores';
|
||||||
|
|
||||||
|
const emit = defineEmits(['show-chatbox-blacklist']);
|
||||||
|
const { t } = useI18n();
|
||||||
|
|
||||||
|
const photonStore = usePhotonStore();
|
||||||
|
const {
|
||||||
|
photonEventTableTypeFilter,
|
||||||
|
photonEventTableFilter,
|
||||||
|
photonEventTable,
|
||||||
|
photonEventTablePrevious,
|
||||||
|
photonEventIcon
|
||||||
|
} = storeToRefs(photonStore);
|
||||||
|
const { photonEventTableFilterChange, showUserFromPhotonId } = photonStore;
|
||||||
|
|
||||||
|
const { lookupUser } = useUserStore();
|
||||||
|
const { showAvatarDialog } = useAvatarStore();
|
||||||
|
const { showWorldDialog } = useWorldStore();
|
||||||
|
const { showGroupDialog } = useGroupStore();
|
||||||
|
const { showFullscreenImageDialog } = useGalleryStore();
|
||||||
|
const { ipcEnabled } = storeToRefs(useVrcxStore());
|
||||||
|
|
||||||
|
function emitShowChatboxBlacklist() {
|
||||||
|
emit('show-chatbox-blacklist');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user