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

Replace the deprecated Element Plus API

Browse Source
This commit is contained in:
pa
2025-11-10 14:28:35 +09:00
committed by Natsumi
parent 6451fd5bcf
commit e317c64035
44 changed files with 159 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/DataTable.vue
View File

@@ -16,6 +16,7 @@
<div v-if="showPagination" class="pagination-wrapper">
<el-pagination
size="small"
:current-page="internalCurrentPage"
:page-size="internalPageSize"
:total="filteredData.length"
@@ -105,7 +106,6 @@
const mergedPaginationProps = computed(() => ({
layout: 'sizes, prev, pager, next, total',
pageSizes: [10, 15, 20, 25, 50, 100],
small: true,
...paginationProps.value
}));

2
src/components/dialogs/AvatarDialog/SetAvatarTagsDialog.vue
View File

@@ -78,7 +78,7 @@
<span v-else class="extra" v-text="avatar.releaseStatus"></span>
<span class="extra" v-text="avatarTagStrings.get(avatar.id)"></span>
</div>
<el-button type="text" size="small" style="margin-left: 5px" @click.stop>
<el-button text size="small" style="margin-left: 5px" @click.stop>
<el-checkbox
:model-value="props.setAvatarTagsDialog.selectedAvatarIds.includes(avatar.id)"
@click="toggleAvatarSelection(avatar.id)"></el-checkbox>

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

@@ -511,7 +511,7 @@
<template v-if="hasGroupPermission(groupDialog.ref, 'group-announcement-manage')">
<el-tooltip placement="top" :content="t('dialog.group.posts.edit_tooltip')">
<el-button
type="text"
text
:icon="Edit"
size="small"
style="margin-left: 5px; padding: 0"
@@ -521,7 +521,7 @@
</el-tooltip>
<el-tooltip placement="top" :content="t('dialog.group.posts.delete_tooltip')">
<el-button
type="text"
text
:icon="Delete"
size="small"
style="margin-left: 5px; padding: 0"
@@ -784,7 +784,7 @@
v-if="hasGroupPermission(groupDialog.ref, 'group-announcement-manage')">
<el-tooltip placement="top" :content="t('dialog.group.posts.edit_tooltip')">
<el-button
type="text"
text
:icon="Edit"
size="small"
style="margin-left: 5px"
@@ -794,7 +794,7 @@
placement="top"
:content="t('dialog.group.posts.delete_tooltip')">
<el-button
type="text"
text
:icon="Delete"
size="small"
style="margin-left: 5px"

15
src/components/dialogs/GroupDialog/GroupMemberModerationDialog.vue
View File

@@ -106,7 +106,7 @@
style="margin-top: 10px">
<el-table-column width="55" prop="$selected">
<template #default="scope">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="scope.row.$selected"
@change="
@@ -223,7 +223,7 @@
<DataTable v-bind="groupBansModerationTable" style="margin-top: 10px">
<el-table-column width="55" prop="$selected">
<template #default="scope">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="scope.row.$selected"
@change="
@@ -339,7 +339,7 @@
<DataTable v-bind="groupInvitesModerationTable" style="margin-top: 10px">
<el-table-column width="55" prop="$selected">
<template #default="scope">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="scope.row.$selected"
@change="
@@ -424,7 +424,7 @@
<DataTable v-bind="groupJoinRequestsModerationTable" style="margin-top: 10px">
<el-table-column width="55" prop="$selected">
<template #default="scope">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="scope.row.$selected"
@change="
@@ -535,7 +535,7 @@
<DataTable v-bind="groupBlockedModerationTable" style="margin-top: 10px">
<el-table-column width="55" prop="$selected">
<template #default="scope">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="scope.row.$selected"
@change="
@@ -947,7 +947,6 @@
tableProps: { stripe: true, size: 'small' },
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}
@@ -957,7 +956,6 @@
tableProps: { stripe: true, size: 'small' },
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}
@@ -978,7 +976,6 @@
tableProps: { stripe: true, size: 'small' },
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}
@@ -989,7 +986,6 @@
tableProps: { stripe: true, size: 'small' },
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}
@@ -999,7 +995,6 @@
tableProps: { stripe: true, size: 'small' },
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}

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

@@ -29,10 +29,10 @@
</el-form-item>
<el-form-item :label="t('dialog.group_post_edit.post_visibility')">
<el-radio-group v-model="groupPostEditDialog.visibility" size="small">
<el-radio label="public">
<el-radio value="public">
{{ t('dialog.group_post_edit.visibility_public') }}
</el-radio>
<el-radio label="group">
<el-radio value="group">
{{ t('dialog.group_post_edit.visibility_group') }}
</el-radio>
</el-radio-group>

2
src/components/dialogs/InviteDialog/SendInviteDialog.vue
View File

@@ -58,7 +58,7 @@
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="Edit"
size="small"
@click.stop="showEditAndSendInviteDialog(scope.row)"></el-button>

54
src/components/dialogs/NewInstanceDialog.vue
View File

