usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update general.vue

This commit is contained in:
syuilo 2025-02-22 17:14:24 +09:00
parent 7a504b0f6e
commit 41c2560cb1
1 changed files with 72 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
packages/frontend/src/pages/settings/general.vue
View File

@ -66,7 +66,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</FormSection> </FormSection>
<MkSearchSection :label="i18n.ts.displayOfNote" :keywords="['note']"> <MkSearchSection :label="i18n.ts.displayOfNote" :keywords="['note', 'display']">
<FormSection> <FormSection>
<template #label>{{ i18n.ts.displayOfNote }}</template> <template #label>{{ i18n.ts.displayOfNote }}</template>
@ -133,7 +133,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSearchMarker <MkSearchMarker
:label="i18n.ts.loadRawImages" :label="i18n.ts.loadRawImages"
:keywords="['image', 'photo', 'picture', 'thumbnail', 'quality', 'raw', 'attachment']" :keywords="['image', 'photo', 'picture', 'media', 'thumbnail', 'quality', 'raw', 'attachment']"
> >
<MkSwitch v-model="loadRawImages">{{ i18n.ts.loadRawImages }}</MkSwitch> <MkSwitch v-model="loadRawImages">{{ i18n.ts.loadRawImages }}</MkSwitch>
</MkSearchMarker> </MkSearchMarker>
@ -158,54 +158,86 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSearchMarker> </MkSearchMarker>
</div> </div>
<MkSelect v-if="instance.federation !== 'none'" v-model="instanceTicker"> <MkSearchMarker
<template #label>{{ i18n.ts.instanceTicker }}</template> :label="i18n.ts.instanceTicker"
<option value="none">{{ i18n.ts._instanceTicker.none }}</option> :keywords="['ticker', 'information', 'label', 'instance', 'server', 'host', 'federation']"
<option value="remote">{{ i18n.ts._instanceTicker.remote }}</option> >
<option value="always">{{ i18n.ts._instanceTicker.always }}</option> <MkSelect v-if="instance.federation !== 'none'" v-model="instanceTicker">
</MkSelect> <template #label>{{ i18n.ts.instanceTicker }}</template>
<option value="none">{{ i18n.ts._instanceTicker.none }}</option>
<option value="remote">{{ i18n.ts._instanceTicker.remote }}</option>
<option value="always">{{ i18n.ts._instanceTicker.always }}</option>
</MkSelect>
</MkSearchMarker>
<MkSelect v-model="nsfw"> <MkSearchMarker
<template #label>{{ i18n.ts.displayOfSensitiveMedia }}</template> :label="i18n.ts.displayOfSensitiveMedia"
<option value="respect">{{ i18n.ts._displayOfSensitiveMedia.respect }}</option> :keywords="['attachment', 'image', 'photo', 'picture', 'media', 'thumbnail', 'nsfw', 'sensitive', 'display', 'show', 'hide', 'visibility']"
<option value="ignore">{{ i18n.ts._displayOfSensitiveMedia.ignore }}</option> >
<option value="force">{{ i18n.ts._displayOfSensitiveMedia.force }}</option> <MkSelect v-model="nsfw">
</MkSelect> <template #label>{{ i18n.ts.displayOfSensitiveMedia }}</template>
<option value="respect">{{ i18n.ts._displayOfSensitiveMedia.respect }}</option>
<option value="ignore">{{ i18n.ts._displayOfSensitiveMedia.ignore }}</option>
<option value="force">{{ i18n.ts._displayOfSensitiveMedia.force }}</option>
</MkSelect>
</MkSearchMarker>
<MkRadios v-model="mediaListWithOneImageAppearance"> <MkSearchMarker
<template #label>{{ i18n.ts.mediaListWithOneImageAppearance }}</template> :label="i18n.ts.mediaListWithOneImageAppearance"
<option value="expand">{{ i18n.ts.default }}</option> :keywords="['attachment', 'image', 'photo', 'picture', 'media', 'thumbnail', 'list', 'size', 'height']"
<option value="16_9">{{ i18n.tsx.limitTo({ x: '16:9' }) }}</option> >
<option value="1_1">{{ i18n.tsx.limitTo({ x: '1:1' }) }}</option> <MkRadios v-model="mediaListWithOneImageAppearance">
<option value="2_3">{{ i18n.tsx.limitTo({ x: '2:3' }) }}</option> <template #label>{{ i18n.ts.mediaListWithOneImageAppearance }}</template>
</MkRadios> <option value="expand">{{ i18n.ts.default }}</option>
<option value="16_9">{{ i18n.tsx.limitTo({ x: '16:9' }) }}</option>
<option value="1_1">{{ i18n.tsx.limitTo({ x: '1:1' }) }}</option>
<option value="2_3">{{ i18n.tsx.limitTo({ x: '2:3' }) }}</option>
</MkRadios>
</MkSearchMarker>
</div> </div>
</FormSection> </FormSection>
</MkSearchSection> </MkSearchSection>
<FormSection> <MkSearchSection :label="i18n.ts.notificationDisplay" :keywords="['notification', 'display']">
<template #label>{{ i18n.ts.notificationDisplay }}</template> <FormSection>
<template #label>{{ i18n.ts.notificationDisplay }}</template>
<div class="_gaps_m"> <div class="_gaps_m">
<MkSwitch v-model="useGroupedNotifications">{{ i18n.ts.useGroupedNotifications }}</MkSwitch> <MkSearchMarker
:label="i18n.ts.useGroupedNotifications"
:keywords="['group']"
>
<MkSwitch v-model="useGroupedNotifications">{{ i18n.ts.useGroupedNotifications }}</MkSwitch>
</MkSearchMarker>
<MkRadios v-model="notificationPosition"> <MkSearchMarker
<template #label>{{ i18n.ts.position }}</template> :label="i18n.ts.position"
<option value="leftTop"><i class="ti ti-align-box-left-top"></i> {{ i18n.ts.leftTop }}</option> :keywords="['position']"
<option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option> >
<option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option> <MkRadios v-model="notificationPosition">
<option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option> <template #label>{{ i18n.ts.position }}</template>
</MkRadios> <option value="leftTop"><i class="ti ti-align-box-left-top"></i> {{ i18n.ts.leftTop }}</option>
<option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option>
<option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option>
<option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option>
</MkRadios>
</MkSearchMarker>
<MkRadios v-model="notificationStackAxis"> <MkSearchMarker
<template #label>{{ i18n.ts.stackAxis }}</template> :label="i18n.ts.stackAxis"
<option value="vertical"><i class="ti ti-carousel-vertical"></i> {{ i18n.ts.vertical }}</option> :keywords="['stack', 'axis', 'direction']"
<option value="horizontal"><i class="ti ti-carousel-horizontal"></i> {{ i18n.ts.horizontal }}</option> >
</MkRadios> <MkRadios v-model="notificationStackAxis">
<template #label>{{ i18n.ts.stackAxis }}</template>
<option value="vertical"><i class="ti ti-carousel-vertical"></i> {{ i18n.ts.vertical }}</option>
<option value="horizontal"><i class="ti ti-carousel-horizontal"></i> {{ i18n.ts.horizontal }}</option>
</MkRadios>
</MkSearchMarker>
<MkButton @click="testNotification">{{ i18n.ts._notification.checkNotificationBehavior }}</MkButton> <MkButton @click="testNotification">{{ i18n.ts._notification.checkNotificationBehavior }}</MkButton>
</div> </div>
</FormSection> </FormSection>
</MkSearchSection>
<FormSection> <FormSection>
<template #label>{{ i18n.ts.appearance }}</template> <template #label>{{ i18n.ts.appearance }}</template>