-
-
AI-Revised Content • ${file.revisionType} • From: ${file.originalFileName || 'Unknown'}
+
-
-
${escapeHtml(content)}
+
`;
+ // Add event listeners for display mode toggle
+ const modeMarkdown = document.getElementById('preview-mode-markdown');
+ const modeHtml = document.getElementById('preview-mode-html');
+ const contentContainer = document.getElementById('preview-content-container');
+
+ async function updatePreviewMode() {
+ const selectedMode = document.querySelector('input[name="previewDisplayMode"]:checked').value;
+
+ try {
+ const renderResponse = await fetch('/api/render-revised-content', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ content: content,
+ displayMode: selectedMode,
+ autoDetect: true
+ })
+ });
+
+ const renderResult = await renderResponse.json();
+
+ if (renderResult.success) {
+ if (selectedMode === 'html') {
+ let htmlContent = `
${renderResult.renderedContent}
`;
+
+ if (renderResult.isMarkdownContent) {
+ htmlContent = `
+
+ Markdown formatting detected and rendered
+
+ ${htmlContent}
+ `;
+ }
+
+ contentContainer.innerHTML = htmlContent;
+ contentContainer.style.backgroundColor = '#ffffff';
+ } else {
+ contentContainer.innerHTML = `
${escapeHtml(renderResult.renderedContent)}`;
+ contentContainer.style.backgroundColor = '#f8f9fa';
+ }
+ } else {
+ throw new Error(renderResult.error || 'Failed to render content');
+ }
+ } catch (error) {
+ console.error('Error rendering preview:', error);
+ // Fallback to escaped text
+ contentContainer.innerHTML = `
${escapeHtml(content)}`;
+ contentContainer.style.backgroundColor = '#f8f9fa';
+ }
+ }
+
+ modeMarkdown.addEventListener('change', updatePreviewMode);
+ modeHtml.addEventListener('change', updatePreviewMode);
+
modal.show();
} catch (error) {
console.error('Error previewing revised file:', error);
diff --git a/views/revise.ejs b/views/revise.ejs
index a6c89d0..8cf67b5 100644
--- a/views/revise.ejs
+++ b/views/revise.ejs
@@ -35,7 +35,20 @@
-
AI-Revised Notes
+
Select a revision type and click "Revise" to see AI-enhanced notes here.
@@ -139,11 +152,72 @@ document.addEventListener('DOMContentLoaded', function() {
const revisionType = document.getElementById('revision-type');
const saveBtn = document.getElementById('save-btn');
const downloadBtn = document.getElementById('download-btn');
+ const displayModeToggle = document.getElementById('display-mode-toggle');
+ const modeMarkdown = document.getElementById('mode-markdown');
+ const modeHtml = document.getElementById('mode-html');
const fileId = '<%= file.id %>';
const content = <%- JSON.stringify(content) %>;
let currentRevisedContent = '';
let currentRevisionType = '';
+ let currentDisplayMode = 'markdown';
+
+ // Handle display mode changes
+ function updateDisplayMode() {
+ if (!currentRevisedContent) return;
+
+ const selectedMode = document.querySelector('input[name="displayMode"]:checked').value;
+ currentDisplayMode = selectedMode;
+
+ renderRevisedContent(currentRevisedContent, selectedMode);
+ }
+
+ // Render revised content based on display mode
+ async function renderRevisedContent(content, displayMode = 'markdown') {
+ try {
+ const response = await fetch('/api/render-revised-content', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ content: content,
+ displayMode: displayMode,
+ autoDetect: true
+ })
+ });
+
+ const result = await response.json();
+
+ if (result.success) {
+ if (displayMode === 'html') {
+ // Render as HTML
+ revisedContent.innerHTML = `
${result.renderedContent}
`;
+
+ // Show format detection info if available
+ if (result.isMarkdownContent) {
+ const formatInfo = document.createElement('div');
+ formatInfo.className = 'alert alert-info alert-sm mb-2';
+ formatInfo.innerHTML = '
Markdown formatting detected and rendered';
+ revisedContent.insertBefore(formatInfo, revisedContent.firstChild);
+ }
+ } else {
+ // Show as raw markdown/text
+ revisedContent.innerHTML = `
${escapeHtml(result.renderedContent)}`;
+ }
+ } else {
+ throw new Error(result.error || 'Failed to render content');
+ }
+ } catch (error) {
+ console.error('Error rendering content:', error);
+ // Fallback to escaped text
+ revisedContent.innerHTML = `
${escapeHtml(content)}`;
+ }
+ }
+
+ // Add event listeners for display mode toggle
+ modeMarkdown.addEventListener('change', updateDisplayMode);
+ modeHtml.addEventListener('change', updateDisplayMode);
reviseBtn.addEventListener('click', async function() {
const type = revisionType.value;
@@ -153,6 +227,7 @@ document.addEventListener('DOMContentLoaded', function() {
reviseBtn.disabled = true;
revisionProgress.classList.remove('d-none');
+ displayModeToggle.style.display = 'none'; // Hide toggle during processing
revisedContent.innerHTML = '
Processing...
AI is processing your notes...
';
try {
@@ -175,9 +250,15 @@ document.addEventListener('DOMContentLoaded', function() {
console.log('Revision result:', result);
if (result.success) {
- revisedContent.innerHTML = '
' + escapeHtml(result.revisedContent) + '
';
currentRevisedContent = result.revisedContent;
currentRevisionType = type;
+
+ // Show display mode toggle
+ displayModeToggle.style.display = 'block';
+
+ // Render content based on current display mode
+ await renderRevisedContent(currentRevisedContent, currentDisplayMode);
+
saveBtn.disabled = false;
downloadBtn.disabled = false;
} else {