Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: expanded

Browse source
This commit is contained in:
mattyatea 2024-02-01 00:06:46 +09:00
parent 121ee723d9
commit 9d62381d03
3 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/components/MkFoldableSection.vue
View file

@ -49,7 +49,6 @@ const props = withDefaults(defineProps<{
const rootEl = shallowRef<HTMLDivElement>(); const rootEl = shallowRef<HTMLDivElement>();
const bg = ref<string>(); const bg = ref<string>();
const showBody = ref((props.persistKey && miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`)) ? (miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`) === 't') : props.expanded); const showBody = ref((props.persistKey && miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`)) ? (miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`) === 't') : props.expanded);
watch(showBody, () => { watch(showBody, () => {
if (props.persistKey) { if (props.persistKey) {
miLocalStorage.setItem(`${miLocalStoragePrefix}${props.persistKey}`, showBody.value ? 't' : 'f'); miLocalStorage.setItem(`${miLocalStoragePrefix}${props.persistKey}`, showBody.value ? 't' : 'f');

20
packages/frontend/src/pages/admin/roles.vue
View file

@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #caption>{{ i18n.ts._role._options.descriptionOfRateLimitFactor }}</template> <template #caption>{{ i18n.ts._role._options.descriptionOfRateLimitFactor }}</template>
</MkRange> </MkRange>
</MkFolder> </MkFolder>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>タイムライン系</template> <template #header>タイムライン系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.gtlAvailable, 'gtlAvailable'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.gtlAvailable, 'gtlAvailable'])" class="_margin">
<template #label>{{ i18n.ts._role._options.gtlAvailable }}</template> <template #label>{{ i18n.ts._role._options.gtlAvailable }}</template>
@ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSwitch> </MkSwitch>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>ノート系</template> <template #header>ノート系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.canPublicNote, 'canPublicNote'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.canPublicNote, 'canPublicNote'])" class="_margin">
<template #label>{{ i18n.ts._role._options.canPublicNote }}</template> <template #label>{{ i18n.ts._role._options.canPublicNote }}</template>
@ -88,7 +88,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>招待系</template> <template #header>招待系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])"> <MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])">
<template #label>{{ i18n.ts._role._options.canInvite }}</template> <template #label>{{ i18n.ts._role._options.canInvite }}</template>
@ -120,7 +120,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>PrisMisskey独自機能系</template> <template #header>PrisMisskey独自機能系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.emojiPickerProfileLimit, 'pickerProfileDefault'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.emojiPickerProfileLimit, 'pickerProfileDefault'])" class="_margin">
<template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template> <template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
@ -142,7 +142,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>カスタム絵文字系</template> <template #header>カスタム絵文字系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.canManageCustomEmojis, 'canManageCustomEmojis'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageCustomEmojis, 'canManageCustomEmojis'])" class="_margin">
<template #label>{{ i18n.ts._role._options.canManageCustomEmojis }}</template> <template #label>{{ i18n.ts._role._options.canManageCustomEmojis }}</template>
@ -160,7 +160,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSwitch> </MkSwitch>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>ドライブ、ファイル系</template> <template #header>ドライブ、ファイル系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.driveCapacity, 'driveCapacityMb'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.driveCapacity, 'driveCapacityMb'])" class="_margin">
<template #label>{{ i18n.ts._role._options.driveCapacity }}</template> <template #label>{{ i18n.ts._role._options.driveCapacity }}</template>
@ -178,7 +178,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSwitch> </MkSwitch>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>アイコンデコレーション系</template> <template #header>アイコンデコレーション系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])" class="_margin">
<template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template> <template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template>
@ -194,7 +194,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>クリップ系</template> <template #header>クリップ系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.clipMax, 'clipLimit'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.clipMax, 'clipLimit'])" class="_margin">
<template #label>{{ i18n.ts._role._options.clipMax }}</template> <template #label>{{ i18n.ts._role._options.clipMax }}</template>
@ -210,7 +210,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>リスト系</template> <template #header>リスト系</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.userListMax, 'userListLimit'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.userListMax, 'userListLimit'])" class="_margin">
<template #label>{{ i18n.ts._role._options.userListMax }}</template> <template #label>{{ i18n.ts._role._options.userListMax }}</template>
@ -226,7 +226,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</MkFolder> </MkFolder>
</MkFoldableSection> </MkFoldableSection>
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header>その他</template> <template #header>その他</template>
<MkFolder v-if="matchQuery([i18n.ts._role._options.antennaMax, 'antennaLimit'])" class="_margin"> <MkFolder v-if="matchQuery([i18n.ts._role._options.antennaMax, 'antennaLimit'])" class="_margin">
<template #label>{{ i18n.ts._role._options.antennaMax }}</template> <template #label>{{ i18n.ts._role._options.antennaMax }}</template>

2
packages/frontend/src/pages/settings/avatar-decoration.vue
View file

@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
/> />
</div> </div>
<div v-for="category in categories"> <div v-for="category in categories">
<MkFoldableSection :defaultOpen="false"> <MkFoldableSection :expanded="false">
<template #header> {{ (category !== '') ? category : i18n.ts.other }}</template> <template #header> {{ (category !== '') ? category : i18n.ts.other }}</template>
<div :class="$style.decorations"> <div :class="$style.decorations">
<div v-for="avatarDecoration in avatarDecorations.filter(ad => ad.category === category)"> <div v-for="avatarDecoration in avatarDecorations.filter(ad => ad.category === category)">