add MkPreferenceContainer for our settings

This commit is contained in:
dakkar 2025-04-07 17:12:47 +01:00
parent c5aee8c92b
commit be3366d6db

View file

@ -141,21 +141,27 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['collapse', 'repl']">
<MkPreferenceContainer k="collapseNotesRepliedTo">
<MkSwitch v-model="collapseNotesRepliedTo">
<template #label><SearchLabel>{{ i18n.ts.collapseNotesRepliedTo }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['collapse', 'uncollapse', 'un-collapse', 'cw', 'content', 'warning']">
<MkPreferenceContainer k="uncollapseCW">
<MkSwitch v-model="uncollapseCW">
<template #label><SearchLabel>{{ i18n.ts.uncollapseCW }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['expand', 'long']">
<MkPreferenceContainer k="expandLongNote">
<MkSwitch v-model="expandLongNote">
<template #label><SearchLabel>{{ i18n.ts.expandLongNote }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['note', 'timeline', 'gap']">
@ -184,18 +190,23 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['show', 'ticker', 'replies']">
<MkPreferenceContainer k="showTickerOnReplies">
<MkSwitch v-model="showTickerOnReplies">
<template #label>{{ i18n.ts.showTickerOnReplies }}</template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['cat', 'speak']">
<MkPreferenceContainer k="disableCatSpeak">
<MkSwitch v-model="disableCatSpeak">
<template #label><SearchLabel>{{ i18n.ts.disableCatSpeak }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['search', 'engine']">
<MkPreferenceContainer k="searchEngine">
<MkSelect v-model="searchEngine" placeholder="Other">
<template #label><SearchLabel>{{ i18n.ts.searchEngine }}</SearchLabel></template>
<option
@ -210,14 +221,17 @@ SPDX-License-Identifier: AGPL-3.0-only
<!-- If one of the other options is selected show this as a blank other -->
<option v-if="!useCustomSearchEngine" value="">{{ i18n.ts.searchEngineOther }}</option>
</MkSelect>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['design', 'appear']">
<MkPreferenceContainer k="noteDesign">
<MkRadios v-model="noteDesign">
<template #label><SearchLabel>Note Design</SearchLabel></template>
<option value="sharkey"><i class="sk-icons sk-shark sk-icons-lg" style="top: 2px;position: relative;"></i> Sharkey</option>
<option value="misskey"><i class="sk-icons sk-misskey sk-icons-lg" style="top: 2px;position: relative;"></i> Misskey</option>
</MkRadios>
</MkPreferenceContainer>
</SearchMarker>
</div>
@ -328,10 +342,12 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['number', 'replies']">
<MkPreferenceContainer k="numberOfReplies">
<MkRange v-model="numberOfReplies" :min="2" :max="20" :step="1" easing>
<template #label><SearchLabel>{{ i18n.ts.numberOfReplies }}</SearchLabel></template>
<template #caption>{{ i18n.ts.numberOfRepliesDescription }}</template>
</MkRange>
</MkPreferenceContainer>
</SearchMarker>
</div>
</div>
@ -415,12 +431,15 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['click']">
<MkPreferenceContainer k="notificationClickable">
<MkSwitch v-model="notificationClickable">
<template #label><SearchLabel>{{ i18n.ts.allowClickingNotifications }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['favicon', 'dot']">
<MkPreferenceContainer k="enableFaviconNotificationDot">
<MkSwitch v-model="enableFaviconNotificationDot">
<template #label><SearchLabel>{{ i18n.ts.enableFaviconNotificationDot }}</SearchLabel></template>
<template #caption>
@ -431,6 +450,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</I18n>
</template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<MkButton @click="testNotificationDot">{{ i18n.ts.verifyNotificationDotWorkingButton }}</MkButton>
@ -705,23 +725,29 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['corner', 'radius']">
<MkPreferenceContainer k="cornerRadius">
<MkRadios v-model="cornerRadius">
<template #label><SearchLabel>{{ i18n.ts.cornerRadius }}</SearchLabel></template>
<option :value="null"><i class="sk-icons sk-shark sk-icons-lg" style="top: 2px;position: relative;"></i> Sharkey</option>
<option value="misskey"><i class="sk-icons sk-misskey sk-icons-lg" style="top: 2px;position: relative;"></i> Misskey</option>
</MkRadios>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['warn', 'missing', 'alt', 'text']">
<MkPreferenceContainer k="warnMissingAltText">
<MkSwitch v-model="warnMissingAltText">
<template #label><SearchLabel>{{ i18n.ts.warnForMissingAltText }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['warn', 'external', 'url']">
<MkPreferenceContainer k="warnExternalUrl">
<MkSwitch v-model="warnExternalUrl">
<template #label><SearchLabel>{{ i18n.ts.warnExternalUrl }}</SearchLabel></template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['image', 'photo', 'picture', 'media', 'thumbnail', 'new', 'tab']">
@ -765,18 +791,22 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>{{ i18n.ts.boostSettings }}</template>
<div class="_gaps_m">
<SearchMarker :keywords="['boost', 'show', 'visib', 'selector']">
<MkPreferenceContainer k="showVisibilitySelectorOnBoost">
<MkSwitch v-model="showVisibilitySelectorOnBoost">
<template #label><SearchLabel>{{ i18n.ts.showVisibilitySelectorOnBoost }}</SearchLabel></template>
<template #caption>{{ i18n.ts.showVisibilitySelectorOnBoostDescription }}</template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker :keywords="['boost', 'visib']">
<MkPreferenceContainer k="visibilityOnBoost">
<MkSelect v-model="visibilityOnBoost">
<template #label><SearchLabel>{{ i18n.ts.visibilityOnBoost }}</SearchLabel></template>
<option value="public">{{ i18n.ts._visibility['public'] }}</option>
<option value="home">{{ i18n.ts._visibility['home'] }}</option>
<option value="followers">{{ i18n.ts._visibility['followers'] }}</option>
</MkSelect>
</MkPreferenceContainer>
</SearchMarker>
</div>
</MkFolder>
@ -790,9 +820,11 @@ SPDX-License-Identifier: AGPL-3.0-only
</SearchMarker>
<SearchMarker :keywords="['oneko', 'cat']">
<MkPreferenceContainer k="oneko">
<MkSwitch v-model="oneko">
<template #label>{{ i18n.ts.oneko }}</template>
</MkSwitch>
</MkPreferenceContainer>
</SearchMarker>
<SearchMarker>