diff options
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/pages/settings/profiles.vue | 47 | ||||
| -rw-r--r-- | packages/frontend/src/preferences/utility.ts | 40 | ||||
| -rw-r--r-- | packages/frontend/src/router.definition.ts | 4 |
3 files changed, 80 insertions, 11 deletions
diff --git a/packages/frontend/src/pages/settings/profiles.vue b/packages/frontend/src/pages/settings/profiles.vue new file mode 100644 index 0000000000..4804c11f7a --- /dev/null +++ b/packages/frontend/src/pages/settings/profiles.vue @@ -0,0 +1,47 @@ +<!-- +SPDX-FileCopyrightText: syuilo and misskey-project +SPDX-License-Identifier: AGPL-3.0-only +--> + +<template> +<SearchMarker path="/settings/profiles" :label="i18n.ts._preferencesProfile.manageProfiles" :keywords="['profile', 'settings', 'preferences', 'manage']" icon="ti ti-settings-cog"> + <div class="_gaps"> + <MkFolder v-for="backup in backups"> + <template #label>{{ backup.name }}</template> + <MkButton danger @click="del(backup)">{{ i18n.ts.delete }}</MkButton> + </MkFolder> + </div> +</SearchMarker> +</template> + +<script lang="ts" setup> +import { ref, computed } from 'vue'; +import type { MenuItem } from '@/types/menu.js'; +import MkButton from '@/components/MkButton.vue'; +import MkFolder from '@/components/MkFolder.vue'; +import * as os from '@/os.js'; +import { misskeyApi } from '@/utility/misskey-api.js'; +import { $i } from '@/i.js'; +import { i18n } from '@/i18n.js'; +import { definePage } from '@/page.js'; +import { prefer } from '@/preferences.js'; +import { deleteCloudBackup, listCloudBackups } from '@/preferences/utility.js'; + +const backups = await listCloudBackups(); + +function del(backup) { + deleteCloudBackup(backup.name); +} + +const headerActions = computed(() => []); + +const headerTabs = computed(() => []); + +definePage(() => ({ + title: i18n.ts._preferencesProfile.manageProfiles, + icon: 'ti ti-settings-cog', +})); +</script> + +<style lang="scss" module> +</style> diff --git a/packages/frontend/src/preferences/utility.ts b/packages/frontend/src/preferences/utility.ts index adba908c3c..af5b178df6 100644 --- a/packages/frontend/src/preferences/utility.ts +++ b/packages/frontend/src/preferences/utility.ts @@ -74,12 +74,17 @@ export function getPreferencesProfileMenu(): MenuItem[] { action: () => { importProfile(); }, + }, { + type: 'divider', + }, { + type: 'link', + text: i18n.ts._preferencesProfile.manageProfiles + '...', + icon: 'ti ti-settings-cog', + to: '/settings/profiles', }]; if (prefer.s.devMode) { menu.push({ - type: 'divider', - }, { text: 'Copy profile as text', icon: 'ti ti-clipboard', action: () => { @@ -145,17 +150,30 @@ export async function cloudBackup() { }); } -export async function restoreFromCloudBackup() { - if ($i == null) return; - - // TODO: 更新日時でソートして取得したい +export async function listCloudBackups() { const keys = await misskeyApi('i/registry/keys', { scope: ['client', 'preferences', 'backups'], }); - if (_DEV_) console.log(keys); + return keys.map(k => ({ + name: k, + })); +} + +export async function deleteCloudBackup(key: string) { + await os.apiWithDialog('i/registry/remove', { + scope: ['client', 'preferences', 'backups'], + key, + }); +} + +export async function restoreFromCloudBackup() { + if ($i == null) return; + + // TODO: 更新日時でソートしたい + const backups = await listCloudBackups(); - if (keys.length === 0) { + if (backups.length === 0) { os.alert({ type: 'warning', title: i18n.ts._preferencesBackup.noBackupsFoundTitle, @@ -166,9 +184,9 @@ export async function restoreFromCloudBackup() { const select = await os.select({ title: i18n.ts._preferencesBackup.selectBackupToRestore, - items: keys.map(k => ({ - text: k, - value: k, + items: backups.map(backup => ({ + text: backup.name, + value: backup.name, })), }); if (select.canceled) return; diff --git a/packages/frontend/src/router.definition.ts b/packages/frontend/src/router.definition.ts index d8bdbb7d02..462b8e713f 100644 --- a/packages/frontend/src/router.definition.ts +++ b/packages/frontend/src/router.definition.ts @@ -181,6 +181,10 @@ export const ROUTE_DEF = [{ name: 'preferences', component: page(() => import('@/pages/settings/custom-css.vue')), }, { + path: '/profiles', + name: 'profiles', + component: page(() => import('@/pages/settings/profiles.vue')), + }, { path: '/accounts', name: 'profile', component: page(() => import('@/pages/settings/accounts.vue')), |