chore: pretty auth tab in panel settings (#2701)

This commit is contained in:
Shishkevich D. 2025-03-04 15:54:59 +07:00 committed by GitHub
parent 0f97eca314
commit 91a84db479
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -185,25 +185,89 @@
</a-list-item> </a-list-item>
</a-list> </a-list>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab='{{ i18n "pages.settings.securitySettings"}}' style="padding: 20px;"> <a-tab-pane key="2" tab='{{ i18n "pages.settings.securitySettings"}}' style="padding-top: 20px;">
<a-divider>{{ i18n "pages.settings.security.admin"}}</a-divider> <a-collapse>
<a-form layout="horizontal" :colon="false" style="float: left; margin-bottom: 2rem;" :label-col="{ md: {span:10} }" :wrapper-col="{ md: {span:14} }"> <a-collapse-panel header='{{ i18n "pages.settings.security.admin"}}'>
<a-form-item label='{{ i18n "pages.settings.oldUsername"}}'> <a-list-item>
<a-row style="padding: 0 20px; padding-bottom: 10px;">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.oldUsername"}}'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<a-input autocomplete="username" v-model="user.oldUsername"></a-input> <a-input autocomplete="username" v-model="user.oldUsername"></a-input>
</a-form-item> </template>
<a-form-item label='{{ i18n "pages.settings.currentPassword"}}'> </a-col>
</a-row>
<a-row style="padding: 10px 20px">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.currentPassword"}}'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<password-input autocomplete="current-password" v-model="user.oldPassword"></password-input> <password-input autocomplete="current-password" v-model="user.oldPassword"></password-input>
</a-form-item> </template>
<a-form-item label='{{ i18n "pages.settings.newUsername"}}'> </a-col>
</a-row>
<a-row style="padding: 10px 20px">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.newUsername"}}'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<a-input v-model="user.newUsername"></a-input> <a-input v-model="user.newUsername"></a-input>
</a-form-item> </template>
<a-form-item label='{{ i18n "pages.settings.newPassword"}}'> </a-col>
</a-row>
<a-row style="padding: 10px 20px">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.newPassword"}}'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<password-input autocomplete="new-password" v-model="user.newPassword"></password-input> <password-input autocomplete="new-password" v-model="user.newPassword"></password-input>
</a-form-item> </template>
<a-form-item label=" "> </a-col>
</a-row>
<a-space direction="horizontal" style="padding: 0 20px; padding-top: 20px;">
<a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button> <a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button>
</a-form-item> </a-space>
</a-form> </a-list-item>
</a-collapse-panel>
<a-collapse-panel header='{{ i18n "pages.settings.security.secret"}}'>
<a-list-item>
<a-row style="padding: 0 20px; padding-bottom: 10px;">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.security.loginSecurity" }}'
description='{{ i18n "pages.settings.security.loginSecurityDesc" }}'>
</a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<a-switch @change="toggleToken(allSetting.secretEnable)" v-model="allSetting.secretEnable"></a-switch>
<a-icon style="margin-left: 1rem;" v-if="allSetting.secretEnable" :spin="this.changeSecret" type="sync" @click="getNewSecret"></a-icon>
</template>
</a-col>
</a-row>
<a-row style="padding: 10px 20px">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.security.secretToken" }}'
description='{{ i18n "pages.settings.security.secretTokenDesc" }}'>
</a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<a-textarea type="text" :disabled="!allSetting.secretEnable" v-model="user.loginSecret"></a-textarea>
</template>
</a-col>
</a-row>
<a-space direction="horizontal" style="padding: 0 20px; padding-top: 20px;">
<a-button type="primary" :loading="this.changeSecret" @click="updateSecret">{{ i18n "confirm" }}</a-button>
</a-space>
</a-list-item>
</a-collapse-panel>
</a-collapse>
<!--
<a-divider>{{ i18n "pages.settings.security.secret"}}</a-divider> <a-divider>{{ i18n "pages.settings.security.secret"}}</a-divider>
<a-form style="padding: 0 20px;"> <a-form style="padding: 0 20px;">
<a-list-item> <a-list-item>
@ -221,22 +285,9 @@
</a-col> </a-col>
</a-row> </a-row>
</a-list-item> </a-list-item>
<a-list-item>
<a-row>
<a-col :lg="24" :xl="12">
<a-list-item-meta title='{{ i18n "pages.settings.security.secretToken" }}'
description='{{ i18n "pages.settings.security.secretTokenDesc" }}'>
</a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<template>
<a-textarea type="text" :disabled="!allSetting.secretEnable" v-model="user.loginSecret"></a-textarea>
</template>
</a-col>
</a-row>
</a-list-item>
<a-button type="primary" :loading="this.changeSecret" @click="updateSecret">{{ i18n "confirm" }}</a-button> <a-button type="primary" :loading="this.changeSecret" @click="updateSecret">{{ i18n "confirm" }}</a-button>
</a-form> </a-form> -->
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab='{{ i18n "pages.settings.TGBotSettings"}}'> <a-tab-pane key="3" tab='{{ i18n "pages.settings.TGBotSettings"}}'>
<a-list item-layout="horizontal"> <a-list item-layout="horizontal">