feat: vacation mode & hide counters
This commit is contained in:
무라쿠모
parent
c2a7ae59e8
commit
fa0e7f6413
19 changed files with 314 additions and 95 deletions
203
packages/frontend/src/pages/settings/laboratory.vue
Normal file
203
packages/frontend/src/pages/settings/laboratory.vue
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
<!--
|
||||
SPDX-FileCopyrightText: syuilo and misskey-project
|
||||
SPDX-License-Identifier: AGPL-3.0-only
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="_gaps_m">
|
||||
<MkFolder>
|
||||
<template #icon><i class="ti ti-flask"></i></template>
|
||||
<template #label>{{ i18n.ts.misskeyExperimentalFeatures }}</template>
|
||||
|
||||
<div class="_gaps_m">
|
||||
<MkSwitch v-model="enableCondensedLineForAcct">
|
||||
<template #label>Enable condensed line for acct</template>
|
||||
</MkSwitch>
|
||||
</div>
|
||||
</MkFolder>
|
||||
|
||||
<FormSection>
|
||||
<template #label><i class="ti ti-lock-access"></i> {{ i18n.ts.hideSensitiveInformation }}</template>
|
||||
<template #description>{{ i18n.ts._hideSensitiveInformation.about }}</template>
|
||||
|
||||
<div class="_gaps_m">
|
||||
<MkInfo warn rounded>
|
||||
{{ i18n.ts.thisIsExperimentalFeature }}
|
||||
</MkInfo>
|
||||
|
||||
<MkSwitch v-model="privateMode">
|
||||
{{ i18n.ts._hideSensitiveInformation.use }}
|
||||
</MkSwitch>
|
||||
<MkFolder v-if="privateMode">
|
||||
<template #label>{{ i18n.ts._hideSensitiveInformation.directMessages }}</template>
|
||||
<template v-if="hideDirectMessages" #suffix>{{ i18n.ts._hideSensitiveInformation.itsHidden }}</template>
|
||||
<template v-else #suffix>{{ i18n.ts._hideSensitiveInformation.itsNotHidden }}</template>
|
||||
<MkSwitch v-model="hideDirectMessages">
|
||||
{{ i18n.ts._hideSensitiveInformation.directMessagesUse }}
|
||||
<template #caption>{{ i18n.ts._hideSensitiveInformation.directMessagesDescription }}</template>
|
||||
</MkSwitch>
|
||||
</MkFolder>
|
||||
<MkFolder v-if="privateMode">
|
||||
<template #label>{{ i18n.ts._hideSensitiveInformation.drive }}</template>
|
||||
<template v-if="hideDriveFileList" #suffix>{{ i18n.ts._hideSensitiveInformation.itsHidden }}</template>
|
||||
<template v-else #suffix>{{ i18n.ts._hideSensitiveInformation.itsNotHidden }}</template>
|
||||
<MkSwitch v-model="hideDriveFileList">
|
||||
{{ i18n.ts._hideSensitiveInformation.driveUse }}
|
||||
<template #caption>{{ i18n.ts._hideSensitiveInformation.driveDescription }}</template>
|
||||
</MkSwitch>
|
||||
</MkFolder>
|
||||
<MkFolder v-if="privateMode && iAmModerator">
|
||||
<template #label>{{ i18n.ts._hideSensitiveInformation.moderationLog }}</template>
|
||||
<template v-if="hideModerationLog" #suffix>{{ i18n.ts._hideSensitiveInformation.itsHidden }}</template>
|
||||
<template v-else #suffix>{{ i18n.ts._hideSensitiveInformation.itsNotHidden }}</template>
|
||||
<MkSwitch v-model="hideModerationLog">
|
||||
{{ i18n.ts._hideSensitiveInformation.moderationLogUse }}
|
||||
<template #caption>{{ i18n.ts._hideSensitiveInformation.moderationLogDescription }}</template>
|
||||
</MkSwitch>
|
||||
</MkFolder>
|
||||
<MkFolder v-if="privateMode && iAmModerator">
|
||||
<template #label>{{ i18n.ts._hideSensitiveInformation.roles }}</template>
|
||||
<template v-if="hideRoleList" #suffix>{{ i18n.ts._hideSensitiveInformation.itsHidden }}</template>
|
||||
<template v-else #suffix>{{ i18n.ts._hideSensitiveInformation.itsNotHidden }}</template>
|
||||
<MkSwitch v-model="hideRoleList">
|
||||
{{ i18n.ts._hideSensitiveInformation.rolesUse }}
|
||||
<template #caption>{{ i18n.ts._hideSensitiveInformation.rolesDescription }}</template>
|
||||
</MkSwitch>
|
||||
</MkFolder>
|
||||
</div>
|
||||
</FormSection>
|
||||
|
||||
<FormSection v-if="$i.isModerator">
|
||||
<template #label><i class="ti ti-beach"></i> {{ i18n.ts.vacationMode }}</template>
|
||||
<template #description>{{ i18n.ts.vacationModeDescription }}</template>
|
||||
|
||||
<div class="_gaps_m">
|
||||
<MkInfo warn rounded>
|
||||
{{ i18n.ts.thisIsExperimentalFeature }}
|
||||
</MkInfo>
|
||||
|
||||
<MkSwitch v-model="isVacation" @update:modelValue="save()">
|
||||
{{ i18n.ts.useVacationMode }}
|
||||
</MkSwitch>
|
||||
</div>
|
||||
</FormSection>
|
||||
|
||||
<FormSection>
|
||||
<template #label><i class="ti ti-globe-off"></i> {{ i18n.ts.mindControl }}</template>
|
||||
<template #description></template>
|
||||
|
||||
<div class="_gaps_m">
|
||||
<MkInfo warn rounded>
|
||||
{{ i18n.ts.thisIsExperimentalFeature }}
|
||||
</MkInfo>
|
||||
|
||||
<MkSwitch v-model="hideCounters">
|
||||
{{ i18n.ts.hideCounters }}
|
||||
<template #caption>{{ i18n.ts.hideCountersDescription }}</template>
|
||||
</MkSwitch>
|
||||
</div>
|
||||
</FormSection>
|
||||
|
||||
<!--
|
||||
<MkSelect v-model="followingVisibility" @update:modelValue="save()">
|
||||
<template #label>{{ i18n.ts.followingVisibility }}</template>
|
||||
<option value="public">{{ i18n.ts._ffVisibility.public }}</option>
|
||||
<option value="followers">{{ i18n.ts._ffVisibility.followers }}</option>
|
||||
<option value="private">{{ i18n.ts._ffVisibility.private }}</option>
|
||||
</MkSelect>
|
||||
|
||||
<MkSelect v-model="followersVisibility" @update:modelValue="save()">
|
||||
<template #label>{{ i18n.ts.followersVisibility }}</template>
|
||||
<option value="public">{{ i18n.ts._ffVisibility.public }}</option>
|
||||
<option value="followers">{{ i18n.ts._ffVisibility.followers }}</option>
|
||||
<option value="private">{{ i18n.ts._ffVisibility.private }}</option>
|
||||
</MkSelect>
|
||||
|
||||
<MkSwitch v-model="hideOnlineStatus" @update:modelValue="save()">
|
||||
{{ i18n.ts.hideOnlineStatus }}
|
||||
<template #caption>{{ i18n.ts.hideOnlineStatusDescription }}</template>
|
||||
</MkSwitch>
|
||||
<MkSwitch v-model="noCrawle" @update:modelValue="save()">
|
||||
{{ i18n.ts.noCrawle }}
|
||||
<template #caption>{{ i18n.ts.noCrawleDescription }}</template>
|
||||
</MkSwitch>
|
||||
<MkSwitch v-model="preventAiLearning" @update:modelValue="save()">
|
||||
{{ i18n.ts.preventAiLearning }}<span class="_beta">{{ i18n.ts.beta }}</span>
|
||||
<template #caption>{{ i18n.ts.preventAiLearningDescription }}</template>
|
||||
</MkSwitch>
|
||||
<MkSwitch v-model="isExplorable" @update:modelValue="save()">
|
||||
{{ i18n.ts.makeExplorable }}
|
||||
<template #caption>{{ i18n.ts.makeExplorableDescription }}</template>
|
||||
</MkSwitch>
|
||||
-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { ref, computed, watch } from 'vue';
|
||||
import MkSwitch from '@/components/MkSwitch.vue';
|
||||
// import MkSelect from '@/components/MkSelect.vue';
|
||||
import FormSection from '@/components/form/section.vue';
|
||||
import MkFolder from '@/components/MkFolder.vue';
|
||||
import MkInfo from '@/components/MkInfo.vue';
|
||||
import { misskeyApi } from '@/scripts/misskey-api.js';
|
||||
import { i18n } from '@/i18n.js';
|
||||
import { iAmModerator, signinRequired } from '@/account.js';
|
||||
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
||||
import { defaultStore } from "@/store.js";
|
||||
import * as os from "@/os.js";
|
||||
import { unisonReload } from "@/scripts/unison-reload.js";
|
||||
|
||||
const $i = signinRequired();
|
||||
|
||||
const isVacation = ref<boolean | undefined>($i.isVacation !== null ? $i.isVacation : undefined);
|
||||
|
||||
const hideCounters = computed(defaultStore.makeGetterSetter('hideCounters'));
|
||||
const enableCondensedLineForAcct = computed(defaultStore.makeGetterSetter('enableCondensedLineForAcct'));
|
||||
const privateMode = computed(defaultStore.makeGetterSetter('privateMode'));
|
||||
const hideDirectMessages = computed(defaultStore.makeGetterSetter('hideDirectMessages'));
|
||||
const hideDriveFileList = computed(defaultStore.makeGetterSetter('hideDriveFileList'));
|
||||
const hideModerationLog = computed(defaultStore.makeGetterSetter('hideModerationLog'));
|
||||
const hideRoleList = computed(defaultStore.makeGetterSetter('hideRoleList'));
|
||||
|
||||
function save() {
|
||||
if (isVacation.value === true) {
|
||||
defaultStore.set('vacationAlert', true);
|
||||
}
|
||||
misskeyApi('i/update', {
|
||||
isVacation: isVacation.value,
|
||||
});
|
||||
}
|
||||
|
||||
async function reloadAsk() {
|
||||
const { canceled } = await os.confirm({
|
||||
type: 'info',
|
||||
text: i18n.ts.reloadToApplySetting,
|
||||
});
|
||||
if (canceled) return;
|
||||
|
||||
unisonReload();
|
||||
}
|
||||
|
||||
watch([
|
||||
isVacation,
|
||||
enableCondensedLineForAcct,
|
||||
privateMode,
|
||||
hideCounters,
|
||||
hideDirectMessages,
|
||||
hideDriveFileList,
|
||||
hideRoleList,
|
||||
hideModerationLog,
|
||||
], async () => {
|
||||
await reloadAsk();
|
||||
});
|
||||
|
||||
const headerActions = computed(() => []);
|
||||
|
||||
const headerTabs = computed(() => []);
|
||||
|
||||
definePageMetadata(() => ({
|
||||
title: i18n.ts.experimentalFeatures,
|
||||
icon: 'ti ti-barrier-block',
|
||||
}));
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue