mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-24 01:03:50 +02:00
f4f78bb5ec
* refactor: frontend * Fix avatar gallery sort * Update .NET dependencies * Update npm dependencies electron v37.1.0 * bulkRefreshFriends * fix dark theme * Remove crowdin * Fix config.json dialog not updating * VRCX log file fixes & add Cef log * Remove SharedVariable, fix startup * Revert init theme change * Logging date not working? Fix WinformThemer designer error * Add Cef request hander, no more escaping main page * clean * fix * fix * clean * uh * Apply thememode at startup, fixes random user colours * Split database into files * Instance info remove empty lines * Open external VRC links with VRCX * Electron fixes * fix userdialog style * ohhhh * fix store * fix store * fix: load all group members after kicking a user * fix: world dialog favorite button style * fix: Clear VRCX Cache Timer input value * clean * Fix VR overlay * Fix VR overlay 2 * Fix Discord discord rich presence for RPC worlds * Clean up age verified user tags * Fix playerList being occupied after program reload * no `this` * Fix login stuck loading * writable: false * Hide dialogs on logout * add flush sync option * rm LOGIN event * rm LOGOUT event * remove duplicate event listeners * remove duplicate event listeners * clean * remove duplicate event listeners * clean * fix theme style * fix t * clearable * clean * fix ipcEvent * Small changes * Popcorn Palace support * Remove checkActiveFriends * Clean up * Fix dragEnterCef * Block API requests when not logged in * Clear state on login & logout * Fix worldDialog instances not updating * use <script setup> * Fix avatar change event, CheckGameRunning at startup * Fix image dragging * fix * Remove PWI * fix updateLoop * add webpack-dev-server to dev environment * rm unnecessary chunks * use <script setup> * webpack-dev-server changes * use <script setup> * use <script setup> * Fix UGC text size * Split login event * t * use <script setup> * fix * Update .gitignore and enable checkJs in jsconfig * fix i18n t * use <script setup> * use <script setup> * clean * global types * fix * use checkJs for debugging * Add watchState for login watchers * fix .vue template * type fixes * rm Vue.filter * Cef v138.0.170, VC++ 2022 * Settings fixes * Remove 'USER:CURRENT' * clean up 2FA callbacks * remove userApply * rm i18n import * notification handling to use notification store methods * refactor favorite handling to use favorite store methods and clean up event emissions * refactor moderation handling to use dedicated functions for player moderation events * refactor friend handling to use dedicated functions for friend events * Fix program startup, move lang init * Fix friend state * Fix status change error * Fix user notes diff * fix * rm group event * rm auth event * rm avatar event * clean * clean * getUser * getFriends * getFavoriteWorlds, getFavoriteAvatars * AvatarGalleryUpload btn style & package.json update * Fix friend requests * Apply user * Apply world * Fix note diff * Fix VR overlay * Fixes * Update build scripts * Apply avatar * Apply instance * Apply group * update hidden VRC+ badge * Fix sameInstance "private" * fix 502/504 API errors * fix 502/504 API errors * clean * Fix friend in same instance on orange showing twice in friends list * Add back in broken friend state repair methods * add types --------- Co-authored-by: Natsumi <cmcooper123@hotmail.com>
247 lines
11 KiB
Vue
247 lines
11 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-left: 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>{{ 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.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
|
|
v-else-if="scope.row.type === 'PortalSpawn'"
|
|
:location="scope.row.instanceId"
|
|
:hint="scope.row.worldName"
|
|
:grouphint="scope.row.groupName" />
|
|
<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' || scope.row.videoId === 'PopcornPalace'"
|
|
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 setup>
|
|
import { storeToRefs } from 'pinia';
|
|
import { getCurrentInstance } from 'vue';
|
|
import { useI18n } from 'vue-i18n-bridge';
|
|
import { database } from '../../service/database';
|
|
import { removeFromArray, openExternalLink, formatDateFilter } from '../../shared/utils';
|
|
import {
|
|
useUserStore,
|
|
useUiStore,
|
|
useWorldStore,
|
|
useAppearanceSettingsStore,
|
|
useInstanceStore,
|
|
useGameLogStore
|
|
} from '../../stores';
|
|
import { useSharedFeedStore } from '../../stores';
|
|
|
|
const { hideTooltips } = storeToRefs(useAppearanceSettingsStore());
|
|
const { showWorldDialog } = useWorldStore();
|
|
const { lookupUser } = useUserStore();
|
|
const { showPreviousInstancesInfoDialog } = useInstanceStore();
|
|
const { menuActiveIndex, shiftHeld } = storeToRefs(useUiStore());
|
|
const { gameLogIsFriend, gameLogIsFavorite, gameLogTableLookup } = useGameLogStore();
|
|
const { gameLogTable } = storeToRefs(useGameLogStore());
|
|
const { updateSharedFeed } = useSharedFeedStore();
|
|
|
|
const { t } = useI18n();
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
const emit = defineEmits(['updateGameLogSessionTable']);
|
|
|
|
function deleteGameLogEntry(row) {
|
|
removeFromArray(gameLogTable.value.data, row);
|
|
database.deleteGameLogEntry(row);
|
|
console.log('deleteGameLogEntry', row);
|
|
database.getGamelogDatabase().then((data) => {
|
|
emit('updateGameLogSessionTable', data);
|
|
updateSharedFeed(true);
|
|
});
|
|
}
|
|
|
|
function deleteGameLogEntryPrompt(row) {
|
|
proxy.$confirm('Continue? Delete Log', 'Confirm', {
|
|
confirmButtonText: 'Confirm',
|
|
cancelButtonText: 'Cancel',
|
|
type: 'info',
|
|
callback: (action) => {
|
|
if (action === 'confirm') {
|
|
deleteGameLogEntry(row);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
</script>
|