Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-30 11:42:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

this is pretty close to opening a new tab?

Browse Source
This commit is contained in:
perf3ct 2025-03-10 05:52:33 +00:00
parent 75e18e42bf
commit bd97d971ed
No known key found for this signature in database
GPG Key ID: 569C4EEC436F5232
1 changed files with 4 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/public/app/widgets/llm_chat_panel.ts
View File

@ -299,74 +299,23 @@ export default class LlmChatPanel extends BasicWidget {
const sourceElement = document.createElement('div'); const sourceElement = document.createElement('div');
sourceElement.className = 'source-item p-2 mb-1 border rounded'; sourceElement.className = 'source-item p-2 mb-1 border rounded';
// Use the proper note URL format instead of "#" // Create the direct link to the note
// This creates a direct hyperlink to the note using the application's URL schema
sourceElement.innerHTML = ` sourceElement.innerHTML = `
<div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center">
<a href="#root/${source.noteId}" <a href="#root/${source.noteId}"
data-note-id="${source.noteId}" data-note-id="${source.noteId}"
class="source-link text-truncate" class="source-link text-truncate"
style="max-width: 85%;"
title="Open note: ${source.title}"> title="Open note: ${source.title}">
<i class="bx bx-file"></i> ${source.title} <i class="bx bx-file"></i> ${source.title}
</a> </a>
<div class="source-actions"> </div>`;
<button type="button" class="btn btn-sm btn-outline-secondary preview-button" title="Quick Preview">
<i class="bx bx-show"></i>
</button>
</div>
</div>
<div class="source-preview mt-2 p-2 border-top" style="display: none; font-size: 0.85rem;"></div>`;
// Keep the click handler for better UX - this ensures the note opens in the right context // Add click handler for better user experience
sourceElement.querySelector('.source-link')?.addEventListener('click', (e) => { sourceElement.querySelector('.source-link')?.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
appContext.tabManager.openTabWithNoteWithHoisting(source.noteId); appContext.tabManager.openTabWithNoteWithHoisting(source.noteId);
}); });
// Add preview functionality
sourceElement.querySelector('.preview-button')?.addEventListener('click', async () => {
const previewElement = sourceElement.querySelector('.source-preview') as HTMLElement;
if (previewElement.style.display === 'none') {
// Show preview
previewElement.style.display = 'block';
// If we don't have a preview yet, load it
if (!previewElement.innerHTML.trim()) {
previewElement.innerHTML = '<div class="text-center"><i class="bx bx-loader-alt bx-spin"></i> Loading preview...</div>';
try {
// Fetch note content using the correct API endpoint
const result = await server.get(`etapi/notes/${source.noteId}/content`);
// For plain text or short content, display directly
let previewContent = result as string;
// If it's HTML, extract text or simplify
if (typeof result === 'string' && result.trim().startsWith('<')) {
const tempDiv = document.createElement('div');
tempDiv.innerHTML = result;
previewContent = tempDiv.textContent || tempDiv.innerText || result;
}
// Limit preview length
const maxLength = 300;
if (previewContent.length > maxLength) {
previewContent = previewContent.substring(0, maxLength) + '...';
}
previewElement.innerHTML = `<div class="font-italic">${previewContent}</div>`;
} catch (error) {
previewElement.innerHTML = '<div class="text-danger">Error loading preview</div>';
}
}
} else {
// Hide preview
previewElement.style.display = 'none';
}
});
this.sourcesList.appendChild(sourceElement); this.sourcesList.appendChild(sourceElement);
}); });