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

🎨

This commit is contained in:
syuilo 2025-04-19 14:32:19 +09:00
parent a0b9f456e7
commit ff85eff209
2 changed files with 87 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
packages/frontend/src/pages/admin/modlog.ModLog.vue
View File

@ -84,7 +84,48 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-else-if="log.type === 'deleteChatRoom'">: @{{ log.info.room.name }}</span> <span v-else-if="log.type === 'deleteChatRoom'">: @{{ log.info.room.name }}</span>
</template> </template>
<template #icon> <template #icon>
<MkAvatar :user="log.user" :class="$style.avatar"/> <i v-if="log.type === 'updateServerSettings'" class="ti ti-settings"></i>
<i v-else-if="log.type === 'updateUserNote'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'suspend'" class="ti ti-user-x"></i>
<i v-else-if="log.type === 'unsuspend'" class="ti ti-user-check"></i>
<i v-else-if="log.type === 'resetPassword'" class="ti ti-key"></i>
<i v-else-if="log.type === 'assignRole'" class="ti ti-user-plus"></i>
<i v-else-if="log.type === 'unassignRole'" class="ti ti-user-minus"></i>
<i v-else-if="log.type === 'createRole'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateRole'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteRole'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'addCustomEmoji'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateCustomEmoji'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteCustomEmoji'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'markSensitiveDriveFile'" class="ti ti-eye-exclamation"></i>
<i v-else-if="log.type === 'unmarkSensitiveDriveFile'" class="ti ti-eye"></i>
<i v-else-if="log.type === 'suspendRemoteInstance'" class="ti ti-x"></i>
<i v-else-if="log.type === 'unsuspendRemoteInstance'" class="ti ti-check"></i>
<i v-else-if="log.type === 'createGlobalAnnouncement'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateGlobalAnnouncement'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteGlobalAnnouncement'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'createUserAnnouncement'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateUserAnnouncement'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteUserAnnouncement'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteNote'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteDriveFile'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'createAd'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateAd'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteAd'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'createAvatarDecoration'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateAvatarDecoration'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteAvatarDecoration'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'createSystemWebhook'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateSystemWebhook'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteSystemWebhook'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'createAbuseReportNotificationRecipient'" class="ti ti-plus"></i>
<i v-else-if="log.type === 'updateAbuseReportNotificationRecipient'" class="ti ti-pencil"></i>
<i v-else-if="log.type === 'deleteAbuseReportNotificationRecipient'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteAccount'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deletePage'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteFlash'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteGalleryPost'" class="ti ti-trash"></i>
<i v-else-if="log.type === 'deleteChatRoom'" class="ti ti-trash"></i>
</template> </template>
<template #suffix> <template #suffix>
<MkTime :time="log.createdAt"/> <MkTime :time="log.createdAt"/>
@ -199,11 +240,6 @@ const props = defineProps<{
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.avatar {
width: 18px;
height: 18px;
}
.diff { .diff {
background: #fff; background: #fff;
color: #000; color: #000;

62
packages/frontend/src/pages/admin/modlog.vue
View File

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkStickyContainer> <MkStickyContainer>
<template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template> <template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :contentMax="900"> <MkSpacer :contentMax="900">
<div> <div class="_gaps">
<div style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;"> <div style="display: flex; gap: var(--MI-margin); flex-wrap: wrap;">
<MkSelect v-model="type" style="margin: 0; flex: 1;"> <MkSelect v-model="type" style="margin: 0; flex: 1;">
<template #label>{{ i18n.ts.type }}</template> <template #label>{{ i18n.ts.type }}</template>
@ -19,41 +19,69 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
</div> </div>
<MkPagination v-slot="{items}" ref="logs" :pagination="pagination" style="margin-top: var(--MI-margin);"> <MkTl :events="timeline">
<MkDateSeparatedList v-slot="{ item }" :items="items" :noGap="false" style="--MI-margin: 8px;"> <template #left="{ event }">
<XModLog :key="item.id" :log="item"/> <div>
</MkDateSeparatedList> <MkAvatar :user="event.user" style="width: 24px; height: 24px;"/>
</MkPagination> </div>
</template>
<template #right="{ event, timestamp, delta }">
<div style="margin: 4px 0;">
<XModLog :key="event.id" :log="event"/>
</div>
</template>
</MkTl>
<MkButton primary rounded style="margin: 0 auto;" @click="fetchMore">{{ i18n.ts.loadMore }}</MkButton>
</div> </div>
</MkSpacer> </MkSpacer>
</MkStickyContainer> </MkStickyContainer>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed, useTemplateRef, ref } from 'vue'; import { computed, useTemplateRef, ref, watch } from 'vue';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import XHeader from './_header_.vue'; import XHeader from './_header_.vue';
import XModLog from './modlog.ModLog.vue'; import XModLog from './modlog.ModLog.vue';
import MkSelect from '@/components/MkSelect.vue'; import MkSelect from '@/components/MkSelect.vue';
import MkInput from '@/components/MkInput.vue'; import MkInput from '@/components/MkInput.vue';
import MkPagination from '@/components/MkPagination.vue'; import MkTl from '@/components/MkTl.vue';
import { i18n } from '@/i18n.js'; import { i18n } from '@/i18n.js';
import { definePage } from '@/page.js'; import { definePage } from '@/page.js';
import MkDateSeparatedList from '@/components/MkDateSeparatedList.vue'; import { misskeyApi } from '@/utility/misskey-api.js';
import MkButton from '@/components/MkButton.vue';
const logs = useTemplateRef('logs');
const type = ref<string | null>(null); const type = ref<string | null>(null);
const moderatorId = ref(''); const moderatorId = ref('');
const pagination = { const timeline = ref([]);
endpoint: 'admin/show-moderation-logs' as const,
limit: 30, watch([type, moderatorId], async () => {
params: computed(() => ({ const res = await misskeyApi('admin/show-moderation-logs', {
type: type.value, type: type.value,
userId: moderatorId.value === '' ? null : moderatorId.value, userId: moderatorId.value === '' ? null : moderatorId.value,
})), });
}; timeline.value = res.map(x => ({
id: x.id,
timestamp: x.createdAt,
data: x,
}));
}, { immediate: true });
function fetchMore() {
const last = timeline.value[timeline.value.length - 1];
misskeyApi('admin/show-moderation-logs', {
type: type.value,
userId: moderatorId.value === '' ? null : moderatorId.value,
untilId: last.id,
}).then(res => {
timeline.value.push(...res.map(x => ({
id: x.id,
timestamp: x.createdAt,
data: x,
})));
});
}
const headerActions = computed(() => []); const headerActions = computed(() => []);