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

changed presentation of similar notes to "tag cloud" style

Browse Source
This commit is contained in:
zadam 2020-09-06 22:48:52 +02:00
parent b0bf88c487
commit eb4d86f41d
1 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/public/app/widgets/collapsible_widgets/similar_notes.js
View File

@ -3,9 +3,36 @@ import linkService from "../../services/link.js";
import server from "../../services/server.js"; import server from "../../services/server.js";
import treeCache from "../../services/tree_cache.js"; import treeCache from "../../services/tree_cache.js";
const TPL = `
<div>
<style>
.similar-notes-content 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: 3px;
max-width: 10em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
</style>
<div class="similar-notes-content"></div>
</div>
`;
export default class SimilarNotesWidget extends CollapsibleWidget { export default class SimilarNotesWidget extends CollapsibleWidget {
get widgetTitle() { return "Similar notes"; } get widgetTitle() { return "Similar notes"; }
async doRenderBody() {
this.$body.html(TPL);
this.$similarNotesContent = this.$body.find(".similar-notes-content");
}
get help() { get help() {
return { return {
title: "This list contains notes which might be similar to the current note based on textual similarity of note title." title: "This list contains notes which might be similar to the current note based on textual similarity of note title."
@ -15,7 +42,7 @@ export default class SimilarNotesWidget extends CollapsibleWidget {
noteSwitched() { noteSwitched() {
const noteId = this.noteId; const noteId = this.noteId;
this.$body.empty(); this.$similarNotesContent.empty();
// avoid executing this expensive operation multiple times when just going through notes (with keyboard especially) // avoid executing this expensive operation multiple times when just going through notes (with keyboard especially)
// until the users settles on a note // until the users settles on a note
@ -33,7 +60,7 @@ export default class SimilarNotesWidget extends CollapsibleWidget {
const similarNotes = await server.get('similar-notes/' + this.noteId); const similarNotes = await server.get('similar-notes/' + this.noteId);
if (similarNotes.length === 0) { if (similarNotes.length === 0) {
this.$body.text("No similar notes found ..."); this.$similarNotesContent.text("No similar notes found ...");
return; return;
} }
@ -41,7 +68,7 @@ export default class SimilarNotesWidget extends CollapsibleWidget {
await treeCache.getNotes(noteIds, true); // preload all at once await treeCache.getNotes(noteIds, true); // preload all at once
const $list = $('<ul>'); const $list = $('<div>');
for (const similarNote of similarNotes) { for (const similarNote of similarNotes) {
const note = await treeCache.getNote(similarNote.noteId, true); const note = await treeCache.getNote(similarNote.noteId, true);
@ -50,13 +77,13 @@ export default class SimilarNotesWidget extends CollapsibleWidget {
continue; continue;
} }
const $item = $("<li>") const $item = (await linkService.createNoteLink(similarNote.notePath.join("/")))
.append(await linkService.createNoteLink(similarNote.notePath.join("/"), {showNotePath: true})); .css("font-size", 24 * similarNote.coeff);
$list.append($item); $list.append($item);
} }
this.$body.empty().append($list); this.$similarNotesContent.empty().append($list);
} }
entitiesReloadedEvent({loadResults}) { entitiesReloadedEvent({loadResults}) {