Front end

Signed-off-by: GretaD <[email protected]>

Author: GretaD

src/components/Message.vue

@@ -24,7 +24,7 @@
 		<div v-if="message.itineraries.length > 0" class="message-itinerary">
 			<Itinerary :entries="message.itineraries" :message-id="message.messageId" />
 		</div>
-		<MessageHTMLBody v-if="message.hasHtmlBody" :url="htmlUrl" :full-height="fullHeight" />
+		<MessageHTMLBody v-if="message.hasHtmlBody" :url="htmlUrl" :message="message" :full-height="fullHeight" />
 		<MessageEncryptedBody v-else-if="isEncrypted" :body="message.body" :from="from" />
 		<MessagePlainTextBody v-else :body="message.body" :signature="message.signature" />
 		<Popover v-if="message.attachments[0]" class="attachment-popover">

src/components/MessageHTMLBody.vue

@@ -21,6 +21,7 @@
 <script>
 import { iframeResizer } from 'iframe-resizer'
 import PrintScout from 'printscout'
+import { trustSender } from '../service/TrustedSenderService'
 
 import logger from '../logger'
 const scout = new PrintScout()
@@ -37,11 +38,16 @@ export default {
 			required: false,
 			default: false,
 		},
+		message: {
+			required: true,
+			type: Object,
+		},
 	},
 	data() {
 		return {
 			loading: true,
 			hasBlockedContent: false,
+			isSenderTrusted: this.message.isSenderTrusted,
 		}
 	},
 	beforeMount() {
@@ -81,14 +87,17 @@ export default {
 				|| iframeDoc.querySelectorAll('[data-original-style]').length > 0
 
 			this.loading = false
+			if (this.isSenderTrusted) {
+				this.onShowBlockedContent()
+			}
 		},
 		onAfterPrint() {
 			this.$refs.iframe.style.setProperty('height', '')
 		},
 		onBeforePrint() {
 			this.$refs.iframe.style.setProperty('height', `${this.getIframeDoc().body.scrollHeight}px`, 'important')
 		},
-		onShowBlockedContent() {
+		async onShowBlockedContent() {
 			const iframeDoc = this.getIframeDoc()
 			logger.debug('showing external images')
 			iframeDoc.querySelectorAll('[data-original-src]').forEach((node) => {
@@ -100,6 +109,8 @@ export default {
 				.forEach((node) => node.setAttribute('style', node.getAttribute('data-original-style')))
 
 			this.hasBlockedContent = false
+			trustSender(this.message.from[0].email, true)
+
 		},
 	},
 }

src/service/TrustedSenderService.js

@@ -0,0 +1,16 @@
+import { generateUrl } from '@nextcloud/router'
+import axios from '@nextcloud/axios'
+
+
+export async function trustSender(email, trustFlag) {
+	const url = generateUrl('/apps/mail/api/trustedsenders/{email}', {
+		email,
+	})
+
+	 if ( trustFlag) {
+		 await	axios.put(url)
+	}
+	else {
+		 await	axios.delete(url)
+	}
+}