@@ -404,6 +487,7 @@ function renderMessageList() {
@@ -538,9 +622,13 @@ async function markRead(id, read) {
}
async function moveMessage(msgId, folderId) {
- const r=await api('PUT','/messages/'+msgId+'/move',{folder_id:folderId});
- if(r?.ok){toast('Moved','success');S.messages=S.messages.filter(m=>m.id!==msgId);renderMessageList();
- if(S.currentMessage?.id===msgId)resetDetail();loadFolders();}
+ const folder = S.folders.find(f=>f.id===folderId);
+ inlineConfirm(`Move this message to "${folder?.name||'selected folder'}"?`, async () => {
+ const r=await api('PUT','/messages/'+msgId+'/move',{folder_id:folderId});
+ if(r?.ok){toast('Moved','success');S.messages=S.messages.filter(m=>m.id!==msgId);renderMessageList();
+ if(S.currentMessage?.id===msgId)resetDetail();loadFolders();}
+ else toast('Move failed','error');
+ });
}
async function deleteMessage(id) {
@@ -771,13 +859,39 @@ async function sendMessage() {
}
// ── Compose drag + all-edge resize ─────────────────────────────────────────
+function saveComposeGeometry(dlg) {
+ const r = dlg.getBoundingClientRect();
+ document.cookie = `compose_geo=${JSON.stringify({l:Math.round(r.left),t:Math.round(r.top),w:Math.round(r.width),h:Math.round(r.height)})};path=/;max-age=31536000`;
+}
+
+function loadComposeGeometry(dlg) {
+ try {
+ const m = document.cookie.match(/compose_geo=([^;]+)/);
+ if (!m) return false;
+ const g = JSON.parse(decodeURIComponent(m[1]));
+ if (!g.w||!g.h) return false;
+ const maxL = window.innerWidth - Math.max(360, g.w);
+ const maxT = window.innerHeight - Math.max(280, g.h);
+ dlg.style.left = Math.max(0, Math.min(g.l, maxL)) + 'px';
+ dlg.style.top = Math.max(0, Math.min(g.t, maxT)) + 'px';
+ dlg.style.width = Math.max(360, g.w) + 'px';
+ dlg.style.height = Math.max(280, g.h) + 'px';
+ dlg.style.right = 'auto'; dlg.style.bottom = 'auto';
+ const editor = document.getElementById('compose-editor');
+ if (editor) editor.style.height = (Math.max(280,g.h) - 242) + 'px';
+ return true;
+ } catch(e) { return false; }
+}
+
function initComposeDragResize() {
const dlg=document.getElementById('compose-dialog');
if(!dlg) return;
- // Default position — bottom-right
- dlg.style.right='24px'; dlg.style.bottom='20px';
- dlg.style.left='auto'; dlg.style.top='auto';
+ // Restore saved position/size, or fall back to default bottom-right
+ if (!loadComposeGeometry(dlg)) {
+ dlg.style.right='24px'; dlg.style.bottom='20px';
+ dlg.style.left='auto'; dlg.style.top='auto';
+ }
// Drag by header
const header=document.getElementById('compose-drag-handle');
@@ -793,7 +907,7 @@ function initComposeDragResize() {
dlg.style.left=Math.max(0,Math.min(window.innerWidth-dlg.offsetWidth, startL+(ev.clientX-ox)))+'px';
dlg.style.top= Math.max(0,Math.min(window.innerHeight-30, startT+(ev.clientY-oy)))+'px';
};
- const mu=()=>{ document.removeEventListener('mousemove',mm); document.removeEventListener('mouseup',mu); };
+ const mu=()=>{ document.removeEventListener('mousemove',mm); document.removeEventListener('mouseup',mu); saveComposeGeometry(dlg); };
document.addEventListener('mousemove',mm);
document.addEventListener('mouseup',mu);
e.preventDefault();
@@ -820,7 +934,7 @@ function initComposeDragResize() {
const editor=document.getElementById('compose-editor');
if(editor) editor.style.height=(h-242)+'px';
};
- const mu=()=>{ document.removeEventListener('mousemove',mm); document.removeEventListener('mouseup',mu); };
+ const mu=()=>{ document.removeEventListener('mousemove',mm); document.removeEventListener('mouseup',mu); saveComposeGeometry(dlg); };
document.addEventListener('mousemove',mm);
document.addEventListener('mouseup',mu);
e.preventDefault();
@@ -898,12 +1012,34 @@ function showCtxMenu(e, html) {
});
}
-// ── Init tag fields on DOMContentLoaded ───────────────────────────────────
-document.addEventListener('DOMContentLoaded', ()=>{
- // Tag fields are re-init each time openCompose() is called.
- // Initial init here covers the first open.
+// ── Init tag fields and filter dropdown ───────────────────────────────────
+// app.js loads at the bottom of so the DOM is already ready here —
+// we must NOT wrap in DOMContentLoaded (that event has already fired).
+function _bootApp() {
initTagField('compose-to');
initTagField('compose-cc-tags');
initTagField('compose-bcc-tags');
+
+ // Filter dropdown
+ const dropBtn = document.getElementById('filter-dropdown-btn');
+ const dropMenu = document.getElementById('filter-dropdown-menu');
+ if (dropBtn && dropMenu) {
+ dropBtn.addEventListener('click', e => {
+ e.stopPropagation();
+ const isOpen = dropMenu.classList.contains('open');
+ dropMenu.classList.toggle('open', !isOpen);
+ if (!isOpen) {
+ document.addEventListener('click', () => dropMenu.classList.remove('open'), {once:true});
+ }
+ });
+ ['default','unread','date-desc','date-asc','size-desc'].forEach(mode => {
+ const el = document.getElementById('fopt-'+mode);
+ if (el) el.addEventListener('click', e => { e.stopPropagation(); setFilter(mode); });
+ });
+ }
+
init();
-});
+}
+
+// Run immediately — DOM is ready since this script is at end of
+_bootApp();
diff --git a/web/static/js/gomail.js b/web/static/js/gomail.js
index f315098..99533c9 100644
--- a/web/static/js/gomail.js
+++ b/web/static/js/gomail.js
@@ -108,3 +108,24 @@ function insertLink() {
document.getElementById('compose-editor').focus();
document.execCommand('createLink', false, url);
}
+
+// ── Filter dropdown (stubs — real logic in app.js, but onclick needs global scope) ──
+function goMailToggleFilter(e) {
+ e.stopPropagation();
+ const menu = document.getElementById('filter-dropdown-menu');
+ if (!menu) return;
+ const isOpen = menu.classList.contains('open');
+ menu.classList.toggle('open', !isOpen);
+ if (!isOpen) {
+ document.addEventListener('click', function closeFilter() {
+ menu.classList.remove('open');
+ document.removeEventListener('click', closeFilter);
+ });
+ }
+}
+
+function goMailSetFilter(mode) {
+ var menu = document.getElementById('filter-dropdown-menu');
+ if (menu) menu.style.display = 'none';
+ if (typeof setFilter === 'function') setFilter(mode);
+}
diff --git a/web/templates/app.html b/web/templates/app.html
index c5c7116..6346745 100644
--- a/web/templates/app.html
+++ b/web/templates/app.html
@@ -50,7 +50,24 @@
@@ -147,7 +164,7 @@
-
+
@@ -283,5 +300,5 @@
{{end}}
{{define "scripts"}}
-
+
{{end}}
diff --git a/web/templates/base.html b/web/templates/base.html
index f9d59e7..e4ca24e 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -5,13 +5,13 @@
{{block "title" .}}GoMail{{end}}
-
+
{{block "head_extra" .}}{{end}}
{{block "body" .}}{{end}}
-
+
{{block "scripts" .}}{{end}}
-{{end}}
\ No newline at end of file
+{{end}}