mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-23 16:53:50 +02:00
e792ed481b
* refactor: dialogs * fix: storeAvatarImage * FriendLog.vue * FriendLog.vue * FriendLog.vue * GameLog.vue * fix: next day button jumping to the wrong date * sync master * fix: launchGame * Notification.vue * Feed.vue * Search.vue * Profile.vue * PlayerList.vue * Login.vue * utils * update dialog * del gameLog.pug * fix * fix: group role cannot be displayed currently * fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210) * fix * fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled * fix Notification.vue message * fix: deleteFavoriteNoConfirm * fix: feed status style * fix: infinite loading when deleting note * fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'
279 lines
12 KiB
Vue
279 lines
12 KiB
Vue
<template>
|
|
<div v-show="menuActiveIndex === 'gameLog'" class="x-container">
|
|
<data-tables v-loading="gameLogTable.loading" v-bind="gameLogTable" lazy>
|
|
<template #tool>
|
|
<div style="margin: 0 0 10px; display: flex; align-items: center">
|
|
<div style="flex: none; margin-right: 10px; display: flex; align-items: center">
|
|
<el-tooltip
|
|
placement="bottom"
|
|
:content="t('view.feed.favorites_only_tooltip')"
|
|
:disabled="hideTooltips">
|
|
<el-switch
|
|
v-model="gameLogTable.vip"
|
|
active-color="#13ce66"
|
|
@change="gameLogTableLookup"></el-switch>
|
|
</el-tooltip>
|
|
</div>
|
|
<el-select
|
|
v-model="gameLogTable.filter"
|
|
multiple
|
|
clearable
|
|
style="flex: 1"
|
|
:placeholder="t('view.game_log.filter_placeholder')"
|
|
@change="gameLogTableLookup">
|
|
<el-option
|
|
v-for="type in [
|
|
'Location',
|
|
'OnPlayerJoined',
|
|
'OnPlayerLeft',
|
|
'VideoPlay',
|
|
'Event',
|
|
'External',
|
|
'StringLoad',
|
|
'ImageLoad'
|
|
]"
|
|
:key="type"
|
|
:label="t('view.game_log.filters.' + type)"
|
|
:value="type"></el-option>
|
|
</el-select>
|
|
<el-input
|
|
v-model="gameLogTable.search"
|
|
:placeholder="t('view.game_log.search_placeholder')"
|
|
clearable
|
|
style="flex: none; width: 150px; margin: 0 10px"
|
|
@keyup.native.enter="gameLogTableLookup"
|
|
@change="gameLogTableLookup"></el-input>
|
|
</div>
|
|
</template>
|
|
|
|
<el-table-column :label="t('table.gameLog.date')" prop="created_at" sortable="custom" width="120">
|
|
<template #default="scope">
|
|
<el-tooltip placement="right">
|
|
<template #content>
|
|
<span>{{ scope.row.created_at | formatDate('long') }}</span>
|
|
</template>
|
|
<span>{{ scope.row.created_at | formatDate('short') }}</span>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="t('table.gameLog.type')" prop="type" width="120">
|
|
<template #default="scope">
|
|
<el-tooltip placement="right" :open-delay="500" :disabled="hideTooltips">
|
|
<template #content>
|
|
<span>{{ t('view.game_log.filters.' + scope.row.type) }}</span>
|
|
</template>
|
|
<span
|
|
v-if="scope.row.location && scope.row.type !== 'Location'"
|
|
class="x-link"
|
|
@click="showWorldDialog(scope.row.location)"
|
|
v-text="t('view.game_log.filters.' + scope.row.type)"></span>
|
|
<span v-else v-text="t('view.game_log.filters.' + scope.row.type)"></span>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="t('table.gameLog.icon')" prop="isFriend" width="70" align="center">
|
|
<template #default="scope">
|
|
<template v-if="gameLogIsFriend(scope.row)">
|
|
<el-tooltip v-if="gameLogIsFavorite(scope.row)" placement="top" content="Favorite">
|
|
<span>⭐</span>
|
|
</el-tooltip>
|
|
<el-tooltip v-else placement="top" content="Friend">
|
|
<span>💚</span>
|
|
</el-tooltip>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="t('table.gameLog.user')" prop="displayName" width="180">
|
|
<template #default="scope">
|
|
<span
|
|
v-if="scope.row.displayName"
|
|
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.gameLog.detail')" prop="data">
|
|
<template #default="scope">
|
|
<location
|
|
v-if="scope.row.type === 'Location'"
|
|
:location="scope.row.location"
|
|
:hint="scope.row.worldName"
|
|
:grouphint="scope.row.groupName"></location>
|
|
<location
|
|
v-else-if="scope.row.type === 'PortalSpawn'"
|
|
:location="scope.row.instanceId"
|
|
:hint="scope.row.worldName"
|
|
:grouphint="scope.row.groupName"></location>
|
|
<template v-else-if="scope.row.type === 'Event'">
|
|
<span v-text="scope.row.data"></span>
|
|
</template>
|
|
<template v-else-if="scope.row.type === 'External'">
|
|
<span v-text="scope.row.message"></span>
|
|
</template>
|
|
<template v-else-if="scope.row.type === 'VideoPlay'">
|
|
<span v-if="scope.row.videoId" style="margin-right: 5px">{{ scope.row.videoId }}:</span>
|
|
<span v-if="scope.row.videoId === 'LSMedia'" v-text="scope.row.videoName"></span>
|
|
<span
|
|
v-else-if="scope.row.videoName"
|
|
class="x-link"
|
|
@click="openExternalLink(scope.row.videoUrl)"
|
|
v-text="scope.row.videoName"></span>
|
|
<span
|
|
v-else
|
|
class="x-link"
|
|
@click="openExternalLink(scope.row.videoUrl)"
|
|
v-text="scope.row.videoUrl"></span>
|
|
</template>
|
|
<template v-else-if="scope.row.type === 'ImageLoad'">
|
|
<span
|
|
class="x-link"
|
|
@click="openExternalLink(scope.row.resourceUrl)"
|
|
v-text="scope.row.resourceUrl"></span>
|
|
</template>
|
|
<template v-else-if="scope.row.type === 'StringLoad'">
|
|
<span
|
|
class="x-link"
|
|
@click="openExternalLink(scope.row.resourceUrl)"
|
|
v-text="scope.row.resourceUrl"></span>
|
|
</template>
|
|
<template
|
|
v-else-if="
|
|
scope.row.type === 'Notification' ||
|
|
scope.row.type === 'OnPlayerJoined' ||
|
|
scope.row.type === 'OnPlayerLeft'
|
|
">
|
|
</template>
|
|
<span v-else class="x-link" v-text="scope.row.data"></span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="t('table.gameLog.action')" width="80" align="right">
|
|
<template #default="scope">
|
|
<template
|
|
v-if="
|
|
scope.row.type !== 'OnPlayerJoined' &&
|
|
scope.row.type !== 'OnPlayerLeft' &&
|
|
scope.row.type !== 'Location' &&
|
|
scope.row.type !== 'PortalSpawn'
|
|
">
|
|
<el-button
|
|
v-if="shiftHeld"
|
|
style="color: #f56c6c"
|
|
type="text"
|
|
icon="el-icon-close"
|
|
size="mini"
|
|
@click="deleteGameLogEntry(scope.row)"></el-button>
|
|
<el-button
|
|
v-else
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
size="mini"
|
|
@click="deleteGameLogEntryPrompt(scope.row)"></el-button>
|
|
</template>
|
|
<el-tooltip placement="top" :content="t('dialog.previous_instances.info')" :disabled="hideTooltips">
|
|
<el-button
|
|
v-if="scope.row.type === 'Location'"
|
|
type="text"
|
|
icon="el-icon-s-data"
|
|
size="mini"
|
|
@click="showPreviousInstancesInfoDialog(scope.row.location)"></el-button>
|
|
</el-tooltip>
|
|
</template>
|
|
</el-table-column>
|
|
</data-tables>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'GameLogTab'
|
|
};
|
|
</script>
|
|
|
|
<script setup>
|
|
import { inject, getCurrentInstance } from 'vue';
|
|
import { useI18n } from 'vue-i18n-bridge';
|
|
import utils from '../../classes/utils';
|
|
import database from '../../service/database';
|
|
import Location from '../../components/Location.vue';
|
|
|
|
const { t } = useI18n();
|
|
const { $confirm } = getCurrentInstance().proxy;
|
|
|
|
const showWorldDialog = inject('showWorldDialog');
|
|
const openExternalLink = inject('openExternalLink');
|
|
const showPreviousInstancesInfoDialog = inject('showPreviousInstancesInfoDialog');
|
|
|
|
const props = defineProps({
|
|
menuActiveIndex: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
gameLogTable: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
hideTooltips: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
shiftHeld: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
});
|
|
|
|
const emit = defineEmits([
|
|
'gameLogTableLookup',
|
|
'gameLogIsFriend',
|
|
'gameLogIsFavorite',
|
|
'lookupUser',
|
|
'updateGameLogSessionTable',
|
|
'updateSharedFeed'
|
|
]);
|
|
|
|
function gameLogTableLookup() {
|
|
emit('gameLogTableLookup');
|
|
}
|
|
|
|
function gameLogIsFriend(row) {
|
|
emit('gameLogIsFriend', row);
|
|
}
|
|
|
|
function gameLogIsFavorite(row) {
|
|
emit('gameLogIsFavorite', row);
|
|
}
|
|
|
|
function lookupUser(ref) {
|
|
emit('lookupUser', ref);
|
|
}
|
|
|
|
function deleteGameLogEntry(row) {
|
|
utils.removeFromArray(props.gameLogTable.data, row);
|
|
database.deleteGameLogEntry(row);
|
|
console.log('deleteGameLogEntry', row);
|
|
database.getGamelogDatabase().then((data) => {
|
|
emit('updateGameLogSessionTable', data);
|
|
emit('updateSharedFeed', true);
|
|
});
|
|
}
|
|
|
|
function deleteGameLogEntryPrompt(row) {
|
|
$confirm('Continue? Delete Log', 'Confirm', {
|
|
confirmButtonText: 'Confirm',
|
|
cancelButtonText: 'Cancel',
|
|
type: 'info',
|
|
callback: (action) => {
|
|
if (action === 'confirm') {
|
|
deleteGameLogEntry(row);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
</script>
|