+ const actions = (panelEditMode && e._source === 'panel')
+ ? `
+
+
+
`
+ : '';
+ return `
${time}${sourceLabel}
${mood}${escapeHtml(e.text)}${tags ? '
'+tags+'
' : ''}
+ ${actions}
`;
}).join('');
return `
`;
@@ -2277,6 +2351,33 @@
});
}
+ function deleteProjectEntry(id) {
+ return new Promise((resolve, reject) => {
+ const tx = db.transaction(PROJECT_ENTRIES_STORE, 'readwrite');
+ const store = tx.objectStore(PROJECT_ENTRIES_STORE);
+ const req = store.delete(id);
+ req.onsuccess = () => resolve();
+ req.onerror = () => reject(req.error);
+ });
+ }
+
+ function updateProjectEntry(id, text) {
+ return new Promise((resolve, reject) => {
+ const tx = db.transaction(PROJECT_ENTRIES_STORE, 'readwrite');
+ const store = tx.objectStore(PROJECT_ENTRIES_STORE);
+ const getReq = store.get(id);
+ getReq.onsuccess = () => {
+ const entry = getReq.result;
+ if (!entry) { reject(new Error('Entry not found')); return; }
+ entry.text = text;
+ const putReq = store.put(entry);
+ putReq.onsuccess = () => resolve();
+ putReq.onerror = () => reject(putReq.error);
+ };
+ getReq.onerror = () => reject(getReq.error);
+ });
+ }
+
function getProjectEntries(projectId) {
return new Promise((resolve, reject) => {
const tx = db.transaction(PROJECT_ENTRIES_STORE, 'readonly');
@@ -2906,6 +3007,70 @@
if (e.key === 'Enter' && e.ctrlKey) { e.preventDefault(); if (dbReady) panelSubmit(); }
});
+ document.getElementById('panelEditModeBtn').addEventListener('click', () => {
+ panelEditMode = !panelEditMode;
+ const btn = document.getElementById('panelEditModeBtn');
+ btn.textContent = panelEditMode ? 'Done' : 'Edit';
+ btn.classList.toggle('active', panelEditMode);
+ if (activePanelProjectId != null) renderProjectTimeline(activePanelProjectId);
+ });
+
+ document.getElementById('sidePanelTimeline').addEventListener('click', async e => {
+ const actionBtn = e.target.closest('[data-action]');
+ if (!actionBtn) return;
+ const entry = actionBtn.closest('.panel-entry');
+ if (!entry || entry.dataset.source !== 'panel') return;
+ const id = parseInt(entry.dataset.id);
+
+ if (actionBtn.dataset.action === 'delete') {
+ try {
+ await deleteProjectEntry(id);
+ await renderProjectTimeline(activePanelProjectId);
+ const countEl = document.querySelector(`.breakout-card[data-project-id="${activePanelProjectId}"] .breakout-card-count`);
+ if (countEl) {
+ const count = await getCombinedProjectEntryCount(activePanelProjectId);
+ countEl.textContent = `${count} ${count === 1 ? 'entry' : 'entries'}`;
+ }
+ showToast('Entry deleted');
+ } catch (err) {
+ console.error('Failed to delete project entry:', err);
+ showToast('Error deleting entry');
+ }
+ return;
+ }
+
+ if (actionBtn.dataset.action === 'edit') {
+ const body = entry.querySelector('.panel-entry-body');
+ const currentText = entry.dataset.text;
+ body.innerHTML = `
`;
+ const textarea = body.querySelector('textarea');
+ textarea.focus();
+ textarea.setSelectionRange(textarea.value.length, textarea.value.length);
+
+ const save = async () => {
+ const newText = textarea.value.trim();
+ if (!newText || newText === currentText) {
+ await renderProjectTimeline(activePanelProjectId);
+ return;
+ }
+ try {
+ await updateProjectEntry(id, newText);
+ await renderProjectTimeline(activePanelProjectId);
+ showToast('Entry updated');
+ } catch (err) {
+ console.error('Failed to update project entry:', err);
+ showToast('Error updating entry');
+ }
+ };
+
+ textarea.addEventListener('blur', save, { once: true });
+ textarea.addEventListener('keydown', ke => {
+ if (ke.key === 'Enter' && !ke.shiftKey) { ke.preventDefault(); textarea.removeEventListener('blur', save); save(); }
+ if (ke.key === 'Escape') { textarea.removeEventListener('blur', save); renderProjectTimeline(activePanelProjectId); }
+ });
+ }
+ });
+
init();