clean profile tab

This commit is contained in:
pa
2025-10-19 20:56:44 +09:00
committed by Natsumi
parent f016ab9e0c
commit 090395bb61

View File

@@ -138,231 +138,6 @@
</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">
<span class="header">{{ t('view.profile.past_display_names') }}</span>
<DataTable v-bind="pastDisplayNameTable" style="margin-top: 10px">
@@ -412,41 +187,6 @@
</el-tree>
</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="header-bar">
<span class="header">{{ t('view.profile.feedback') }}</span>