mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-17 22:03:50 +02:00
refactor: dialogs (#1224)
* 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'
This commit is contained in:
pa
GitHub
278
src/views/GameLog/GameLog.vue
Normal file
278
src/views/GameLog/GameLog.vue
Normal file
@@ -0,0 +1,278 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user