enhance(frontend): improve deck setting page

This commit is contained in:
syuilo 2025-03-13 09:24:15 +09:00
parent 8593aa1418
commit 6b69588c03
2 changed files with 53 additions and 8 deletions

View File

@ -8,17 +8,39 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_m"> <div class="_gaps_m">
<MkSwitch :modelValue="profilesSyncEnabled" @update:modelValue="changeProfilesSyncEnabled">{{ i18n.ts._deck.enableSyncBetweenDevicesForProfiles }}</MkSwitch> <MkSwitch :modelValue="profilesSyncEnabled" @update:modelValue="changeProfilesSyncEnabled">{{ i18n.ts._deck.enableSyncBetweenDevicesForProfiles }}</MkSwitch>
<MkSwitch v-model="useSimpleUiForNonRootPages">{{ i18n.ts._deck.useSimpleUiForNonRootPages }}</MkSwitch> <SearchMarker :keywords="['ui', 'root', 'page']">
<MkPreferenceContainer k="deck.useSimpleUiForNonRootPages">
<MkSwitch v-model="useSimpleUiForNonRootPages">
<template #label><SearchLabel>{{ i18n.ts._deck.useSimpleUiForNonRootPages }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<MkSwitch v-model="navWindow">{{ i18n.ts.defaultNavigationBehaviour }}: {{ i18n.ts.openInWindow }}</MkSwitch> <SearchMarker :keywords="['default', 'navigation', 'behaviour', 'window']">
<MkPreferenceContainer k="deck.navWindow">
<MkSwitch v-model="navWindow">
<template #label><SearchLabel>{{ i18n.ts.defaultNavigationBehaviour }}</SearchLabel>: {{ i18n.ts.openInWindow }}</template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<MkSwitch v-model="alwaysShowMainColumn">{{ i18n.ts._deck.alwaysShowMainColumn }}</MkSwitch> <SearchMarker :keywords="['always', 'show', 'main', 'column']">
<MkPreferenceContainer k="deck.alwaysShowMainColumn">
<MkSwitch v-model="alwaysShowMainColumn">
<template #label><SearchLabel>{{ i18n.ts._deck.alwaysShowMainColumn }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['column', 'align']">
<MkPreferenceContainer k="deck.columnAlign">
<MkRadios v-model="columnAlign"> <MkRadios v-model="columnAlign">
<template #label>{{ i18n.ts._deck.columnAlign }}</template> <template #label>{{ i18n.ts._deck.columnAlign }}</template>
<option value="left">{{ i18n.ts.left }}</option> <option value="left">{{ i18n.ts.left }}</option>
<option value="center">{{ i18n.ts.center }}</option> <option value="center">{{ i18n.ts.center }}</option>
</MkRadios> </MkRadios>
</MkPreferenceContainer>
</SearchMarker>
</div> </div>
</SearchMarker> </SearchMarker>
</template> </template>
@ -30,6 +52,7 @@ import MkRadios from '@/components/MkRadios.vue';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
import { definePage } from '@/page.js'; import { definePage } from '@/page.js';
import { prefer } from '@/preferences.js'; import { prefer } from '@/preferences.js';
import MkPreferenceContainer from '@/components/MkPreferenceContainer.vue';
const navWindow = prefer.model('deck.navWindow'); const navWindow = prefer.model('deck.navWindow');
const useSimpleUiForNonRootPages = prefer.model('deck.useSimpleUiForNonRootPages'); const useSimpleUiForNonRootPages = prefer.model('deck.useSimpleUiForNonRootPages');

View File

@ -606,6 +606,28 @@ export const searchIndexes: SearchIndexItem[] = [
}, },
{ {
id: 'FfZdOs8y', id: 'FfZdOs8y',
children: [
{
id: 'lVlkdP4zN',
label: i18n.ts._deck.useSimpleUiForNonRootPages,
keywords: ['ui', 'root', 'page'],
},
{
id: 'avgxEYgsi',
label: i18n.ts.defaultNavigationBehaviour,
keywords: ['default', 'navigation', 'behaviour', 'window'],
},
{
id: 'ma7OSw5JK',
label: i18n.ts._deck.alwaysShowMainColumn,
keywords: ['always', 'show', 'main', 'column'],
},
{
id: 'jjTlUDhJH',
label: 'Unnamed marker',
keywords: ['column', 'align'],
},
],
label: i18n.ts.deck, label: i18n.ts.deck,
keywords: ['deck', 'ui'], keywords: ['deck', 'ui'],
path: '/settings/deck', path: '/settings/deck',