MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-30 12:13:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

improve my avatars and search

Browse Source
This commit is contained in:
pa
2026-03-08 00:28:29 +09:00
parent af006f2fde
commit 746d94f226
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/MyAvatars/MyAvatars.vue
View File

@@ -6,14 +6,20 @@
:model-value="viewMode" :model-value="viewMode"
variant="outline" variant="outline"
@update:model-value="handleViewModeChange"> @update:model-value="handleViewModeChange">
<TooltipWrapper :content="t('view.my_avatars.table_view')" side="bottom" :delay-duration="300"> <TooltipWrapper :content="t('view.my_avatars.grid_view')" side="bottom" :delay-duration="300">
<ToggleGroupItem value="table" class="px-2"> <ToggleGroupItem
<List class="size-4" /> value="grid"
class="px-2"
:class="viewMode === 'grid' && 'bg-accent text-accent-foreground'">
<LayoutGrid class="size-4" />
</ToggleGroupItem> </ToggleGroupItem>
</TooltipWrapper> </TooltipWrapper>
<TooltipWrapper :content="t('view.my_avatars.grid_view')" side="bottom" :delay-duration="300"> <TooltipWrapper :content="t('view.my_avatars.table_view')" side="bottom" :delay-duration="300">
<ToggleGroupItem value="grid" class="px-2"> <ToggleGroupItem
<LayoutGrid class="size-4" /> value="table"
class="px-2"
:class="viewMode === 'table' && 'bg-accent text-accent-foreground'">
<List class="size-4" />
</ToggleGroupItem> </ToggleGroupItem>
</TooltipWrapper> </TooltipWrapper>
</ToggleGroup> </ToggleGroup>
@@ -346,7 +352,7 @@
const avatars = ref([]); const avatars = ref([]);
const avatarTagsMap = ref(new Map()); const avatarTagsMap = ref(new Map());
const imageUploadInput = ref(null); const imageUploadInput = ref(null);
const viewMode = ref('table'); const viewMode = ref('grid');
const gridScrollRef = ref(null); const gridScrollRef = ref(null);
const gridContainerRefEl = ref(null); const gridContainerRefEl = ref(null);
const cropDialogOpen = ref(false); const cropDialogOpen = ref(false);
@@ -434,7 +440,10 @@
// search filter // search filter
if (searchText.value) { if (searchText.value) {
const query = searchText.value.toLowerCase(); const query = searchText.value.toLowerCase();
list = list.filter((a) => a.name?.toLowerCase().includes(query)); list = list.filter(
(a) =>
a.name?.toLowerCase().includes(query) || a.$tags?.some((t) => t.tag.toLowerCase().includes(query))
);
} }
return list; return list;
@@ -842,7 +851,7 @@
onBeforeMount(async () => { onBeforeMount(async () => {
try { try {
const storedMode = await configRepository.getString('VRCX_MyAvatarsViewMode', 'table'); const storedMode = await configRepository.getString('VRCX_MyAvatarsViewMode', 'grid');
if (storedMode === 'grid' || storedMode === 'table') { if (storedMode === 'grid' || storedMode === 'table') {
viewMode.value = storedMode; viewMode.value = storedMode;
} }