mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-19 14:53:50 +02:00
clean profile tab
This commit is contained in:
pa
Natsumi
@@ -138,231 +138,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="options-container">
|
|
||||||
<div class="header-bar">
|
|
||||||
<span class="header">{{ t('view.profile.invite_messages') }}</span>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.refresh_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Refresh"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="
|
|
||||||
inviteMessageTable.visible = true;
|
|
||||||
refreshInviteMessageTableData('message');
|
|
||||||
"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.clear_results_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Delete"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="inviteMessageTable.visible = false"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<DataTable v-if="inviteMessageTable.visible" v-bind="inviteMessageTable" style="margin-top: 10px">
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.slot')"
|
|
||||||
prop="slot"
|
|
||||||
:sortable="true"
|
|
||||||
width="70"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.message')" prop="message"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.cool_down')"
|
|
||||||
prop="updatedAt"
|
|
||||||
:sortable="true"
|
|
||||||
width="110"
|
|
||||||
align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<countdown-timer :datetime="scope.row.updatedAt" :hours="1"></countdown-timer>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="60" align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
:icon="Edit"
|
|
||||||
size="small"
|
|
||||||
@click="showEditInviteMessageDialog('message', scope.row)"></el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-container">
|
|
||||||
<div class="header-bar">
|
|
||||||
<span class="header">{{ t('view.profile.invite_response_messages') }}</span>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.refresh_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Refresh"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="
|
|
||||||
inviteResponseMessageTable.visible = true;
|
|
||||||
refreshInviteMessageTableData('response');
|
|
||||||
"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.clear_results_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Delete"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="inviteResponseMessageTable.visible = false"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<DataTable
|
|
||||||
v-if="inviteResponseMessageTable.visible"
|
|
||||||
v-bind="inviteResponseMessageTable"
|
|
||||||
style="margin-top: 10px">
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.slot')"
|
|
||||||
prop="slot"
|
|
||||||
:sortable="true"
|
|
||||||
width="70"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.message')" prop="message"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.cool_down')"
|
|
||||||
prop="updatedAt"
|
|
||||||
:sortable="true"
|
|
||||||
width="110"
|
|
||||||
align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<countdown-timer :datetime="scope.row.updatedAt" :hours="1"></countdown-timer>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="60" align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
:icon="Edit"
|
|
||||||
size="small"
|
|
||||||
@click="showEditInviteMessageDialog('response', scope.row)"></el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-container">
|
|
||||||
<div class="header-bar">
|
|
||||||
<span class="header">{{ t('view.profile.invite_request_messages') }}</span>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.refresh_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Refresh"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="
|
|
||||||
inviteRequestMessageTable.visible = true;
|
|
||||||
refreshInviteMessageTableData('request');
|
|
||||||
"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.clear_results_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Delete"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="inviteRequestMessageTable.visible = false"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<DataTable
|
|
||||||
v-if="inviteRequestMessageTable.visible"
|
|
||||||
v-bind="inviteRequestMessageTable"
|
|
||||||
style="margin-top: 10px">
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.slot')"
|
|
||||||
prop="slot"
|
|
||||||
:sortable="true"
|
|
||||||
width="70"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.message')" prop="message"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.cool_down')"
|
|
||||||
prop="updatedAt"
|
|
||||||
:sortable="true"
|
|
||||||
width="110"
|
|
||||||
align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<countdown-timer :datetime="scope.row.updatedAt" :hours="1"></countdown-timer>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="60" align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
:icon="Edit"
|
|
||||||
size="small"
|
|
||||||
@click="showEditInviteMessageDialog('request', scope.row)"></el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-container">
|
|
||||||
<div class="header-bar">
|
|
||||||
<span class="header">{{ t('view.profile.invite_request_response_messages') }}</span>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.refresh_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Refresh"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="
|
|
||||||
inviteRequestResponseMessageTable.visible = true;
|
|
||||||
refreshInviteMessageTableData('requestResponse');
|
|
||||||
"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.clear_results_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Delete"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="inviteRequestResponseMessageTable.visible = false"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<DataTable
|
|
||||||
v-if="inviteRequestResponseMessageTable.visible"
|
|
||||||
v-bind="inviteRequestResponseMessageTable"
|
|
||||||
style="margin-top: 10px">
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.slot')"
|
|
||||||
prop="slot"
|
|
||||||
:sortable="true"
|
|
||||||
width="70"></el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.message')" prop="message"></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
:label="t('table.profile.invite_messages.cool_down')"
|
|
||||||
prop="updatedAt"
|
|
||||||
:sortable="true"
|
|
||||||
width="110"
|
|
||||||
align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<countdown-timer :datetime="scope.row.updatedAt" :hours="1"></countdown-timer>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="t('table.profile.invite_messages.action')" width="60" align="right">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button
|
|
||||||
type="text"
|
|
||||||
:icon="Edit"
|
|
||||||
size="small"
|
|
||||||
@click="showEditInviteMessageDialog('requestResponse', scope.row)"></el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</DataTable>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-container">
|
<div class="options-container">
|
||||||
<span class="header">{{ t('view.profile.past_display_names') }}</span>
|
<span class="header">{{ t('view.profile.past_display_names') }}</span>
|
||||||
<DataTable v-bind="pastDisplayNameTable" style="margin-top: 10px">
|
<DataTable v-bind="pastDisplayNameTable" style="margin-top: 10px">
|
||||||
@@ -412,41 +187,6 @@
|
|||||||
</el-tree>
|
</el-tree>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="options-container">
|
|
||||||
<div class="header-bar">
|
|
||||||
<span class="header">{{ t('view.profile.current_user_json') }}</span>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.refresh_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Refresh"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="refreshCurrentUserTreeData()"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip placement="top" :content="t('view.profile.clear_results_tooltip')">
|
|
||||||
<el-button
|
|
||||||
type="default"
|
|
||||||
size="small"
|
|
||||||
:icon="Delete"
|
|
||||||
circle
|
|
||||||
style="margin-left: 5px"
|
|
||||||
@click="currentUserTreeData = []"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</div>
|
|
||||||
<el-tree
|
|
||||||
v-if="currentUserTreeData.length > 0"
|
|
||||||
:data="currentUserTreeData"
|
|
||||||
style="margin-top: 10px; font-size: 12px">
|
|
||||||
<template #default="scope">
|
|
||||||
<span>
|
|
||||||
<span style="font-weight: bold; margin-right: 5px" v-text="scope.data.key"></span>
|
|
||||||
<span v-if="!scope.data.children" v-text="scope.data.value"></span>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-tree>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="options-container">
|
<div class="options-container">
|
||||||
<div class="header-bar">
|
<div class="header-bar">
|
||||||
<span class="header">{{ t('view.profile.feedback') }}</span>
|
<span class="header">{{ t('view.profile.feedback') }}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user