Nodarx/mail
1
0
Fork 0
Code Issues 1 Pull Requests 4 Actions Projects Releases Activity

refactor: use mail object

Browse Source 
Signed-off-by: Sebastian <krupinski01@gmail.com>
This commit is contained in:
Sebastian Krupinski
2026-04-23 21:53:26 -04:00
parent b24b751e4a
commit c4173a040d
6 changed files with 82 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/reader/ReaderHeader.vue
View File

@@ -2,7 +2,7 @@
import { MessageObject } from '@MailManager/models/message'
interface Props {
messageInstance: MessageObject
message: MessageObject
}
const props = defineProps<Props>()
@@ -35,44 +35,44 @@ const formatFileSize = (bytes: number | undefined): string => {
<template>
<div class="message-header pa-6">
<div class="text-h5 mb-4">{{ messageInstance?.subject || '(No subject)' }}</div>
<div class="text-h5 mb-4">{{ message?.subject || '(No subject)' }}</div>
<div class="d-flex align-center mb-3">
<v-avatar size="48" color="primary" class="mr-3">
<span class="text-white text-h6">
{{ (messageInstance?.from?.label || messageInstance?.from?.address || 'U')[0].toUpperCase() }}
{{ (message?.from?.label || message?.from?.address || 'U')[0].toUpperCase() }}
</span>
</v-avatar>
<div class="flex-grow-1">
<div class="text-body-1 font-weight-medium">
{{ messageInstance?.from?.label || messageInstance?.from?.address || 'Unknown Sender' }}
{{ message?.from?.label || message?.from?.address || 'Unknown Sender' }}
</div>
<div class="text-caption text-medium-emphasis">
{{ formatDate(messageInstance?.date) }}
{{ formatDate(message?.date) }}
</div>
</div>
</div>
<!-- Recipients -->
<div v-if="messageInstance?.to && messageInstance?.to.length > 0" class="text-body-2 mb-1">
<div v-if="message?.to && message?.to.length > 0" class="text-body-2 mb-1">
<span class="text-medium-emphasis">To:</span>
{{ messageInstance?.to.map(t => t.label || t.address).join(', ') }}
{{ message?.to.map(t => t.label || t.address).join(', ') }}
</div>
<div v-if="messageInstance?.cc && messageInstance?.cc.length > 0" class="text-body-2 mb-1">
<div v-if="message?.cc && message?.cc.length > 0" class="text-body-2 mb-1">
<span class="text-medium-emphasis">Cc:</span>
{{ messageInstance?.cc.map(c => c.label || c.address).join(', ') }}
{{ message?.cc.map(c => c.label || c.address).join(', ') }}
</div>
<!-- Attachments -->
<div v-if="messageInstance?.attachments && messageInstance?.attachments.length > 0" class="mt-4">
<div v-if="message?.attachments && message?.attachments.length > 0" class="mt-4">
<div class="text-body-2 text-medium-emphasis mb-2">
Attachments ({{ messageInstance?.attachments.length }})
Attachments ({{ message?.attachments.length }})
</div>
<div class="d-flex flex-wrap gap-2">
<v-chip
v-for="(attachment, index) in messageInstance?.attachments"
v-for="(attachment, index) in message?.attachments"
:key="index"
prepend-icon="mdi-paperclip"
size="small"