mirror of
https://github.com/zadam/trilium.git
synced 2025-10-29 18:49:00 +01:00
137 lines
3.8 KiB
JavaScript
137 lines
3.8 KiB
JavaScript
import NoteContextAwareWidget from "../note_context_aware_widget.js";
|
|
import treeService from "../../services/tree.js";
|
|
import linkService from "../../services/link.js";
|
|
import { t } from "../../services/i18n.js";
|
|
|
|
const TPL = `
|
|
<div class="note-paths-widget">
|
|
<style>
|
|
.note-paths-widget {
|
|
padding: 12px;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.note-path-list {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.note-path-list .path-current {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.note-path-list .path-archived {
|
|
color: var(--muted-text-color) !important;
|
|
}
|
|
|
|
.note-path-list .path-search {
|
|
font-style: italic;
|
|
}
|
|
</style>
|
|
|
|
<div class="note-path-intro"></div>
|
|
|
|
<ul class="note-path-list"></ul>
|
|
|
|
<button class="btn btn-sm" data-trigger-command="cloneNoteIdsTo">${t("note_paths.clone_button")}</button>
|
|
</div>`;
|
|
|
|
export default class NotePathsWidget extends NoteContextAwareWidget {
|
|
get name() {
|
|
return "notePaths";
|
|
}
|
|
|
|
get toggleCommand() {
|
|
return "toggleRibbonTabNotePaths";
|
|
}
|
|
|
|
getTitle() {
|
|
return {
|
|
show: true,
|
|
title: t("note_paths.title"),
|
|
icon: "bx bx-collection"
|
|
};
|
|
}
|
|
|
|
doRender() {
|
|
this.$widget = $(TPL);
|
|
this.contentSized();
|
|
|
|
this.$notePathIntro = this.$widget.find(".note-path-intro");
|
|
this.$notePathList = this.$widget.find(".note-path-list");
|
|
this.$widget.on("show.bs.dropdown", () => this.renderDropdown());
|
|
}
|
|
|
|
async refreshWithNote(note) {
|
|
this.$notePathList.empty();
|
|
|
|
if (this.noteId === "root") {
|
|
this.$notePathList.empty().append(await this.getRenderedPath("root"));
|
|
|
|
return;
|
|
}
|
|
|
|
const sortedNotePaths = this.note.getSortedNotePathRecords(this.hoistedNoteId).filter((notePath) => !notePath.isHidden);
|
|
|
|
if (sortedNotePaths.length > 0) {
|
|
this.$notePathIntro.text(t("note_paths.intro_placed"));
|
|
} else {
|
|
this.$notePathIntro.text(t("note_paths.intro_not_placed"));
|
|
}
|
|
|
|
const renderedPaths = [];
|
|
|
|
for (const notePathRecord of sortedNotePaths) {
|
|
const notePath = notePathRecord.notePath.join("/");
|
|
|
|
renderedPaths.push(await this.getRenderedPath(notePath, notePathRecord));
|
|
}
|
|
|
|
this.$notePathList.empty().append(...renderedPaths);
|
|
}
|
|
|
|
async getRenderedPath(notePath, notePathRecord = null) {
|
|
const title = await treeService.getNotePathTitle(notePath);
|
|
|
|
const $noteLink = await linkService.createLink(notePath, { title });
|
|
|
|
$noteLink.find("a").addClass("no-tooltip-preview tn-link");
|
|
|
|
const icons = [];
|
|
|
|
if (this.notePath === notePath) {
|
|
$noteLink.addClass("path-current");
|
|
}
|
|
|
|
if (!notePathRecord || notePathRecord.isInHoistedSubTree) {
|
|
$noteLink.addClass("path-in-hoisted-subtree");
|
|
} else {
|
|
icons.push(`<span class="bx bx-trending-up" title="${t("note_paths.outside_hoisted")}"></span>`);
|
|
}
|
|
|
|
if (notePathRecord?.isArchived) {
|
|
$noteLink.addClass("path-archived");
|
|
|
|
icons.push(`<span class="bx bx-archive" title="${t("note_paths.archived")}"></span>`);
|
|
}
|
|
|
|
if (notePathRecord?.isSearch) {
|
|
$noteLink.addClass("path-search");
|
|
|
|
icons.push(`<span class="bx bx-search" title="${t("note_paths.search")}"></span>`);
|
|
}
|
|
|
|
if (icons.length > 0) {
|
|
$noteLink.append(` ${icons.join(" ")}`);
|
|
}
|
|
|
|
return $("<li>").append($noteLink);
|
|
}
|
|
|
|
entitiesReloadedEvent({ loadResults }) {
|
|
if (loadResults.getBranchRows().find((branch) => branch.noteId === this.noteId) || loadResults.isNoteReloaded(this.noteId)) {
|
|
this.refresh();
|
|
}
|
|
}
|
|
}
|