MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 06:43:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

Retain dialog data when reopening same dialog

Browse Source
This commit is contained in:
Natsumi
2026-01-31 05:56:32 +13:00
committed by pa
parent 5ff078e351
commit bf687a2405
8 changed files with 76 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/dialogs/AvatarDialog/AvatarDialog.vue
View File

@@ -468,8 +468,8 @@
<div class="detail">
<span class="name">{{ t('dialog.avatar.info.time_spent') }}</span>
<span v-if="timeSpent === 0" class="extra">-</span>
<span v-else class="extra">{{ timeToText(timeSpent) }}</span>
<span v-if="avatarDialog.timeSpent === 0" class="extra">-</span>
<span v-else class="extra">{{ timeToText(avatarDialog.timeSpent) }}</span>
</div>
</div>
<div class="x-friend-item" style="width: 100%; cursor: default">
@@ -615,7 +615,6 @@
const previousImageUrl = ref('');
const treeData = ref({});
const timeSpent = ref(0);
const memo = ref('');
const setAvatarTagsDialog = ref({
visible: false,
@@ -707,7 +706,7 @@
function handleDialogOpen() {
setAvatarTagsDialog.value.visible = false;
timeSpent.value = 0;
avatarDialog.value.timeSpent = 0;
memo.value = '';
treeData.value = {};
getAvatarTimeSpent();
@@ -716,12 +715,12 @@
function getAvatarTimeSpent() {
const D = avatarDialog.value;
timeSpent.value = 0;
avatarDialog.value.timeSpent = 0;
database.getAvatarTimeSpent(D.id).then((aviTime) => {
if (D.id === aviTime.avatarId) {
timeSpent.value = aviTime.timeSpent;
avatarDialog.value.timeSpent = aviTime.timeSpent;
if (D.id === currentUser.value.currentAvatar && currentUser.value.$previousAvatarSwapTime) {
timeSpent.value += Date.now() - currentUser.value.$previousAvatarSwapTime;
avatarDialog.value.timeSpent += Date.now() - currentUser.value.$previousAvatarSwapTime;
}
}
});
@@ -740,7 +739,9 @@
const D = avatarDialog.value;
switch (command) {
case 'Refresh':
showAvatarDialog(D.id);
const avatarId = D.id;
D.id = '';
showAvatarDialog(avatarId);
break;
case 'Share':
copyAvatarUrl(D.id);

4
src/components/dialogs/GroupDialog/GroupDialog.vue
View File

@@ -1532,7 +1532,9 @@
showInviteGroupDialog(D.id, '');
break;
case 'Refresh':
showGroupDialog(D.id);
const groupId = D.id;
D.id = '';
showGroupDialog(groupId);
break;
case 'Leave Group':
leaveGroupPrompt(D.id);

64
src/components/dialogs/UserDialog/UserDialog.vue
View File

@@ -553,7 +553,7 @@
<RefreshCw v-else />
</Button>
<span style="margin-left: 5px">{{
t('dialog.user.groups.total_count', { count: userGroups.groups.length })
t('dialog.user.groups.total_count', { count: userDialog.userGroups.groups.length })
}}</span>
<template v-if="userDialogGroupEditMode">
<span
@@ -793,18 +793,19 @@
</div>
</template>
<template v-else>
<template v-if="userGroups.ownGroups.length > 0">
<template v-if="userDialog.userGroups.ownGroups.length > 0">
<span style="font-weight: bold; font-size: 16px">{{
t('dialog.user.groups.own_groups')
}}</span>
<span style="font-size: 12px; margin-left: 5px"
>{{ userGroups.ownGroups.length }}/{{
>{{ userDialog.userGroups.ownGroups.length }}/{{
// @ts-ignore
cachedConfig?.constants?.GROUPS?.MAX_OWNED
}}</span
>
<div class="x-friend-list" style="margin-top: 10px; margin-bottom: 15px; min-height: 60px">
<div
v-for="group in userGroups.ownGroups"
v-for="group in userDialog.userGroups.ownGroups"
:key="group.id"
class="x-friend-item x-friend-item-border"
@click="showGroupDialog(group.id)">
@@ -835,14 +836,16 @@
</div>
</div>
</template>
<template v-if="userGroups.mutualGroups.length > 0">
<template v-if="userDialog.userGroups.mutualGroups.length > 0">
<span style="font-weight: bold; font-size: 16px">{{
t('dialog.user.groups.mutual_groups')
}}</span>
<span style="font-size: 12px; margin-left: 5px">{{ userGroups.mutualGroups.length }}</span>
<span style="font-size: 12px; margin-left: 5px">{{
userDialog.userGroups.mutualGroups.length
}}</span>
<div class="x-friend-list" style="margin-top: 10px; margin-bottom: 15px; min-height: 60px">
<div
v-for="group in userGroups.mutualGroups"
v-for="group in userDialog.userGroups.mutualGroups"
:key="group.id"
class="x-friend-item x-friend-item-border"
@click="showGroupDialog(group.id)">
@@ -873,10 +876,10 @@
</div>
</div>
</template>
<template v-if="userGroups.remainingGroups.length > 0">
<template v-if="userDialog.userGroups.remainingGroups.length > 0">
<span style="font-weight: bold; font-size: 16px">{{ t('dialog.user.groups.groups') }}</span>
<span style="font-size: 12px; margin-left: 5px">
{{ userGroups.remainingGroups.length }}
{{ userDialog.userGroups.remainingGroups.length }}
<template v-if="currentUser.id === userDialog.id">
/
<template v-if="isLocalUserVrcPlusSupporter">
@@ -889,7 +892,7 @@
</span>
<div class="x-friend-list" style="margin-top: 10px; margin-bottom: 15px; min-height: 60px">
<div
v-for="group in userGroups.remainingGroups"
v-for="group in userDialog.userGroups.remainingGroups"
:key="group.id"
class="x-friend-item x-friend-item-border"
@click="showGroupDialog(group.id)">
@@ -1019,7 +1022,7 @@
style="position: absolute; right: 15px; bottom: 15px; z-index: 99"
@click="getUserFavoriteWorlds(userDialog.id)">
</Button> -->
<template v-if="userFavoriteWorlds && userFavoriteWorlds.length > 0">
<template v-if="userDialog.userFavoriteWorlds && userDialog.userFavoriteWorlds.length > 0">
<TabsUnderline
v-model="favoriteWorldsTab"
:items="favoriteWorldTabs"
@@ -1027,7 +1030,7 @@
class="zero-margin-tabs"
style="margin-top: 10px; height: 50vh">
<template
v-for="(list, index) in userFavoriteWorlds"
v-for="(list, index) in userDialog.userFavoriteWorlds"
:key="`favorite-worlds-label-${index}`"
v-slot:[`label-${index}`]>
<span>
@@ -1043,7 +1046,7 @@
</span>
</template>
<template
v-for="(list, index) in userFavoriteWorlds"
v-for="(list, index) in userDialog.userFavoriteWorlds"
:key="`favorite-worlds-content-${index}`"
v-slot:[String(index)]>
<div
@@ -1339,7 +1342,7 @@
return tabs;
});
const favoriteWorldTabs = computed(() =>
(userFavoriteWorlds.value || []).map((list, index) => ({
(userDialog.value.userFavoriteWorlds || []).map((list, index) => ({
value: String(index),
label: list?.[0] ?? ''
}))
@@ -1413,13 +1416,6 @@
const userDialogLastAvatar = ref('');
const userDialogLastWorld = ref('');
const userDialogLastFavoriteWorld = ref('');
const userFavoriteWorlds = ref([]);
const userGroups = ref({
groups: [],
ownGroups: [],
mutualGroups: [],
remainingGroups: []
});
const favoriteWorldsTab = ref('0');
@@ -1732,7 +1728,9 @@
return;
}
if (command === 'Refresh') {
showUserDialog(D.id);
const userId = D.id;
D.id = '';
showUserDialog(userId);
} else if (command === 'Share') {
copyUserURL(D.id);
} else if (command === 'Add Favorite') {
@@ -2064,7 +2062,7 @@
async function getUserGroups(userId) {
exitEditModeCurrentUserGroups();
userDialog.value.isGroupsLoading = true;
userGroups.value = {
userDialog.value.userGroups = {
groups: [],
ownGroups: [],
mutualGroups: [],
@@ -2088,7 +2086,7 @@
saveCurrentUserGroups();
}
userGroups.value.groups = args.json;
userDialog.value.userGroups.groups = args.json;
for (let i = 0; i < args.json.length; ++i) {
const group = args.json[i];
if (!group?.id) {
@@ -2096,20 +2094,20 @@
continue;
}
if (group.ownerId === userId) {
userGroups.value.ownGroups.unshift(group);
userDialog.value.userGroups.ownGroups.unshift(group);
}
if (userId === currentUser.value.id) {
// skip mutual groups for current user
if (group.ownerId !== userId) {
userGroups.value.remainingGroups.unshift(group);
userDialog.value.userGroups.remainingGroups.unshift(group);
}
continue;
}
if (group.mutualGroup) {
userGroups.value.mutualGroups.unshift(group);
userDialog.value.userGroups.mutualGroups.unshift(group);
}
if (!group.mutualGroup && group.ownerId !== userId) {
userGroups.value.remainingGroups.unshift(group);
userDialog.value.userGroups.remainingGroups.unshift(group);
}
}
if (userId === currentUser.value.id) {
@@ -2193,9 +2191,9 @@
break;
}
userGroups.value.ownGroups.sort(sortMethod);
userGroups.value.mutualGroups.sort(sortMethod);
userGroups.value.remainingGroups.sort(sortMethod);
userDialog.value.userGroups.ownGroups.sort(sortMethod);
userDialog.value.userGroups.mutualGroups.sort(sortMethod);
userDialog.value.userGroups.remainingGroups.sort(sortMethod);
}
function setUserDialogAvatars(userId) {
@@ -2270,7 +2268,7 @@
async function getUserFavoriteWorlds(userId) {
userDialog.value.isFavoriteWorldsLoading = true;
favoriteWorldsTab.value = '0';
userFavoriteWorlds.value = [];
userDialog.value.userFavoriteWorlds = [];
const worldLists = [];
let params = {
ownerId: userId,
@@ -2301,7 +2299,7 @@
console.error('getUserFavoriteWorlds', err);
}
}
userFavoriteWorlds.value = worldLists;
userDialog.value.userFavoriteWorlds = worldLists;
userDialog.value.isFavoriteWorldsLoading = false;
}

4
src/components/dialogs/WorldDialog/WorldDialog.vue
View File

@@ -1088,7 +1088,9 @@
showChangeWorldImageDialog();
break;
case 'Refresh':
showWorldDialog(D.id);
const worldId = D.id;
D.id = '';
showWorldDialog(worldId);
break;
case 'New Instance':
showNewInstanceDialog(D.$location.tag);

10
src/stores/avatar.js
View File

@@ -65,7 +65,8 @@ export const useAvatarStore = defineStore('Avatar', () => {
cacheSize: '',
cacheLocked: false,
cachePath: '',
fileAnalysis: {}
fileAnalysis: {},
timeSpent: 0
});
const avatarHistory = ref([]);
@@ -183,7 +184,11 @@ export const useAvatarStore = defineStore('Avatar', () => {
id: avatarId,
skipBreadcrumb: options.skipBreadcrumb
});
D.visible = true;
if (D.id === avatarId) {
uiStore.setDialogCrumbLabel('avatar', D.id, D.ref?.name || D.id);
return;
}
D.loading = true;
D.id = avatarId;
D.inCache = false;
@@ -220,7 +225,6 @@ export const useAvatarStore = defineStore('Avatar', () => {
return;
}
}
D.visible = true;
avatarRequest
.getAvatar({ avatarId })
.then((args) => {

4
src/stores/group.js
View File

@@ -142,6 +142,10 @@ export const useGroupStore = defineStore('Group', () => {
});
const D = groupDialog.value;
D.visible = true;
if (D.id === groupId) {
uiStore.setDialogCrumbLabel('group', D.id, D.ref?.name || D.id);
return;
}
D.loading = true;
D.id = groupId;
D.inGroup = false;

15
src/stores/user.js
View File

@@ -216,6 +216,13 @@ export const useUserStore = defineStore('User', () => {
isFavoriteWorldsLoading: false,
isAvatarsLoading: false,
isGroupsLoading: false,
userFavoriteWorlds: [],
userGroups: {
groups: [],
ownGroups: [],
mutualGroups: [],
remainingGroups: []
},
worldSorting: {
name: 'dialog.user.worlds.sorting.updated',
@@ -771,6 +778,14 @@ export const useUserStore = defineStore('User', () => {
});
const D = userDialog.value;
D.visible = true;
if (D.id === userId) {
uiStore.setDialogCrumbLabel(
'user',
D.id,
D.ref?.displayName || D.id
);
return;
}
D.id = userId;
D.memo = '';
D.note = '';

4
src/stores/world.js
View File

@@ -90,6 +90,10 @@ export const useWorldStore = defineStore('World', () => {
skipBreadcrumb: options.skipBreadcrumb
});
D.visible = true;
if (D.id === L.worldId) {
uiStore.setDialogCrumbLabel('world', D.id, D.ref?.name || D.id);
return;
}
L.shortName = shortName;
D.id = L.worldId;
D.$location = L;