mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-24 17:23:50 +02:00
replace some el-button
This commit is contained in:
pa
Natsumi
@@ -1,21 +1,28 @@
|
||||
<template>
|
||||
<div v-if="isVisible" :class="['inline-block']">
|
||||
<TooltipWrapper v-if="!canOpenInstanceInGame" side="top" :content="t('dialog.user.info.self_invite_tooltip')">
|
||||
<el-button v-show="isVisible" @click="confirmInvite" size="small" :icon="Message" circle />
|
||||
<Button
|
||||
class="rounded-full h-6 w-6 text-xs"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
v-show="isVisible"
|
||||
@click="confirmInvite"
|
||||
><i class="ri-mail-line"></i
|
||||
></Button>
|
||||
</TooltipWrapper>
|
||||
<TooltipWrapper v-else side="top" :content="t('dialog.user.info.open_in_vrchat_tooltip')">
|
||||
<el-button v-if="isOpeningInstance" size="small" circle>
|
||||
<el-icon class="is-loading">
|
||||
<Loading />
|
||||
</el-icon>
|
||||
</el-button>
|
||||
<el-button v-else @click="openInstance" size="small" :icon="Message" circle />
|
||||
<Button class="rounded-full h-6 w-6 text-xs" size="icon-sm" variant="outline" v-if="isOpeningInstance">
|
||||
<i class="ri-loader-line"></i>
|
||||
</Button>
|
||||
<Button class="rounded-full h-6 w-6 text-xs" size="icon-sm" variant="outline" v-else @click="openInstance"
|
||||
><i class="ri-mail-line"></i
|
||||
></Button>
|
||||
</TooltipWrapper>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Loading, Message } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { computed } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { toast } from 'vue-sonner';
|
||||
|
||||
@@ -18,16 +18,22 @@
|
||||
</div>
|
||||
<div class="custom-nav-entry__controls">
|
||||
<div class="custom-nav-entry__move">
|
||||
<el-button circle size="small" :disabled="index === 0" @click="handleMoveEntry(index, -1)">
|
||||
<Button
|
||||
class="rounded-full w-6 h-6 text-xs"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === 0"
|
||||
@click="handleMoveEntry(index, -1)">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</el-button>
|
||||
<el-button
|
||||
circle
|
||||
size="small"
|
||||
</Button>
|
||||
<Button
|
||||
class="rounded-full w-6 h-6 text-xs"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === localLayout.length - 1"
|
||||
@click="handleMoveEntry(index, 1)">
|
||||
<i class="ri-arrow-down-line"></i>
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -38,25 +44,27 @@
|
||||
<span>{{ entry.name?.trim() || t('nav_menu.custom_nav.folder_name_placeholder') }}</span>
|
||||
</div>
|
||||
<div class="custom-nav-entry__actions">
|
||||
<el-button size="small" plain @click="openFolderEditor(index)">
|
||||
<Button size="icon-sm w-6 h-6 text-xs" variant="outline" @click="openFolderEditor(index)">
|
||||
<i class="ri-edit-box-line"></i>
|
||||
{{ t('nav_menu.custom_nav.edit_folder') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
<div class="custom-nav-entry__move">
|
||||
<el-button
|
||||
circle
|
||||
size="small"
|
||||
<Button
|
||||
class="rounded-full text-xs w-6 h-6"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === 0"
|
||||
@click="handleMoveEntry(index, -1)">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</el-button>
|
||||
<el-button
|
||||
circle
|
||||
size="small"
|
||||
</Button>
|
||||
<Button
|
||||
class="rounded-full text-xs w-6 h-6"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === localLayout.length - 1"
|
||||
@click="handleMoveEntry(index, 1)">
|
||||
<i class="ri-arrow-down-line"></i>
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,20 +93,20 @@
|
||||
<template #footer>
|
||||
<div class="custom-nav-dialog__footer">
|
||||
<div class="custom-nav-dialog__footer-left">
|
||||
<el-button type="primary" plain @click="openFolderEditor()">
|
||||
<Button variant="outline" @click="openFolderEditor()">
|
||||
{{ t('nav_menu.custom_nav.add_folder') }}
|
||||
</el-button>
|
||||
<el-button type="warning" plain @click="handleReset">
|
||||
</Button>
|
||||
<Button variant="outline" @click="handleReset">
|
||||
{{ t('nav_menu.custom_nav.restore_default') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
<div class="custom-nav-dialog__footer-right">
|
||||
<el-button @click="handleClose">
|
||||
<Button variant="secondary" @click="handleClose">
|
||||
{{ t('nav_menu.custom_nav.cancel') }}
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="isSaveDisabled" @click="handleSave">
|
||||
</Button>
|
||||
<Button :disabled="isSaveDisabled" @click="handleSave">
|
||||
{{ t('nav_menu.custom_nav.save') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -156,24 +164,26 @@
|
||||
</div>
|
||||
<div class="folder-editor__selected-actions">
|
||||
<div class="custom-nav-entry__move">
|
||||
<el-button
|
||||
circle
|
||||
size="small"
|
||||
<Button
|
||||
class="rounded-full text-xs w-6 h-6"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === 0"
|
||||
@click="handleFolderItemMove(index, -1)">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</el-button>
|
||||
<el-button
|
||||
circle
|
||||
size="small"
|
||||
</Button>
|
||||
<Button
|
||||
class="rounded-full text-xs w-6 h-6"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
:disabled="index === folderEditor.data.items.length - 1"
|
||||
@click="handleFolderItemMove(index, 1)">
|
||||
<i class="ri-arrow-down-line"></i>
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
<el-button size="small" text @click="toggleFolderItem(key, false)">
|
||||
<Button size="sm" variant="outline" @click="toggleFolderItem(key, false)">
|
||||
{{ t('nav_menu.custom_nav.remove_from_folder') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -181,20 +191,20 @@
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="folder-editor__footer">
|
||||
<el-button
|
||||
<Button
|
||||
variant="destructive"
|
||||
v-if="folderEditor.isEditing"
|
||||
type="danger"
|
||||
:disabled="!canDeleteFolder"
|
||||
@click="handleFolderEditorDelete">
|
||||
{{ t('nav_menu.custom_nav.delete_folder') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
<div class="folder-editor__footer-spacer"></div>
|
||||
<el-button @click="closeFolderEditor">
|
||||
<Button variant="secondary" @click="closeFolderEditor">
|
||||
{{ t('nav_menu.custom_nav.cancel') }}
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="folderEditorSaveDisabled" @click="handleFolderEditorSave">
|
||||
</Button>
|
||||
<Button :disabled="folderEditorSaveDisabled" @click="handleFolderEditorSave">
|
||||
{{ t('nav_menu.custom_nav.save') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
@@ -202,6 +212,7 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, reactive, ref, watch } from 'vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import dayjs from 'dayjs';
|
||||
|
||||
@@ -70,8 +70,9 @@
|
||||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage')
|
||||
)
|
||||
">
|
||||
<el-button
|
||||
size="small"
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
isGroupMembersLoading ||
|
||||
@@ -84,7 +85,7 @@
|
||||
{{ t(memberFilter.name) }}
|
||||
<el-icon style="margin-left: 5px"><ArrowDown /></el-icon>
|
||||
</span>
|
||||
</el-button>
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent>
|
||||
<DropdownMenuItem
|
||||
@@ -110,20 +111,18 @@
|
||||
style="margin-top: 10px; margin-bottom: 10px"
|
||||
@input="groupMembersSearch"></el-input>
|
||||
<br />
|
||||
<el-button size="small" @click="selectAllGroupMembers">{{
|
||||
<Button size="sm" variant="outline" @click="selectAllGroupMembers">{{
|
||||
t('dialog.group_member_moderation.select_all')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
<DataTable
|
||||
v-if="groupMemberModerationTable.data.length"
|
||||
v-bind="groupMemberModerationTable"
|
||||
style="margin-top: 10px">
|
||||
<el-table-column width="55" prop="$selected">
|
||||
<template #default="scope">
|
||||
<el-button text size="small" @click.stop>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="groupMemberModerationTableSelectionChange(scope.row)" />
|
||||
</el-button>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="groupMemberModerationTableSelectionChange(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -228,17 +227,15 @@
|
||||
:placeholder="t('dialog.group.members.search')"
|
||||
style="margin-top: 10px; margin-bottom: 10px"></el-input>
|
||||
<br />
|
||||
<el-button size="small" @click="selectAllGroupBans">{{
|
||||
<Button size="sm" variant="outline" @click="selectAllGroupBans">{{
|
||||
t('dialog.group_member_moderation.select_all')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
<DataTable v-bind="groupBansModerationTable" style="margin-top: 10px">
|
||||
<el-table-column width="55" prop="$selected">
|
||||
<template #default="scope">
|
||||
<el-button text size="small" @click.stop>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="groupMemberModerationTableSelectionChange(scope.row)" />
|
||||
</el-button>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="groupMemberModerationTableSelectionChange(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -342,19 +339,17 @@
|
||||
groupInvitesModerationTable.data.length
|
||||
}}</span>
|
||||
</template>
|
||||
<el-button size="small" @click="selectAllGroupInvites">{{
|
||||
<Button size="sm" variant="outline" @click="selectAllGroupInvites">{{
|
||||
t('dialog.group_member_moderation.select_all')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
<DataTable v-bind="groupInvitesModerationTable" style="margin-top: 10px">
|
||||
<el-table-column width="55" prop="$selected">
|
||||
<template #default="scope">
|
||||
<el-button text size="small" @click.stop>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</el-button>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -403,7 +398,8 @@
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
<br />
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent ||
|
||||
@@ -411,7 +407,7 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersDeleteSentInvite"
|
||||
>{{ t('dialog.group_member_moderation.delete_sent_invite') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.delete_sent_invite') }}</Button
|
||||
>
|
||||
</el-tab-pane>
|
||||
|
||||
@@ -424,19 +420,17 @@
|
||||
groupJoinRequestsModerationTable.data.length
|
||||
}}</span>
|
||||
</template>
|
||||
<el-button size="small" @click="selectAllGroupJoinRequests">{{
|
||||
<Button size="sm" variant="outline" @click="selectAllGroupJoinRequests">{{
|
||||
t('dialog.group_member_moderation.select_all')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
<DataTable v-bind="groupJoinRequestsModerationTable" style="margin-top: 10px">
|
||||
<el-table-column width="55" prop="$selected">
|
||||
<template #default="scope">
|
||||
<el-button text size="small" @click.stop>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</el-button>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -485,7 +479,8 @@
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
<br />
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent ||
|
||||
@@ -493,9 +488,10 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersAcceptInviteRequest"
|
||||
>{{ t('dialog.group_member_moderation.accept_join_requests') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.accept_join_requests') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent ||
|
||||
@@ -503,9 +499,10 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersRejectInviteRequest"
|
||||
>{{ t('dialog.group_member_moderation.reject_join_requests') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.reject_join_requests') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent ||
|
||||
@@ -513,7 +510,7 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersBlockJoinRequest"
|
||||
>{{ t('dialog.group_member_moderation.block_join_requests') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.block_join_requests') }}</Button
|
||||
>
|
||||
</el-tab-pane>
|
||||
|
||||
@@ -526,19 +523,17 @@
|
||||
groupBlockedModerationTable.data.length
|
||||
}}</span>
|
||||
</template>
|
||||
<el-button size="small" @click="selectAllGroupBlocked">{{
|
||||
<Button size="sm" variant="outline" @click="selectAllGroupBlocked">{{
|
||||
t('dialog.group_member_moderation.select_all')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
<DataTable v-bind="groupBlockedModerationTable" style="margin-top: 10px">
|
||||
<el-table-column width="55" prop="$selected">
|
||||
<template #default="scope">
|
||||
<el-button text size="small" @click.stop>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</el-button>
|
||||
<Checkbox
|
||||
v-model="scope.row.$selected"
|
||||
@update:modelValue="
|
||||
groupMemberModerationTableSelectionChange(scope.row)
|
||||
" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -587,7 +582,8 @@
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
<br />
|
||||
<el-button
|
||||
<Button
|
||||
variant="secondary"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent ||
|
||||
@@ -595,7 +591,7 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersDeleteBlockedRequest"
|
||||
>{{ t('dialog.group_member_moderation.delete_blocked_requests') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.delete_blocked_requests') }}</Button
|
||||
>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
@@ -634,9 +630,9 @@
|
||||
</Select>
|
||||
</div>
|
||||
<div>
|
||||
<el-button @click="showGroupLogsExportDialog">{{
|
||||
<Button variant="outline" @click="showGroupLogsExportDialog">{{
|
||||
t('dialog.group_member_moderation.export_logs')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
</div>
|
||||
</div>
|
||||
<el-input
|
||||
@@ -709,23 +705,25 @@
|
||||
style="margin-top: 5px; width: 340px"
|
||||
:placeholder="t('dialog.group_member_moderation.user_id_placeholder')"
|
||||
clearable></el-input>
|
||||
<el-button
|
||||
size="small"
|
||||
<Button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
style="margin-top: 5px; margin-left: 5px"
|
||||
:disabled="!selectUserId"
|
||||
@click="selectGroupMemberUserId"
|
||||
>{{ t('dialog.group_member_moderation.select_user') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.select_user') }}</Button
|
||||
>
|
||||
<br />
|
||||
<br />
|
||||
<span class="name">{{ t('dialog.group_member_moderation.selected_users') }}</span>
|
||||
<el-button
|
||||
type="default"
|
||||
size="small"
|
||||
:icon="Delete"
|
||||
circle
|
||||
<Button
|
||||
class="rounded-full"
|
||||
size="icon-sm"
|
||||
variant="outline"
|
||||
style="margin-left: 5px"
|
||||
@click="clearSelectedGroupMembers"></el-button>
|
||||
@click="clearSelectedGroupMembers">
|
||||
<Trash2
|
||||
/></Button>
|
||||
<br />
|
||||
<Badge
|
||||
v-for="user in selectedUsersArray"
|
||||
@@ -786,7 +784,8 @@
|
||||
<br />
|
||||
<span class="name">{{ t('dialog.group_member_moderation.actions') }}</span>
|
||||
<br />
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
!selectedRoles.length ||
|
||||
@@ -795,9 +794,10 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersAddRoles"
|
||||
>{{ t('dialog.group_member_moderation.add_roles') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.add_roles') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="secondary"
|
||||
:disabled="
|
||||
Boolean(
|
||||
!selectedRoles.length ||
|
||||
@@ -806,47 +806,51 @@
|
||||
)
|
||||
"
|
||||
@click="groupMembersRemoveRoles"
|
||||
>{{ t('dialog.group_member_moderation.remove_roles') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.remove_roles') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-members-manage')
|
||||
)
|
||||
"
|
||||
@click="groupMembersSaveNote"
|
||||
>{{ t('dialog.group_member_moderation.save_note') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.save_note') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(
|
||||
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-members-remove')
|
||||
)
|
||||
"
|
||||
@click="groupMembersKick"
|
||||
>{{ t('dialog.group_member_moderation.kick') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.kick') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage'))
|
||||
"
|
||||
@click="groupMembersBan"
|
||||
>{{ t('dialog.group_member_moderation.ban') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.ban') }}</Button
|
||||
>
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="
|
||||
Boolean(progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage'))
|
||||
"
|
||||
@click="groupMembersUnban"
|
||||
>{{ t('dialog.group_member_moderation.unban') }}</el-button
|
||||
>{{ t('dialog.group_member_moderation.unban') }}</Button
|
||||
>
|
||||
<span v-if="progressCurrent" style="margin-top: 10px">
|
||||
<el-icon class="is-loading" style="margin-left: 5px; margin-right: 5px"><Loading /></el-icon>
|
||||
{{ t('dialog.group_member_moderation.progress') }} {{ progressCurrent }}/{{ progressTotal }}
|
||||
</span>
|
||||
<el-button v-if="progressCurrent" style="margin-left: 5px" @click="progressTotal = 0">{{
|
||||
<Button variant="secondary" v-if="progressCurrent" style="margin-left: 5px" @click="progressTotal = 0">{{
|
||||
t('dialog.group_member_moderation.cancel')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
</div>
|
||||
<group-member-moderation-export-dialog
|
||||
v-model:isGroupLogsExportDialogVisible="isGroupLogsExportDialogVisible"
|
||||
@@ -855,8 +859,10 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ArrowDown, Delete, Loading, Refresh, Warning } from '@element-plus/icons-vue';
|
||||
import { ArrowDown, Loading, Refresh, Warning } from '@element-plus/icons-vue';
|
||||
import { reactive, ref, watch } from 'vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Trash2 } from 'lucide-vue-next';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -57,22 +57,24 @@
|
||||
</el-table-column>
|
||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
text
|
||||
:icon="Edit"
|
||||
size="small"
|
||||
@click.stop="showEditAndSendInviteDialog(scope.row)"></el-button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
class="w-6 h-6"
|
||||
variant="ghost"
|
||||
@click.stop="showEditAndSendInviteDialog(scope.row)">
|
||||
<SquarePen />
|
||||
</Button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="cancelSendInvite">
|
||||
<Button variant="secondary" @click="cancelSendInvite">
|
||||
{{ t('dialog.invite_message.cancel') }}
|
||||
</el-button>
|
||||
<el-button @click="refreshInviteMessageTableData('message')">
|
||||
</Button>
|
||||
<Button variant="outline" @click="refreshInviteMessageTableData('message')">
|
||||
{{ t('dialog.invite_message.refresh') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</template>
|
||||
<SendInviteConfirmDialog
|
||||
v-model:isSendInviteConfirmDialogVisible="isSendInviteConfirmDialogVisible"
|
||||
@@ -90,7 +92,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Edit } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ref } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -37,24 +37,30 @@
|
||||
|
||||
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
text
|
||||
:icon="DataLine"
|
||||
size="small"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)" />
|
||||
<el-button
|
||||
<Button
|
||||
size="icon-sm"
|
||||
class="w-6 h-6 text-xs"
|
||||
variant="ghost"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)"
|
||||
><i class="ri-information-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
class="w-6 h-6 text-xs"
|
||||
v-if="shiftHeld"
|
||||
style="color: #f56c6c"
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
@click="deleteGameLogGroupInstance(scope.row)" />
|
||||
<el-button
|
||||
@click="deleteGameLogGroupInstance(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
class="w-6 h-6 text-xs"
|
||||
v-else
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
@click="deleteGameLogGroupInstancePrompt(scope.row)" />
|
||||
@click="deleteGameLogGroupInstancePrompt(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
@@ -63,7 +69,7 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, nextTick, reactive, ref, watch } from 'vue';
|
||||
import { Close, DataLine } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ElMessageBox } from 'element-plus';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
|
||||
@@ -41,27 +41,30 @@
|
||||
</el-table-column>
|
||||
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
text
|
||||
:icon="DataLine"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)"></el-button>
|
||||
<el-button
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)"
|
||||
><i class="ri-information-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
v-if="shiftHeld"
|
||||
style="color: #f56c6c"
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="deleteGameLogWorldInstance(scope.row)"></el-button>
|
||||
<el-button
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="deleteGameLogWorldInstance(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
v-else
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="deleteGameLogWorldInstancePrompt(scope.row)"></el-button>
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="deleteGameLogWorldInstancePrompt(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
@@ -70,7 +73,7 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, nextTick, reactive, ref, watch } from 'vue';
|
||||
import { Close, DataLine } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ElMessageBox } from 'element-plus';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -23,27 +23,29 @@
|
||||
show-word-limit
|
||||
style="margin-top: 5px">
|
||||
<img :src="getFaviconUrl(link)" style="width: 16px; height: 16px; vertical-align: middle" />
|
||||
<el-button :icon="Delete" @click="bioDialog.bioLinks.splice(index, 1)" />
|
||||
<Button variant="outline" @click="bioDialog.bioLinks.splice(index, 1)" />
|
||||
</el-input>
|
||||
|
||||
<el-button
|
||||
<Button
|
||||
variant="outline"
|
||||
:disabled="bioDialog.bioLinks.length >= 3"
|
||||
size="small"
|
||||
style="margin-top: 5px"
|
||||
size="sm"
|
||||
class="mt-2"
|
||||
@click="bioDialog.bioLinks.push('')">
|
||||
{{ t('dialog.bio.add_link') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<template #footer>
|
||||
<el-button type="primary" :disabled="bioDialog.loading" @click="saveBio">
|
||||
<Button :disabled="bioDialog.loading" @click="saveBio">
|
||||
{{ t('dialog.bio.update') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { Delete } from '@element-plus/icons-vue';
|
||||
import { InputGroupCharCount } from '@/components/ui/input-group';
|
||||
import { toast } from 'vue-sonner';
|
||||
|
||||
@@ -38,33 +38,37 @@
|
||||
</el-table-column>
|
||||
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
text
|
||||
:icon="SwitchButton"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="showLaunchDialog(scope.row.location)"></el-button>
|
||||
<el-button
|
||||
text
|
||||
:icon="DataLine"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)"></el-button>
|
||||
<el-button
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="showLaunchDialog(scope.row.location)"
|
||||
><i class="ri-door-open-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="showPreviousInstancesInfoDialog(scope.row.location)"
|
||||
><i class="ri-information-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
v-if="shiftHeld"
|
||||
style="color: #f56c6c"
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="deleteGameLogUserInstance(scope.row)"></el-button>
|
||||
<el-button
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="deleteGameLogUserInstance(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
<Button
|
||||
size="icon-sm"
|
||||
variant="ghost"
|
||||
v-else
|
||||
text
|
||||
:icon="Close"
|
||||
size="small"
|
||||
class="button-pd-0"
|
||||
@click="deleteGameLogUserInstancePrompt(scope.row)"></el-button>
|
||||
class="button-pd-0 w-6 h-6 text-xs"
|
||||
@click="deleteGameLogUserInstancePrompt(scope.row)"
|
||||
><i class="ri-delete-bin-line"></i
|
||||
></Button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
@@ -73,7 +77,7 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, nextTick, reactive, ref, watch } from 'vue';
|
||||
import { Close, DataLine, SwitchButton } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { ElMessageBox } from 'element-plus';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -32,20 +32,20 @@
|
||||
</el-table-column>
|
||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
text
|
||||
:icon="Edit"
|
||||
size="small"
|
||||
@click.stop="showEditAndSendInviteDialog(scope.row)"></el-button>
|
||||
<Button size="icon-sm" variant="ghost" @click.stop="showEditAndSendInviteDialog(scope.row)">
|
||||
<SquarePen
|
||||
/></Button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</DataTable>
|
||||
|
||||
<template #footer>
|
||||
<el-button @click="cancelSendInviteRequest">{{ t('dialog.invite_request_message.cancel') }}</el-button>
|
||||
<el-button @click="refreshInviteMessageTableData('request')">{{
|
||||
<Button variant="secondary" class="mr-2" @click="cancelSendInviteRequest">{{
|
||||
t('dialog.invite_request_message.cancel')
|
||||
}}</Button>
|
||||
<Button @click="refreshInviteMessageTableData('request')">{{
|
||||
t('dialog.invite_request_message.refresh')
|
||||
}}</el-button>
|
||||
}}</Button>
|
||||
</template>
|
||||
<SendInviteConfirmDialog
|
||||
v-model:isSendInviteConfirmDialogVisible="isSendInviteConfirmDialogVisible"
|
||||
@@ -63,7 +63,8 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Edit } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { SquarePen } from 'lucide-vue-next';
|
||||
import { ref } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
@@ -12,23 +12,23 @@
|
||||
v-model="urlList[index]"
|
||||
size="small"
|
||||
style="margin-top: 5px">
|
||||
<el-button :icon="Delete" @click="urlList.splice(index, 1)"></el-button>
|
||||
<Button variant="outline" @click="urlList.splice(index, 1)"></Button>
|
||||
</el-input>
|
||||
<el-button size="small" style="margin-top: 5px" @click="urlList.push('')">
|
||||
<Button size="sm" variant="outline" style="margin-top: 5px" @click="urlList.push('')">
|
||||
{{ t('dialog.allowed_video_player_domains.add_domain') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</div>
|
||||
<template #footer>
|
||||
<el-button type="primary" :disabled="!worldAllowedDomainsDialog.worldId" @click="saveWorldAllowedDomains">
|
||||
<Button :disabled="!worldAllowedDomainsDialog.worldId" @click="saveWorldAllowedDomains">
|
||||
{{ t('dialog.allowed_video_player_domains.save') }}
|
||||
</el-button>
|
||||
</Button>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, ref, watch } from 'vue';
|
||||
import { Delete } from '@element-plus/icons-vue';
|
||||
import { Button } from '@/components/ui/button';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
|
||||
Reference in New Issue
Block a user