jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-04-21 11:27:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: message

Browse Source
This commit is contained in:
tim
2025-07-07 14:36:46 +08:00
parent fc8f45bba1
commit 3d35d93031
1 changed files with 55 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
open-isle-cli/src/views/MessagePageView.vue
View File

@@ -4,13 +4,39 @@
<template #item="{ item }"> <template #item="{ item }">
<div class="notif-content"> <div class="notif-content">
<span class="notif-type"> <span class="notif-type">
<template v-if="item.type === 'COMMENT_REPLY'"> <template v-if="item.type === 'COMMENT_REPLY' && item.parentComment">
<router-link :to="`/posts/${item.post.id}#comment-${item.comment.id}`"> <div class="notif-content-container">
{{ item.comment.author.username }} 对我的评论 “{{ item.parentComment ? item.parentComment.content : item.post.title }}” 回复了 “{{ item.comment.content }}” <span class="notif-user">{{ item.comment.author.username }} </span> 对我的评论
</router-link> <span>
<router-link class="notif-content-text"
:to="`/posts/${item.post.id}#comment-${item.parentComment.id}`">
{{ sanitizeDescription(item.parentComment.content) }}
</router-link>
</span> 回复了 <span>
<router-link class="notif-content-text" :to="`/posts/${item.post.id}#comment-${item.comment.id}`">
{{ sanitizeDescription(item.comment.content) }}
</router-link>
</span>
</div>
</template>
<template v-else-if="item.type === 'COMMENT_REPLY' && !item.parentComment">
<div class="notif-content-container">
<span class="notif-user">{{ item.comment.author.username }} </span> 对我的文章
<span>
<router-link class="notif-content-text" :to="`/posts/${item.post.id}`">
{{ sanitizeDescription(item.post.title) }}
</router-link>
</span> 回复了 <span>
<router-link class="notif-content-text" :to="`/posts/${item.post.id}#comment-${item.comment.id}`">
{{ sanitizeDescription(item.comment.content) }}
</router-link>
</span>
</div>
</template> </template>
<template v-else> <template v-else>
{{ formatType(item.type) }} <div class="notif-content-container">
{{ formatType(item.type) }}
</div>
</template> </template>
</span> </span>
<span class="notif-time">{{ new Date(item.createdAt).toLocaleString() }}</span> <span class="notif-time">{{ new Date(item.createdAt).toLocaleString() }}</span>
@@ -26,6 +52,7 @@ import { API_BASE_URL } from '../main'
import BaseTimeline from '../components/BaseTimeline.vue' import BaseTimeline from '../components/BaseTimeline.vue'
import { getToken } from '../utils/auth' import { getToken } from '../utils/auth'
import { toast } from '../main' import { toast } from '../main'
import { stripMarkdown } from '../utils/markdown'
export default { export default {
name: 'MessagePageView', name: 'MessagePageView',
@@ -42,6 +69,10 @@ export default {
USER_ACTIVITY: 'fas fa-user' USER_ACTIVITY: 'fas fa-user'
} }
const sanitizeDescription = (text) => {
return stripMarkdown(text)
}
const fetchNotifications = async () => { const fetchNotifications = async () => {
try { try {
const token = getToken() const token = getToken()
@@ -86,7 +117,7 @@ export default {
onMounted(fetchNotifications) onMounted(fetchNotifications)
return { notifications, formatType } return { notifications, formatType, sanitizeDescription }
} }
} }
</script> </script>
@@ -109,4 +140,22 @@ export default {
font-size: 12px; font-size: 12px;
color: gray; color: gray;
} }
.notif-content-container {
color: rgb(140, 140, 140);
font-weight: normal;
font-size: 14px;
opacity: 0.8;
}
.notif-content-text {
font-weight: bold;
color: var(--primary-color) !important;
text-decoration: none !important;
}
.notif-user {
font-weight: bold;
color: var(--text-color);
}
</style> </style>