Update privacy.vue

This commit is contained in:
syuilo 2024-10-21 20:10:01 +09:00
parent ff07addb8a
commit 4f79e58a43
1 changed files with 30 additions and 10 deletions

View File

@ -92,20 +92,40 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
</FormSlot> </FormSlot>
<MkSelect v-model="makeNotesHiddenBefore" @update:modelValue="save()"> <FormSlot>
<template #label>{{ i18n.ts._accountSettings.makeNotesHiddenBefore }}</template> <template #label>{{ i18n.ts._accountSettings.makeNotesHiddenBefore }}</template>
<div class="_gaps_s">
<MkSelect :modelValue="makeNotesHiddenBefore_type" @update:modelValue="makeNotesHiddenBefore = $event === 'relative' ? -604800 : $event === 'absolute' ? Math.floor(Date.now() / 1000) : null">
<option :value="null">{{ i18n.ts.none }}</option> <option :value="null">{{ i18n.ts.none }}</option>
<option value="relative">{{ i18n.ts._accountSettings.notesHavePassedSpecifiedPeriod }}</option>
<option value="absolute">{{ i18n.ts._accountSettings.notesOlderThanSpecifiedDateAndTime }}</option>
</MkSelect>
<MkSelect v-if="makeNotesHiddenBefore_type === 'relative'" v-model="makeNotesHiddenBefore">
<option :value="-3600">{{ '1h ago' }}</option> <option :value="-3600">{{ '1h ago' }}</option>
<option :value="-86400">{{ '1d ago' }}</option> <option :value="-86400">{{ '1d ago' }}</option>
<option :value="-259200">{{ '3d ago' }}</option> <option :value="-259200">{{ '3d ago' }}</option>
<option :value="-604800">{{ '1w ago' }}</option> <option :value="-604800">{{ '1w ago' }}</option>
<option :value="-2592000">{{ '1m ago' }}</option> <option :value="-2592000">{{ '1m ago' }}</option>
<option :value="-31104000">{{ '1y ago' }}</option> <option :value="-31104000">{{ '1y ago' }}</option>
</MkSelect>
<MkInput
v-if="makeNotesHiddenBefore_type === 'absolute'"
:modelValue="formatDateTimeString(new Date(makeNotesHiddenBefore * 1000), 'yyyy-MM-dd')"
type="date"
:manualSave="true"
@update:modelValue="makeNotesHiddenBefore = Math.floor(new Date($event).getTime() / 1000)"
>
</MkInput>
</div>
<template #caption> <template #caption>
<div>{{ i18n.ts._accountSettings.makeNotesHiddenBeforeDescription }}</div> <div>{{ i18n.ts._accountSettings.makeNotesHiddenBeforeDescription }}</div>
<div><i class="ti ti-alert-triangle" style="color: var(--MI_THEME-warn);"></i> {{ i18n.ts._accountSettings.mayNotEffectForFederatedNotes }}</div> <div><i class="ti ti-alert-triangle" style="color: var(--MI_THEME-warn);"></i> {{ i18n.ts._accountSettings.mayNotEffectForFederatedNotes }}</div>
</template> </template>
</MkSelect> </FormSlot>
</div> </div>
</FormSection> </FormSection>
@ -191,7 +211,7 @@ const makeNotesHiddenBefore_type = computed(() => {
} }
}); });
watch(makeNotesFollowersOnlyBefore, () => { watch([makeNotesFollowersOnlyBefore, makeNotesHiddenBefore], () => {
save(); save();
}); });