mailpit/server/ui-src/mixins/MessagesMixins.js

import CommonMixins from "./CommonMixins.js";
import { mailbox } from "../stores/mailbox.js";
import { pagination } from "../stores/pagination.js";

export default {
	mixins: [CommonMixins],

	data() {
		return {
			apiURI: false,
			pagination,
			mailbox,
		};
	},

	watch: {
		"mailbox.refresh"(v) {
			if (v) {
				// trigger a refresh
				this.loadMessages();
			}
			mailbox.refresh = false;
		},
	},

	methods: {
		reloadMailbox() {
			pagination.start = 0;
			this.loadMessages();
		},

		loadMessages() {
			if (!this.apiURI) {
				alert("apiURL not set!");
				return;
			}

			// auto-pagination changes the URL but should not fetch new messages
			// when viewing page > 0 and new messages are received (inbox only)
			if (!mailbox.autoPaginating) {
				mailbox.autoPaginating = true; // reset
				return;
			}

			const params = {};
			mailbox.selected = [];

			params.limit = pagination.limit;
			if (pagination.start > 0) {
				params.start = pagination.start;
			}

			this.get(this.apiURI, params, (response) => {
				mailbox.total = response.data.total; // all messages
				mailbox.unread = response.data.unread; // all unread messages
				mailbox.tags = response.data.tags; // all tags
				mailbox.messages = response.data.messages; // current messages
				mailbox.count = response.data.messages_count; // total results for this mailbox/search
				mailbox.messages_unread = response.data.messages_unread; // total unread results for this mailbox/search
				// ensure the pagination remains consistent
				pagination.start = response.data.start;

				if (response.data.count === 0 && response.data.start > 0) {
					pagination.start = 0;
					return this.loadMessages();
				}

				if (mailbox.lastMessage) {
					window.setTimeout(() => {
						const m = document.getElementById(mailbox.lastMessage);
						if (m) {
							m.focus();
							// m.scrollIntoView({ behavior: 'smooth', block: 'center' })
							m.scrollIntoView({ block: "center" });
						} else {
							const mp = document.getElementById("message-page");
							if (mp) {
								mp.scrollTop = 0;
							}
						}

						mailbox.lastMessage = false;
					}, 50);
				} else if (!window.scrollInPlace) {
					const mp = document.getElementById("message-page");
					if (mp) {
						mp.scrollTop = 0;
					}
				}

				window.scrollInPlace = false;
			});
		},
	},
};