mirror of
https://github.com/zadam/trilium.git
synced 2025-03-01 14:22:32 +01:00
similar notes section widget
This commit is contained in:
zadam
parent
9532a5662f
commit
57b6271c0b
@ -16,7 +16,7 @@ let clonedNoteIds;
|
||||
|
||||
export async function showDialog(noteIds) {
|
||||
if (!noteIds || noteIds.length === 0) {
|
||||
noteIds = [ appContext.tabManager.getActiveContextNoteId() ]
|
||||
noteIds = [ appContext.tabManager.getActiveContextNoteId() ];
|
||||
}
|
||||
|
||||
clonedNoteIds = [];
|
||||
|
||||
@ -38,6 +38,7 @@ import BookPropertiesWidget from "../widgets/type_property_widgets/book_properti
|
||||
import ShowNoteSourceButton from "../widgets/buttons/show_note_source.js";
|
||||
import LinkMapWidget from "../widgets/type_property_widgets/link_map.js";
|
||||
import NotePathsWidget from "../widgets/type_property_widgets/note_paths.js";
|
||||
import SimilarNotesWidget from "../widgets/type_property_widgets/similar_notes.js";
|
||||
|
||||
export default class DesktopLayout {
|
||||
constructor(customWidgets) {
|
||||
@ -115,6 +116,7 @@ export default class DesktopLayout {
|
||||
.section(new InheritedAttributesWidget())
|
||||
.section(new NotePathsWidget())
|
||||
.section(new LinkMapWidget())
|
||||
.section(new SimilarNotesWidget())
|
||||
.section(new NoteInfoWidget())
|
||||
.button(new ButtonWidget()
|
||||
.icon('bx bx-history')
|
||||
|
||||
@ -1,151 +0,0 @@
|
||||
import linkService from "../services/link.js";
|
||||
import server from "../services/server.js";
|
||||
import froca from "../services/froca.js";
|
||||
import NoteContextAwareWidget from "./note_context_aware_widget.js";
|
||||
import options from "../services/options.js";
|
||||
|
||||
const TPL = `
|
||||
<div class="similar-notes-widget hide-in-zen-mode">
|
||||
<style>
|
||||
.similar-notes-wrapper {
|
||||
max-height: 75px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.similar-notes-wrapper a {
|
||||
display: inline-block;
|
||||
border: 1px dotted var(--main-border-color);
|
||||
border-radius: 20px;
|
||||
background-color: var(--accented-background-color);
|
||||
padding: 0 10px 0 10px;
|
||||
margin: 0 3px 0 3px;
|
||||
max-width: 10em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="area-expander">
|
||||
<hr class="w-100">
|
||||
|
||||
<div class="area-expander-text"
|
||||
title="This list contains notes which might be similar to the current note based on textual similarity of note title, its labels and relations."></div>
|
||||
|
||||
<hr class="w-100">
|
||||
</div>
|
||||
|
||||
<div class="similar-notes-wrapper"></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
export default class SimilarNotesWidget extends NoteContextAwareWidget {
|
||||
isEnabled() {
|
||||
return super.isEnabled()
|
||||
&& this.note.type !== 'search'
|
||||
&& !this.note.hasLabel('similarNotesWidgetDisabled');
|
||||
}
|
||||
|
||||
doRender() {
|
||||
this.$widget = $(TPL);
|
||||
this.overflowing();
|
||||
|
||||
this.$similarNotesWrapper = this.$widget.find(".similar-notes-wrapper");
|
||||
this.$expanderText = this.$widget.find(".area-expander-text");
|
||||
|
||||
this.$expander = this.$widget.find('.area-expander');
|
||||
this.$expander.on('click', async () => {
|
||||
const collapse = this.$similarNotesWrapper.is(":visible");
|
||||
|
||||
await options.save('similarNotesExpanded', !collapse);
|
||||
|
||||
this.triggerEvent(`similarNotesCollapsedStateChanged`, {collapse});
|
||||
});
|
||||
|
||||
return this.$widget;
|
||||
}
|
||||
|
||||
noteSwitched() {
|
||||
const noteId = this.noteId;
|
||||
|
||||
this.toggleInt(false);
|
||||
this.$similarNotesWrapper.hide(); // we'll open it in refresh() if needed
|
||||
|
||||
// avoid executing this expensive operation multiple times when just going through notes (with keyboard especially)
|
||||
// until the users settles on a note
|
||||
setTimeout(() => {
|
||||
if (this.noteId === noteId) {
|
||||
this.refresh();
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
async refresh() {
|
||||
if (!this.isEnabled()) {
|
||||
return;
|
||||
}
|
||||
|
||||
// remember which title was when we found the similar notes
|
||||
this.title = this.note.title;
|
||||
|
||||
const similarNotes = await server.get('similar-notes/' + this.noteId);
|
||||
|
||||
if (!similarNotes) {
|
||||
this.toggleInt(false);
|
||||
return;
|
||||
}
|
||||
|
||||
this.toggleInt(similarNotes.length > 0);
|
||||
|
||||
if (similarNotes.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (options.is('similarNotesExpanded')) {
|
||||
this.$similarNotesWrapper.show();
|
||||
}
|
||||
|
||||
this.$expanderText.text(`${similarNotes.length} similar note${similarNotes.length === 1 ? '': "s"}`);
|
||||
|
||||
const noteIds = similarNotes.flatMap(note => note.notePath);
|
||||
|
||||
await froca.getNotes(noteIds, true); // preload all at once
|
||||
|
||||
const $list = $('<div>');
|
||||
|
||||
for (const similarNote of similarNotes) {
|
||||
const note = await froca.getNote(similarNote.noteId, true);
|
||||
|
||||
if (!note) {
|
||||
continue;
|
||||
}
|
||||
|
||||
const $item = (await linkService.createNoteLink(similarNote.notePath.join("/")))
|
||||
.css("font-size", 24 * (1 - 1 / (1 + similarNote.score)));
|
||||
|
||||
$list.append($item);
|
||||
}
|
||||
|
||||
this.$similarNotesWrapper.empty().append($list);
|
||||
}
|
||||
|
||||
entitiesReloadedEvent({loadResults}) {
|
||||
if (this.note && this.title !== this.note.title) {
|
||||
this.rendered = false;
|
||||
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* This event is used to synchronize collapsed state of all the tab-cached widgets since they are all rendered
|
||||
* separately but should behave uniformly for the user.
|
||||
*/
|
||||
similarNotesCollapsedStateChangedEvent({collapse}) {
|
||||
if (collapse) {
|
||||
this.$similarNotesWrapper.slideUp(200);
|
||||
} else {
|
||||
this.$similarNotesWrapper.slideDown(200);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -44,7 +44,7 @@ export default class NotePathsWidget extends NoteContextAwareWidget {
|
||||
|
||||
getTitle() {
|
||||
return {
|
||||
show: this.isEnabled(),
|
||||
show: true,
|
||||
title: 'Note Paths',
|
||||
icon: 'bx bx-collection'
|
||||
};
|
||||
|
||||
@ -0,0 +1,98 @@
|
||||
import linkService from "../../services/link.js";
|
||||
import server from "../../services/server.js";
|
||||
import froca from "../../services/froca.js";
|
||||
import NoteContextAwareWidget from "../note_context_aware_widget.js";
|
||||
|
||||
const TPL = `
|
||||
<div class="similar-notes-widget">
|
||||
<style>
|
||||
.similar-notes-wrapper {
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.similar-notes-wrapper a {
|
||||
display: inline-block;
|
||||
border: 1px dotted var(--main-border-color);
|
||||
border-radius: 20px;
|
||||
background-color: var(--accented-background-color);
|
||||
padding: 0 10px 0 10px;
|
||||
margin: 0 3px 0 3px;
|
||||
max-width: 10em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="similar-notes-wrapper"></div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
export default class SimilarNotesWidget extends NoteContextAwareWidget {
|
||||
static getType() { return "similar-notes"; }
|
||||
|
||||
isEnabled() {
|
||||
return super.isEnabled()
|
||||
&& this.note.type !== 'search'
|
||||
&& !this.note.hasLabel('similarNotesWidgetDisabled');
|
||||
}
|
||||
|
||||
getTitle() {
|
||||
return {
|
||||
show: this.isEnabled(),
|
||||
title: 'Similar Notes',
|
||||
icon: 'bx bx-bar-chart'
|
||||
};
|
||||
}
|
||||
|
||||
doRender() {
|
||||
this.$widget = $(TPL);
|
||||
this.overflowing();
|
||||
|
||||
this.$similarNotesWrapper = this.$widget.find(".similar-notes-wrapper");
|
||||
}
|
||||
|
||||
async refreshWithNote() {
|
||||
// remember which title was when we found the similar notes
|
||||
this.title = this.note.title;
|
||||
|
||||
const similarNotes = await server.get('similar-notes/' + this.noteId);
|
||||
|
||||
if (similarNotes.length === 0) {
|
||||
this.$similarNotesWrapper.empty().append("No similar notes found.");
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
const noteIds = similarNotes.flatMap(note => note.notePath);
|
||||
|
||||
await froca.getNotes(noteIds, true); // preload all at once
|
||||
|
||||
const $list = $('<div>');
|
||||
|
||||
for (const similarNote of similarNotes) {
|
||||
const note = await froca.getNote(similarNote.noteId, true);
|
||||
|
||||
if (!note) {
|
||||
continue;
|
||||
}
|
||||
|
||||
const $item = (await linkService.createNoteLink(similarNote.notePath.join("/")))
|
||||
.css("font-size", 24 * (1 - 1 / (1 + similarNote.score)));
|
||||
|
||||
$list.append($item);
|
||||
}
|
||||
|
||||
this.$similarNotesWrapper.empty().append($list);
|
||||
}
|
||||
|
||||
entitiesReloadedEvent({loadResults}) {
|
||||
if (this.note && this.title !== this.note.title) {
|
||||
this.rendered = false;
|
||||
|
||||
this.refresh();
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user