Update security.vue

This commit is contained in:
syuilo 2025-03-03 12:16:29 +09:00
parent c1a5b3feb6
commit 8bed0ad423
1 changed files with 38 additions and 29 deletions

View File

@ -4,39 +4,48 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div class="_gaps_m"> <SearchMarker path="/settings/security" :label="i18n.ts.security" :keywords="['security']" icon="ti ti-lock">
<FormSection first> <div class="_gaps_m">
<template #label>{{ i18n.ts.password }}</template> <SearchMarker :keywords="['password']">
<MkButton primary @click="change()">{{ i18n.ts.changePassword }}</MkButton> <FormSection first>
</FormSection> <template #label><SearchLabel>{{ i18n.ts.password }}</SearchLabel></template>
<X2fa/> <SearchMarker>
<MkButton primary @click="change()">
<SearchLabel>{{ i18n.ts.changePassword }}</SearchLabel>
</MkButton>
</SearchMarker>
</FormSection>
</SearchMarker>
<FormSection> <X2fa/>
<template #label>{{ i18n.ts.signinHistory }}</template>
<MkPagination :pagination="pagination" disableAutoLoad> <FormSection>
<template #default="{items}"> <template #label>{{ i18n.ts.signinHistory }}</template>
<div> <MkPagination :pagination="pagination" disableAutoLoad>
<div v-for="item in items" :key="item.id" v-panel class="timnmucd"> <template #default="{items}">
<header> <div>
<i v-if="item.success" class="ti ti-check icon succ"></i> <div v-for="item in items" :key="item.id" v-panel class="timnmucd">
<i v-else class="ti ti-circle-x icon fail"></i> <header>
<code class="ip _monospace">{{ item.ip }}</code> <i v-if="item.success" class="ti ti-check icon succ"></i>
<MkTime :time="item.createdAt" class="time"/> <i v-else class="ti ti-circle-x icon fail"></i>
</header> <code class="ip _monospace">{{ item.ip }}</code>
<MkTime :time="item.createdAt" class="time"/>
</header>
</div>
</div> </div>
</div> </template>
</template> </MkPagination>
</MkPagination> </FormSection>
</FormSection>
<FormSection> <FormSection>
<FormSlot> <FormSlot>
<MkButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton> <MkButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton>
<template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template> <template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template>
</FormSlot> </FormSlot>
</FormSection> </FormSection>
</div> </div>
</SearchMarker>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>