matt
/
port-nimara-client-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updates

This commit is contained in:
Matt 2025-06-10 18:18:35 +02:00
parent 3d3a712ed2
commit 534bbebd0f
2 changed files with 35 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/ClientEmailSection.vue
View File

@ -160,20 +160,20 @@
color="primary" color="primary"
variant="tonal" variant="tonal"
prepend-icon="mdi-paperclip" prepend-icon="mdi-paperclip"
class="mr-2" class="mr-2 mb-1"
> >
{{ attachment.name || attachment }} {{ attachment.name || attachment }}
</v-chip> </v-chip>
</div> </div>
<div class="d-flex justify-space-between mt-3"> <div class="d-flex justify-space-between mt-3 gap-2">
<v-btn variant="text" size="small" color="primary" @click.stop="viewEmail(email)"> <v-btn variant="text" size="small" color="primary" @click.stop="viewEmail(email)">
<v-icon start>mdi-email-open</v-icon> <v-icon :start="!mobile" :size="mobile ? 'small' : 'default'">mdi-email-open</v-icon>
View <span v-if="!mobile" class="ml-1">View</span>
</v-btn> </v-btn>
<v-btn variant="text" size="small" color="primary" @click.stop="replyToEmail(email)"> <v-btn variant="text" size="small" color="primary" @click.stop="replyToEmail(email)">
<v-icon start>mdi-reply</v-icon> <v-icon :start="!mobile" :size="mobile ? 'small' : 'default'">mdi-reply</v-icon>
Reply <span v-if="!mobile" class="ml-1">Reply</span>
</v-btn> </v-btn>
</div> </div>
</v-card-text> </v-card-text>
@ -1079,6 +1079,8 @@ const saveSignature = () => {
max-height: 100px; max-height: 100px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
word-wrap: break-word;
overflow-wrap: break-word;
} }
.email-preview::after { .email-preview::after {
@ -1089,21 +1091,25 @@ const saveSignature = () => {
right: 0; right: 0;
height: 30px; height: 30px;
background: linear-gradient(to bottom, transparent, white); background: linear-gradient(to bottom, transparent, white);
pointer-events: none;
} }
.email-content-mobile { .email-content-mobile {
max-height: 150px; max-height: 120px;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.4;
} }
.email-content :deep(p) { .email-content :deep(p) {
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
word-wrap: break-word;
overflow-wrap: break-word;
} }
.email-content :deep(br) { .email-content :deep(br) {
display: block; display: block;
content: ""; content: "";
margin: 0.5em 0; margin: 0.25em 0;
} }
.email-threads { .email-threads {

29
components/EOISection.vue
View File

@ -29,30 +29,41 @@
</div> </div>
<!-- Generate EOI Button - Only show if no documents uploaded --> <!-- Generate EOI Button - Only show if no documents uploaded -->
<div v-if="!hasEOI && !hasEOIDocuments" class="mb-4"> <div v-if="!hasEOI && !hasEOIDocuments" class="d-flex flex-wrap gap-2">
<v-btn <v-btn
@click="generateEOI" @click="generateEOI"
:loading="isGenerating" :loading="isGenerating"
color="primary" color="primary"
variant="flat" variant="flat"
prepend-icon="mdi-file-document-plus" prepend-icon="mdi-file-document-plus"
size="default" :size="mobile ? 'default' : 'large'"
> >
Generate EOI Generate EOI
</v-btn> </v-btn>
</div>
<!-- Upload EOI Button -->
<div class="mb-4">
<v-btn <v-btn
@click="showUploadDialog = true" @click="showUploadDialog = true"
:variant="hasEOI ? 'tonal' : 'outlined'" variant="outlined"
:color="hasEOI ? 'success' : 'primary'" color="primary"
:prepend-icon="!mobile ? 'mdi-upload' : undefined" prepend-icon="mdi-upload"
:disabled="isUploading" :disabled="isUploading"
:size="mobile ? 'default' : 'large'" :size="mobile ? 'default' : 'large'"
> >
{{ mobile ? 'Upload EOI' : (hasEOI ? 'Upload Signed EOI' : 'Upload EOI Document') }} Upload EOI Document
</v-btn>
</div>
<!-- Upload EOI Button - Only show if EOI exists or has documents -->
<div v-else-if="hasEOI || hasEOIDocuments" class="mb-4">
<v-btn
@click="showUploadDialog = true"
variant="tonal"
color="success"
prepend-icon="mdi-upload"
:disabled="isUploading"
:size="mobile ? 'default' : 'large'"
>
Upload Signed EOI
</v-btn> </v-btn>
</div> </div>