diff options
Diffstat (limited to 'web/html/xui/settings.html')
| -rw-r--r-- | web/html/xui/settings.html | 136 |
1 files changed, 76 insertions, 60 deletions
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html index f40b20a5..33ed36bf 100644 --- a/web/html/xui/settings.html +++ b/web/html/xui/settings.html @@ -165,60 +165,73 @@ </a-list> </a-tab-pane> <a-tab-pane key="2" tab='{{ i18n "pages.settings.securitySettings"}}' style="padding: 20px;"> - <a-tabs class="ant-card-dark-securitybox-nohover" default-active-key="sec-1" :class="themeSwitcher.currentTheme"> - <a-tab-pane key="sec-1" tab='{{ i18n "pages.settings.security.admin"}}'> - <a-form style="padding: 20px;"> - <a-form-item label='{{ i18n "pages.settings.oldUsername"}}'> - <a-input v-model="user.oldUsername" style="max-width: 300px"></a-input> - </a-form-item> - <a-form-item label='{{ i18n "pages.settings.currentPassword"}}'> - <password-input v-model="user.oldPassword" style="max-width: 300px"></password-input> - </a-form-item> - <a-form-item label='{{ i18n "pages.settings.newUsername"}}'> - <a-input v-model="user.newUsername" style="max-width: 300px"></a-input> - </a-form-item> - <a-form-item label='{{ i18n "pages.settings.newPassword"}}'> - <password-input v-model="user.newPassword" style="max-width: 300px"></password-input> - </a-form-item> - <a-form-item> - <a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button> - </a-form-item> - </a-form> - </a-tab-pane> - <a-tab-pane key="sec-2" tab='{{ i18n "pages.settings.security.secret"}}'> - <a-form style="padding: 20px;"> - <a-list-item style="padding: 20px"> - <a-row> - <a-col :lg="24" :xl="12"> - <a-list-item-meta title='{{ i18n "pages.settings.security.loginSecurity" }}' description='{{ i18n "pages.settings.security.loginSecurityDesc" }}' /> - </a-col> - <a-col :lg="24" :xl="12"> - <template> - <a-switch @change="toggleToken(allSetting.secretEnable)" v-model="allSetting.secretEnable"></a-switch> - </template> - </a-col> - </a-row> - </a-list-item> - <a-list-item style="padding: 20px"> - <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-col> - <a-col :lg="24" :xl="12"> - <svg - @click="getNewSecret" - xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="anticon anticon-question-circle" viewBox="0 0 16 16"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/><path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/> - </svg> - <template> - <a-textarea type="text" id='token' :disabled="!allSetting.secretEnable" v-model="user.loginSecret"></a-textarea> - </template> - </a-col> - </a-row> - </a-list-item> - <a-button type="primary" @click="updateSecret">{{ i18n "confirm" }}</a-button> - </a-form> - </a-tab-pane> - </a-tabs> + <a-divider>{{ i18n "pages.settings.security.admin"}}</a-divider> + <a-form style="padding: 20px;" layout="inline"> + <table cellpadding="2"> + <tr> + <td>{{ i18n "pages.settings.oldUsername"}}:</td> + <td> + <a-form-item> + <a-input v-model="user.oldUsername" style="width: 200px"></a-input> + </a-form-item> + </td> + </tr> + <tr> + <td>{{ i18n "pages.settings.currentPassword"}}:</td> + <td> + <a-form-item> + <password-input v-model="user.oldPassword" style="width: 200px"></password-input> + </a-form-item> + </td> + </tr> + <tr> + <td>{{ i18n "pages.settings.newUsername"}}:</td> + <td> + <a-form-item> + <a-input v-model="user.newUsername" style="width: 200px"></a-input> + </a-form-item> + </td> + </tr> + <tr> + <td>{{ i18n "pages.settings.newPassword"}}:</td> + <td> + <a-form-item> + <password-input v-model="user.newPassword" style="width: 200px"></password-input> + </a-form-item> + </td> + </tr> + </table> + <a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button> + </a-form> + <a-divider>{{ i18n "pages.settings.security.secret"}}</a-divider> + <a-form style="padding: 20px;"> + <a-list-item> + <a-row> + <a-col :lg="24" :xl="12"> + <a-list-item-meta title='{{ i18n "pages.settings.security.loginSecurity" }}' description='{{ i18n "pages.settings.security.loginSecurityDesc" }}' /> + </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-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-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-form> </a-tab-pane> <a-tab-pane key="3" tab='{{ i18n "pages.settings.TGBotSettings"}}'> @@ -289,6 +302,7 @@ siderDrawer, themeSwitcher, spinning: false, + changeSecret: false, oldAllSetting: new AllSetting(), allSetting: new AllSetting(), saveBtnDisable: true, @@ -405,12 +419,14 @@ return randomString; }, async getNewSecret() { - this.loading(true); - await PromiseUtil.sleep(600); - const newSecret = this.generateRandomString(64); - this.user.loginSecret = newSecret; - document.getElementById("token").textContent = newSecret; - this.loading(false); + if (!this.changeSecret) { + this.changeSecret = true; + this.user.loginSecret = ''; + const newSecret = this.generateRandomString(64); + await PromiseUtil.sleep(1000); + this.user.loginSecret = newSecret; + this.changeSecret = false; + } }, async toggleToken(value) { if (value) { |