@@ -10,22 +10,22 @@
<el-form :model="newInstanceDialog" label-width="150px">
<el-form-item :label="t('dialog.new_instance.access_type')">
<el-radio-group v-model="newInstanceDialog.accessType" size="small" @change="buildInstance">
<el-radio-button label="public">{{
<el-radio-button value="public">{{
t('dialog.new_instance.access_type_public')
}}</el-radio-button>
<el-radio-button label="group">{{
<el-radio-button value="group">{{
t('dialog.new_instance.access_type_group')
}}</el-radio-button>
<el-radio-button label="friends+">{{
<el-radio-button value="friends+">{{
t('dialog.new_instance.access_type_friend_plus')
}}</el-radio-button>
<el-radio-button label="friends">{{
<el-radio-button value="friends">{{
t('dialog.new_instance.access_type_friend')
}}</el-radio-button>
<el-radio-button label="invite+">{{
<el-radio-button value="invite+">{{
t('dialog.new_instance.access_type_invite_plus')
}}</el-radio-button>
<el-radio-button label="invite">{{
<el-radio-button value="invite">{{
t('dialog.new_instance.access_type_invite')
}}</el-radio-button>
</el-radio-group>
@@ -38,21 +38,21 @@
size="small"
@change="buildInstance">
<el-radio-button
label="members"
value="members"
:disabled="
!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-open-create')
"
>{{ t('dialog.new_instance.group_access_type_members') }}</el-radio-button
>
<el-radio-button
label="plus"
value="plus"
:disabled="
!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-plus-create')
"
>{{ t('dialog.new_instance.group_access_type_plus') }}</el-radio-button
>
<el-radio-button
label="public"
value="public"
:disabled="
!hasGroupPermission(newInstanceDialog.groupRef, 'group-instance-public-create') ||
newInstanceDialog.groupRef.privacy === 'private'
@@ -63,10 +63,10 @@
</el-form-item>
<el-form-item :label="t('dialog.new_instance.region')">
<el-radio-group v-model="newInstanceDialog.region" size="small" @change="buildInstance">
<el-radio-button label="US West">{{ t('dialog.new_instance.region_usw') }}</el-radio-button>
<el-radio-button label="US East">{{ t('dialog.new_instance.region_use') }}</el-radio-button>
<el-radio-button label="Europe">{{ t('dialog.new_instance.region_eu') }}</el-radio-button>
<el-radio-button label="Japan">{{ t('dialog.new_instance.region_jp') }}</el-radio-button>
<el-radio-button value="US West">{{ t('dialog.new_instance.region_usw') }}</el-radio-button>
<el-radio-button value="US East">{{ t('dialog.new_instance.region_use') }}</el-radio-button>
<el-radio-button value="Europe">{{ t('dialog.new_instance.region_eu') }}</el-radio-button>
<el-radio-button value="Japan">{{ t('dialog.new_instance.region_jp') }}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item
@@ -176,22 +176,22 @@
v-model="newInstanceDialog.accessType"
size="small"
@change="buildLegacyInstance">
<el-radio-button label="public">{{
<el-radio-button value="public">{{
t('dialog.new_instance.access_type_public')
}}</el-radio-button>
<el-radio-button label="group">{{
<el-radio-button value="group">{{
t('dialog.new_instance.access_type_group')
}}</el-radio-button>
<el-radio-button label="friends+">{{
<el-radio-button value="friends+">{{
t('dialog.new_instance.access_type_friend_plus')
}}</el-radio-button>
<el-radio-button label="friends">{{
<el-radio-button value="friends">{{
t('dialog.new_instance.access_type_friend')
}}</el-radio-button>
<el-radio-button label="invite+">{{
<el-radio-button value="invite+">{{
t('dialog.new_instance.access_type_invite_plus')
}}</el-radio-button>
<el-radio-button label="invite">{{
<el-radio-button value="invite">{{
t('dialog.new_instance.access_type_invite')
}}</el-radio-button>
</el-radio-group>
@@ -203,23 +203,23 @@
v-model="newInstanceDialog.groupAccessType"
size="small"
@change="buildLegacyInstance">
<el-radio-button label="members">{{
<el-radio-button value="members">{{
t('dialog.new_instance.group_access_type_members')
}}</el-radio-button>
<el-radio-button label="plus">{{
<el-radio-button value="plus">{{
t('dialog.new_instance.group_access_type_plus')
}}</el-radio-button>
<el-radio-button label="public">{{
<el-radio-button value="public">{{
t('dialog.new_instance.group_access_type_public')
}}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item :label="t('dialog.new_instance.region')">
<el-radio-group v-model="newInstanceDialog.region" size="small" @change="buildLegacyInstance">
<el-radio-button label="US West">{{ t('dialog.new_instance.region_usw') }}</el-radio-button>
<el-radio-button label="US East">{{ t('dialog.new_instance.region_use') }}</el-radio-button>
<el-radio-button label="Europe">{{ t('dialog.new_instance.region_eu') }}</el-radio-button>
<el-radio-button label="Japan">{{ t('dialog.new_instance.region_jp') }}</el-radio-button>
<el-radio-button value="US West">{{ t('dialog.new_instance.region_usw') }}</el-radio-button>
<el-radio-button value="US East">{{ t('dialog.new_instance.region_use') }}</el-radio-button>
<el-radio-button value="Europe">{{ t('dialog.new_instance.region_eu') }}</el-radio-button>
<el-radio-button value="Japan">{{ t('dialog.new_instance.region_jp') }}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item
@@ -478,7 +478,7 @@
</template>
<script setup>
import { computed, nextTick, ref, watch } from 'vue';
import { nextTick, ref, watch } from 'vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';

8
src/components/dialogs/PreviousInstancesDialog/PreviousInstancesGroupDialog.vue
View File

@@ -38,20 +38,20 @@
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="DataLine"
size="small"
@click="showPreviousInstancesInfoDialog(scope.row.location)" />
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
@click="deleteGameLogGroupInstance(scope.row)" />
<el-button
v-else
type="text"
text
:icon="Close"
size="small"
@click="deleteGameLogGroupInstancePrompt(scope.row)" />
@@ -94,7 +94,7 @@
defaultSort: { prop: 'created_at', order: 'descending' }
},
pageSize: 10,
paginationProps: { small: true, layout: 'sizes,prev,pager,next,total', pageSizes: [10, 25, 50, 100] }
paginationProps: { layout: 'sizes,prev,pager,next,total', pageSizes: [10, 25, 50, 100] }
});
const props = defineProps({

1
src/components/dialogs/PreviousInstancesDialog/PreviousInstancesInfoDialog.vue
View File

@@ -118,7 +118,6 @@
},
pageSize: 10,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 25, 50, 100]
}

7
src/components/dialogs/PreviousInstancesDialog/PreviousInstancesWorldDialog.vue
View File

@@ -42,7 +42,7 @@
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="DataLine"
size="small"
class="button-pd-0"
@@ -50,14 +50,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteGameLogWorldInstance(scope.row)"></el-button>
<el-button
v-else
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@@ -110,7 +110,6 @@
},
pageSize: 10,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 25, 50, 100]
}

9
src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue
View File

@@ -39,13 +39,13 @@
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="SwitchButton"
size="small"
class="button-pd-0"
@click="showLaunchDialog(scope.row.location)"></el-button>
<el-button
type="text"
text
:icon="DataLine"
size="small"
class="button-pd-0"
@@ -53,14 +53,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteGameLogUserInstance(scope.row)"></el-button>
<el-button
v-else
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@@ -119,7 +119,6 @@
},
pageSize: 10,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 25, 50, 100]
}

2
src/components/dialogs/UserDialog/SendInviteRequestDialog.vue
View File

@@ -33,7 +33,7 @@
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="Edit"
size="small"
@click.stop="showEditAndSendInviteDialog(scope.row)"></el-button>

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

@@ -236,7 +236,7 @@
<div style="float: right">
<el-button
v-if="translationApi && userDialog.ref.bio"
type="text"
text
size="small"
style="margin-left: 5px; padding: 0"
@click="translateBio"
@@ -244,7 +244,7 @@
></el-button>
<el-button
v-if="userDialog.id === currentUser.id"
type="text"
text
:icon="Edit"
size="small"
style="margin-left: 5px; padding: 0"

1
src/stores/feed.js
View File

@@ -35,7 +35,6 @@ export const useFeedStore = defineStore('Feed', () => {
pageSize: 20,
pageSizeLinked: true,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}

1
src/stores/friend.js
View File

@@ -91,7 +91,6 @@ export const useFriendStore = defineStore('Friend', () => {
pageSize: 20,
pageSizeLinked: true,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}

1
src/stores/gameLog.js
View File

@@ -74,7 +74,6 @@ export const useGameLogStore = defineStore('GameLog', () => {
pageSize: 20,
pageSizeLinked: true,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
},

1
src/stores/moderation.js
View File

@@ -37,7 +37,6 @@ export const useModerationStore = defineStore('Moderation', () => {
pageSize: 20,
pageSizeLinked: true,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}

1
src/stores/notification.js
View File

@@ -77,7 +77,6 @@ export const useNotificationStore = defineStore('Notification', () => {
pageSize: 20,
pageSizeLinked: true,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}

2
src/stores/photon.js
View File

@@ -107,7 +107,6 @@ export const usePhotonStore = defineStore('Photon', () => {
},
pageSize: 10,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [5, 10, 15, 25, 50]
}
@@ -130,7 +129,6 @@ export const usePhotonStore = defineStore('Photon', () => {
},
pageSize: 10,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [5, 10, 15, 25, 50]
}

2
src/views/Favorites/FavoritesAvatar.vue
View File

@@ -179,7 +179,7 @@
circle
@click.stop="refreshLocalAvatarFavorites" />
</template>
<el-button v-else size="small" type="text" @click.stop="cancelLocalAvatarRefresh">
<el-button v-else size="small" text @click.stop="cancelLocalAvatarRefresh">
<el-icon class="is-loading"><Loading /></el-icon>
{{ t('view.favorite.avatars.cancel_refresh') }}
</el-button>

2
src/views/Favorites/FavoritesWorld.vue
View File

@@ -176,7 +176,7 @@
@click.stop="refreshLocalWorldFavorites"
:icon="Refresh"
circle />
<el-button v-else size="small" type="text" @click.stop="cancelLocalWorldRefresh">
<el-button v-else size="small" text @click.stop="cancelLocalWorldRefresh">
<el-icon class="is-loading"><Loading /></el-icon>
{{ t('view.favorite.worlds.cancel_refresh') }}
</el-button>

2
src/views/Favorites/dialogs/AvatarImportDialog.vue
View File

@@ -168,7 +168,7 @@
</el-table-column>
<el-table-column :label="t('table.import.action')" width="90" align="right">
<template #default="{ row }">
<el-button type="text" :icon="Close" size="small" @click="deleteItemAvatarImport(row)"> </el-button>
<el-button text :icon="Close" size="small" @click="deleteItemAvatarImport(row)"> </el-button>
</template>
</el-table-column>
</DataTable>

2
src/views/Favorites/dialogs/FriendImportDialog.vue
View File

@@ -115,7 +115,7 @@
</el-table-column>
<el-table-column :label="t('table.import.action')" width="90" align="right">
<template #default="{ row }">
<el-button type="text" :icon="Close" size="small" @click="deleteItemFriendImport(row)"> </el-button>
<el-button text :icon="Close" size="small" @click="deleteItemFriendImport(row)"> </el-button>
</template>
</el-table-column>
</DataTable>

2
src/views/Favorites/dialogs/WorldImportDialog.vue
View File

@@ -164,7 +164,7 @@
</el-table-column>
<el-table-column :label="t('table.import.action')" width="90" align="right">
<template #default="{ row }">
<el-button type="text" :icon="Close" size="small" @click="deleteItemWorldImport(row)"></el-button>
<el-button text :icon="Close" size="small" @click="deleteItemWorldImport(row)"></el-button>
</template>
</el-table-column>
</DataTable>

6
src/views/FriendList/FriendList.vue
View File

@@ -92,7 +92,7 @@
width="55"
prop="$selected">
<template #default="{ row }">
<el-button type="text" size="small" @click.stop>
<el-button text size="small" @click.stop>
<el-checkbox
v-model="row.$selected"
@change="friendsListBulkUnfriendForceUpdate++"></el-checkbox>
@@ -243,7 +243,7 @@
<el-table-column :label="t('table.friendList.unfriend')" width="100" align="center">
<template #default="{ row }">
<el-button
type="text"
text
:icon="Close"
style="color: #f56c6c"
size="small"
@@ -301,7 +301,7 @@
data: [],
tableProps: { stripe: true, size: 'small', defaultSort: { prop: '$friendNumber', order: 'descending' } },
pageSize: 100,
paginationProps: { small: true, layout: 'sizes,prev,pager,next,total', pageSizes: [50, 100, 250, 500] }
paginationProps: { layout: 'sizes,prev,pager,next,total', pageSizes: [50, 100, 250, 500] }
});
const friendsListBulkUnfriendMode = ref(false);
const friendsListLoading = ref(false);

4
src/views/FriendLog/FriendLog.vue
View File

@@ -70,14 +70,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteFriendLog(scope.row)"></el-button>
<el-button
v-else
type="text"
text
:icon="Delete"
size="small"
class="button-pd-0"

6
src/views/GameLog/GameLog.vue
View File

@@ -162,14 +162,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
class="small-button"
@click="deleteGameLogEntry(scope.row)"></el-button>
<el-button
v-else
type="text"
text
:icon="Delete"
size="small"
class="small-button"
@@ -178,7 +178,7 @@
<el-tooltip placement="top" :content="t('dialog.previous_instances.info')">
<el-button
v-if="scope.row.type === 'Location'"
type="text"
text
:icon="DataLine"
size="small"
class="small-button"

4
src/views/Moderation/Moderation.vue
View File

@@ -67,13 +67,13 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
@click="deletePlayerModeration(scope.row)"></el-button>
<el-button
v-else
type="text"
text
:icon="Close"
size="small"
@click="deletePlayerModerationPrompt(scope.row)"></el-button>

36
src/views/Notifications/Notification.vue
View File

@@ -187,7 +187,7 @@
<template v-if="scope.row.type === 'friendRequest'">
<el-tooltip placement="top" content="Accept">
<el-button
type="text"
text
:icon="Check"
style="color: #67c23a"
size="small"
@@ -198,7 +198,7 @@
<template v-else-if="scope.row.type === 'invite'">
<el-tooltip placement="top" content="Decline with message">
<el-button
type="text"
text
:icon="ChatLineSquare"
size="small"
class="button-pd-0"
@@ -210,7 +210,7 @@
v-if="lastLocation.location && isGameRunning && checkCanInvite(lastLocation.location)">
<el-tooltip placement="top" content="Invite">
<el-button
type="text"
text
:icon="Check"
style="color: #67c23a"
size="small"
@@ -220,7 +220,7 @@
</template>
<el-tooltip placement="top" content="Decline with message">
<el-button
type="text"
text
:icon="ChatLineSquare"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -233,14 +233,14 @@
<el-tooltip placement="top" :content="response.text">
<el-button
v-if="response.type === 'link'"
type="text"
text
:icon="Link"
size="small"
:class="['button-pd-0', 'ml-5']"
@click="openNotificationLink(response.data)" />
<el-button
v-else-if="response.icon === 'check'"
type="text"
text
:icon="Check"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -249,7 +249,7 @@
" />
<el-button
v-else-if="response.icon === 'cancel'"
type="text"
text
:icon="Close"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -258,7 +258,7 @@
" />
<el-button
v-else-if="response.icon === 'ban'"
type="text"
text
:icon="CircleClose"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -267,7 +267,7 @@
" />
<el-button
v-else-if="response.icon === 'bell-slash'"
type="text"
text
:icon="Bell"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -276,14 +276,14 @@
" />
<el-button
v-else-if="response.icon === 'reply' && scope.row.type === 'boop'"
type="text"
text
:icon="ChatLineSquare"
size="small"
:class="['button-pd-0', 'ml-5']"
@click="showSendBoopDialog(scope.row.senderUserId)" />
<el-button
v-else-if="response.icon === 'reply'"
type="text"
text
:icon="ChatLineSquare"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -292,7 +292,7 @@
" />
<el-button
v-else
type="text"
text
:icon="CollectionTag"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -318,14 +318,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Close"
size="small"
:class="['button-pd-0', 'ml-5']"
@click="hideNotification(scope.row)" />
<el-button
v-else
type="text"
text
:icon="Close"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -338,14 +338,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c"
type="text"
text
:icon="Delete"
size="small"
:class="['button-pd-0', 'ml-5']"
@click="deleteNotificationLog(scope.row)" />
<el-button
v-else
type="text"
text
:icon="Delete"
size="small"
:class="['button-pd-0', 'ml-5']"
@@ -364,14 +364,14 @@
<el-button
v-if="shiftHeld"
style="color: #f56c6c; margin-left: 5px"
type="text"
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteNotificationLog(scope.row)" />
<el-button
v-else
type="text"
text
:icon="Delete"
size="small"
:class="['button-pd-0', 'ml-5']"

2
src/views/Notifications/dialogs/SendInviteRequestResponseDialog.vue
View File

@@ -30,7 +30,7 @@
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="Edit"
size="small"
@click.stop="showEditAndSendInviteResponseDialog(scope.row)">

2
src/views/Notifications/dialogs/SendInviteResponseDialog.vue
View File

@@ -29,7 +29,7 @@
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
<template #default="scope">
<el-button
type="text"
text
:icon="Edit"
size="small"
@click.stop="showEditAndSendInviteResponseDialog(scope.row)" />

6
src/views/PlayerList/PlayerList.vue
View File

@@ -154,7 +154,7 @@
currentInstanceWorld.ref.description.length > 50 &&
!currentInstanceWorldDescriptionExpanded
"
type="text"
text
size="small"
@click="currentInstanceWorldDescriptionExpanded = true"
>{{ !currentInstanceWorldDescriptionExpanded && 'Show more' }}</el-button
@@ -234,7 +234,7 @@
<template v-if="chatboxUserBlacklist.has(scope.row.ref.id)">
<el-tooltip placement="left" content="Unblock chatbox messages">
<el-button
type="text"
text
:icon="Mute"
size="small"
style="color: red; margin-right: 5px"
@@ -244,7 +244,7 @@
<template v-else>
<el-tooltip placement="left" content="Block chatbox messages">
<el-button
type="text"
text
:icon="Microphone"
size="small"
style="margin-right: 5px"

18
src/views/Search/Search.vue
View File

@@ -176,9 +176,9 @@
size="small"
style="margin: 5px; display: block"
@change="searchAvatar">
<el-radio label="all">{{ t('view.search.avatar.all') }}</el-radio>
<el-radio label="public">{{ t('view.search.avatar.public') }}</el-radio>
<el-radio label="private">{{ t('view.search.avatar.private') }}</el-radio>
<el-radio value="all">{{ t('view.search.avatar.all') }}</el-radio>
<el-radio value="public">{{ t('view.search.avatar.public') }}</el-radio>
<el-radio value="private">{{ t('view.search.avatar.private') }}</el-radio>
</el-radio-group>
<el-divider direction="vertical"></el-divider>
<el-radio-group
@@ -186,9 +186,9 @@
size="small"
style="margin: 5px; display: block"
@change="searchAvatar">
<el-radio label="all">{{ t('view.search.avatar.all') }}</el-radio>
<el-radio label="local">{{ t('view.search.avatar.local') }}</el-radio>
<el-radio label="remote" :disabled="!avatarRemoteDatabase">{{
<el-radio value="all">{{ t('view.search.avatar.all') }}</el-radio>
<el-radio value="local">{{ t('view.search.avatar.local') }}</el-radio>
<el-radio value="remote" :disabled="!avatarRemoteDatabase">{{
t('view.search.avatar.remote')
}}</el-radio>
</el-radio-group>
@@ -201,9 +201,9 @@
size="small"
style="margin: 5px; display: block"
@change="searchAvatar">
<el-radio label="name">{{ t('view.search.avatar.sort_name') }}</el-radio>
<el-radio label="update">{{ t('view.search.avatar.sort_update') }}</el-radio>
<el-radio label="created">{{ t('view.search.avatar.sort_created') }}</el-radio>
<el-radio value="name">{{ t('view.search.avatar.sort_name') }}</el-radio>
<el-radio value="update">{{ t('view.search.avatar.sort_update') }}</el-radio>
<el-radio value="created">{{ t('view.search.avatar.sort_created') }}</el-radio>
</el-radio-group>
</div>
<div class="x-friend-list" style="margin-top: 20px; min-height: 500px">

6
src/views/Settings/components/PhotonSettings.vue
View File

@@ -20,13 +20,13 @@
setPhotonEventOverlayFilter($event);
saveEventOverlay();
">
<el-radio-button label="VIP">{{
<el-radio-button value="VIP">{{
t('view.settings.advanced.photon.event_hud.filter_favorites')
}}</el-radio-button>
<el-radio-button label="Friends">{{
<el-radio-button value="Friends">{{
t('view.settings.advanced.photon.event_hud.filter_friends')
}}</el-radio-button>
<el-radio-button label="Everyone">{{
<el-radio-button value="Everyone">{{
t('view.settings.advanced.photon.event_hud.filter_everyone')
}}</el-radio-button>
</el-radio-group>

12
src/views/Settings/components/Tabs/AppearanceTab.vue
View File

@@ -75,10 +75,10 @@
<div class="options-container-item">
<span class="name">{{ t('view.settings.appearance.appearance.sort_favorite_by') }}</span>
<el-radio-group :model-value="sortFavorites" @change="saveSortFavoritesOption">
<el-radio :label="false">{{
<el-radio :value="false">{{
t('view.settings.appearance.appearance.sort_favorite_by_name')
}}</el-radio>
<el-radio :label="true">{{
<el-radio :value="true">{{
t('view.settings.appearance.appearance.sort_favorite_by_date')
}}</el-radio>
</el-radio-group>
@@ -86,10 +86,10 @@
<div class="options-container-item">
<span class="name">{{ t('view.settings.appearance.appearance.sort_instance_users_by') }}</span>
<el-radio-group :model-value="instanceUsersSortAlphabetical" @change="setInstanceUsersSortAlphabetical">
<el-radio :label="false">{{
<el-radio :value="false">{{
t('view.settings.appearance.appearance.sort_instance_users_by_time')
}}</el-radio>
<el-radio :label="true">{{
<el-radio :value="true">{{
t('view.settings.appearance.appearance.sort_instance_users_by_alphabet')
}}</el-radio>
</el-radio-group>
@@ -111,8 +111,8 @@
setDtHour12();
updateVRConfigVars();
">
<el-radio :label="true">{{ t('view.settings.appearance.timedate.time_format_12') }}</el-radio>
<el-radio :label="false">{{ t('view.settings.appearance.timedate.time_format_24') }}</el-radio>
<el-radio :value="true">{{ t('view.settings.appearance.timedate.time_format_12') }}</el-radio>
<el-radio :value="false">{{ t('view.settings.appearance.timedate.time_format_24') }}</el-radio>
</el-radio-group>
</div>
<simple-switch

16
src/views/Settings/components/Tabs/GeneralTab.vue
View File

@@ -50,13 +50,13 @@
size="small"
style="margin-top: 5px"
@change="setAutoUpdateVRCX">
<el-radio-button label="Off">{{
<el-radio-button value="Off">{{
t('view.settings.general.vrcx_updater.auto_update_off')
}}</el-radio-button>
<el-radio-button label="Notify">{{
<el-radio-button value="Notify">{{
t('view.settings.general.vrcx_updater.auto_update_notify')
}}</el-radio-button>
<el-radio-button label="Auto Download">{{
<el-radio-button value="Auto Download">{{
t('view.settings.general.vrcx_updater.auto_update_download')
}}</el-radio-button>
</el-radio-group>
@@ -230,8 +230,8 @@
:model-value="autoStateChangeNoFriends"
:disabled="!autoStateChangeEnabled"
@change="setAutoStateChangeNoFriends">
<el-radio :label="false">{{ t('view.settings.general.automation.alone') }}</el-radio>
<el-radio :label="true">{{ t('view.settings.general.automation.no_friends') }}</el-radio>
<el-radio :value="false">{{ t('view.settings.general.automation.alone') }}</el-radio>
<el-radio :value="true">{{ t('view.settings.general.automation.no_friends') }}</el-radio>
</el-radio-group>
</div>
<div class="options-container-item">
@@ -250,13 +250,13 @@
size="small"
style="margin-top: 5px"
@change="setAutoAcceptInviteRequests">
<el-radio-button label="Off">{{
<el-radio-button value="Off">{{
t('view.settings.general.automation.auto_invite_request_accept_off')
}}</el-radio-button>
<el-radio-button label="All Favorites">{{
<el-radio-button value="All Favorites">{{
t('view.settings.general.automation.auto_invite_request_accept_favs')
}}</el-radio-button>
<el-radio-button label="Selected Favorites">{{
<el-radio-button value="Selected Favorites">{{
t('view.settings.general.automation.auto_invite_request_accept_selected_favs')
}}</el-radio-button>
</el-radio-group>

32
src/views/Settings/components/Tabs/NotificationsTab.vue
View File

@@ -31,16 +31,16 @@
setOverlayToast($event);
saveOpenVROption();
">
<el-radio-button label="Never">{{
<el-radio-button value="Never">{{
t('view.settings.notifications.notifications.conditions.never')
}}</el-radio-button>
<el-radio-button label="Game Running">{{
<el-radio-button value="Game Running">{{
t('view.settings.notifications.notifications.conditions.inside_vrchat')
}}</el-radio-button>
<el-radio-button label="Game Closed">{{
<el-radio-button value="Game Closed">{{
t('view.settings.notifications.notifications.conditions.outside_vrchat')
}}</el-radio-button>
<el-radio-button label="Always">{{
<el-radio-button value="Always">{{
t('view.settings.notifications.notifications.conditions.always')
}}</el-radio-button>
</el-radio-group>
@@ -166,25 +166,25 @@
setDesktopToast($event);
saveOpenVROption();
">
<el-radio-button label="Never">{{
<el-radio-button value="Never">{{
t('view.settings.notifications.notifications.conditions.never')
}}</el-radio-button>
<el-radio-button label="Desktop Mode">{{
<el-radio-button value="Desktop Mode">{{
t('view.settings.notifications.notifications.conditions.desktop')
}}</el-radio-button>
<el-radio-button label="Inside VR">{{
<el-radio-button value="Inside VR">{{
t('view.settings.notifications.notifications.conditions.inside_vr')
}}</el-radio-button>
<el-radio-button label="Outside VR">{{
<el-radio-button value="Outside VR">{{
t('view.settings.notifications.notifications.conditions.outside_vr')
}}</el-radio-button>
<el-radio-button label="Game Running">{{
<el-radio-button value="Game Running">{{
t('view.settings.notifications.notifications.conditions.inside_vrchat')
}}</el-radio-button>
<el-radio-button label="Game Closed">{{
<el-radio-button value="Game Closed">{{
t('view.settings.notifications.notifications.conditions.outside_vrchat')
}}</el-radio-button>
<el-radio-button label="Always">{{
<el-radio-button value="Always">{{
t('view.settings.notifications.notifications.conditions.always')
}}</el-radio-button>
</el-radio-group>
@@ -211,19 +211,19 @@
size="small"
style="margin-top: 5px"
@change="saveNotificationTTS">
<el-radio-button label="Never">{{
<el-radio-button value="Never">{{
t('view.settings.notifications.notifications.conditions.never')
}}</el-radio-button>
<el-radio-button label="Inside VR">{{
<el-radio-button value="Inside VR">{{
t('view.settings.notifications.notifications.conditions.inside_vr')
}}</el-radio-button>
<el-radio-button label="Game Running">{{
<el-radio-button value="Game Running">{{
t('view.settings.notifications.notifications.conditions.inside_vrchat')
}}</el-radio-button>
<el-radio-button label="Game Closed">{{
<el-radio-button value="Game Closed">{{
t('view.settings.notifications.notifications.conditions.outside_vrchat')
}}</el-radio-button>
<el-radio-button label="Always">{{
<el-radio-button value="Always">{{
t('view.settings.notifications.notifications.conditions.always')
}}</el-radio-button>
</el-radio-group>

14
src/views/Settings/components/WristOverlaySettings.vue
View File

@@ -50,8 +50,8 @@
setOpenVRAlways();
saveOpenVROption();
">
<el-radio :label="false">{{ 'VRChat' }}</el-radio>
<el-radio :label="true">{{ 'SteamVR' }}</el-radio>
<el-radio :value="false">{{ 'VRChat' }}</el-radio>
<el-radio :value="true">{{ 'SteamVR' }}</el-radio>
</el-radio-group>
</div>
<div class="options-container-item">
@@ -63,10 +63,10 @@
setOverlaybutton();
saveOpenVROption();
">
<el-radio :label="false">{{
<el-radio :value="false">{{
t('view.settings.wrist_overlay.steamvr_wrist_overlay.overlay_button_grip')
}}</el-radio>
<el-radio :label="true">{{
<el-radio :value="true">{{
t('view.settings.wrist_overlay.steamvr_wrist_overlay.overlay_button_menu')
}}</el-radio>
</el-radio-group>
@@ -80,13 +80,13 @@
setOverlayHand($event);
saveOpenVROption();
">
<el-radio-button label="1">{{
<el-radio-button value="1">{{
t('view.settings.wrist_overlay.steamvr_wrist_overlay.display_overlay_on_left')
}}</el-radio-button>
<el-radio-button label="2">{{
<el-radio-button value="2">{{
t('view.settings.wrist_overlay.steamvr_wrist_overlay.display_overlay_on_right')
}}</el-radio-button>
<el-radio-button label="0">{{
<el-radio-button value="0">{{
t('view.settings.wrist_overlay.steamvr_wrist_overlay.display_overlay_on_both')
}}</el-radio-button>
</el-radio-group>

4
src/views/Settings/dialogs/FeedFiltersDialog.vue
View File

@@ -23,7 +23,7 @@
v-model="currentSharedFeedFilters[setting.key]"
size="small"
@change="saveSharedFeedFilters">
<el-radio-button v-for="option in setting.options" :key="option.label" :label="option.label">
<el-radio-button v-for="option in setting.options" :key="option.label" :value="option.label">
{{ t(option.textKey) }}
</el-radio-button>
</el-radio-group>
@@ -40,7 +40,7 @@
v-model="currentSharedFeedFilters[setting.key]"
size="small"
@change="saveSharedFeedFilters">
<el-radio-button v-for="option in setting.options" :key="option.label" :label="option.label">
<el-radio-button v-for="option in setting.options" :key="option.label" :value="option.label">
{{ t(option.textKey) }}
</el-radio-button>
</el-radio-group>

18
src/views/Settings/dialogs/NotificationPositionDialog.vue
View File

@@ -24,15 +24,15 @@
<rect style="fill: #c4c4c4" x="5" y="5" width="290" height="158.75" rx="2.5" />
</svg>
<el-radio-group :model-value="notificationPosition" size="small" @change="changeNotificationPosition">
<el-radio label="topLeft" style="margin: 0; position: absolute; left: 35px; top: 120px">‎</el-radio>
<el-radio label="top" style="margin: 0; position: absolute; left: 195px; top: 120px">‎</el-radio>
<el-radio label="topRight" style="margin: 0; position: absolute; right: 25px; top: 120px">‎</el-radio>
<el-radio label="centerLeft" style="margin: 0; position: absolute; left: 35px; top: 200px">‎</el-radio>
<el-radio label="center" style="margin: 0; position: absolute; left: 195px; top: 200px">‎</el-radio>
<el-radio label="centerRight" style="margin: 0; position: absolute; right: 25px; top: 200px">‎</el-radio>
<el-radio label="bottomLeft" style="margin: 0; position: absolute; left: 35px; top: 280px">‎</el-radio>
<el-radio label="bottom" style="margin: 0; position: absolute; left: 195px; top: 280px">‎</el-radio>
<el-radio label="bottomRight" style="margin: 0; position: absolute; right: 25px; top: 280px">‎</el-radio>
<el-radio value="topLeft" style="margin: 0; position: absolute; left: 35px; top: 120px">‎</el-radio>
<el-radio value="top" style="margin: 0; position: absolute; left: 195px; top: 120px">‎</el-radio>
<el-radio value="topRight" style="margin: 0; position: absolute; right: 25px; top: 120px">‎</el-radio>
<el-radio value="centerLeft" style="margin: 0; position: absolute; left: 35px; top: 200px">‎</el-radio>
<el-radio value="center" style="margin: 0; position: absolute; left: 195px; top: 200px">‎</el-radio>
<el-radio value="centerRight" style="margin: 0; position: absolute; right: 25px; top: 200px">‎</el-radio>
<el-radio value="bottomLeft" style="margin: 0; position: absolute; left: 35px; top: 280px">‎</el-radio>
<el-radio value="bottom" style="margin: 0; position: absolute; left: 195px; top: 280px">‎</el-radio>
<el-radio value="bottomRight" style="margin: 0; position: absolute; right: 25px; top: 280px">‎</el-radio>
</el-radio-group>
<template #footer>

6
src/views/Settings/dialogs/RegistryBackupDialog.vue
View File

@@ -33,7 +33,7 @@
<template #default="scope">
<el-tooltip placement="top" :content="t('dialog.registry_backup.restore')">
<el-button
type="text"
text
:icon="Upload"
size="small"
class="button-pd-0"
@@ -41,7 +41,7 @@
</el-tooltip>
<el-tooltip placement="top" :content="t('dialog.registry_backup.save_to_file')">
<el-button
type="text"
text
:icon="Download"
size="small"
class="button-pd-0"
@@ -49,7 +49,7 @@
</el-tooltip>
<el-tooltip placement="top" :content="t('dialog.registry_backup.delete')">
<el-button
type="text"
text
:icon="Delete"
size="small"
class="button-pd-0"

2
src/views/Sidebar/components/FriendItem.vue
View File

@@ -35,7 +35,7 @@
<template v-else-if="!friend.ref && !isRefreshFriendsLoading">
<span>{{ friend.name || friend.id }}</span>
<el-button
type="text"
text
:icon="Close"
size="small"
style="margin-left: 5px"

2
src/views/Tools/dialogs/GroupCalendarDialog.vue
View File

@@ -6,7 +6,7 @@
width="90vw"
height="80vh"
@close="closeDialog">
<template #title>
<template #header>
<div class="dialog-title-container">
<span>{{ t('dialog.group_calendar.header') }}</span>
<el-button @click="toggleViewMode" type="primary" size="small" class="view-toggle-btn">

6
src/views/Tools/dialogs/NoteExportDialog.vue
View File

@@ -79,11 +79,7 @@
<el-table-column :label="t('table.import.skip_export')" width="90" align="right">
<template #default="{ row }">
<el-button
type="text"
:icon="Close"
size="small"
@click="removeFromNoteExportTable(row)"></el-button>
<el-button text :icon="Close" size="small" @click="removeFromNoteExportTable(row)"></el-button>
</template>
</el-table-column>
</DataTable>