use icons instead of plain text to differentiate between different paths in note paths widget

This commit is contained in:
zadam 2021-03-10 23:11:48 +01:00
parent 09e9ac4d00
commit 6f901e6852

View file

@ -88,7 +88,7 @@ export default class NotePathsWidget extends TabAwareWidget {
.find('a')
.addClass("no-tooltip-preview");
const comments = [];
const icons = [];
if (this.notePath === notePath) {
$noteLink.addClass("path-current");
@ -98,23 +98,23 @@ export default class NotePathsWidget extends TabAwareWidget {
$noteLink.addClass("path-in-hoisted-subtree");
}
else {
comments.push("outside of hoisting");
icons.push(`<span class="bx bx-trending-up" title="This path is outside of hoisted note and you would have to unhoist."></span>`);
}
if (notePathRecord.isArchived) {
$noteLink.addClass("path-archived");
comments.push("archived");
icons.push(`<span class="bx bx-archive" title="Archived"></span>`);
}
if (notePathRecord.isSearch) {
$noteLink.addClass("path-search");
comments.push("search");
icons.push(`<span class="bx bx-search" title="Search"></span>`);
}
if (comments.length > 0) {
$noteLink.append(` (${comments.join(', ')})`);
if (icons.length > 0) {
$noteLink.append(` ${icons.join(' ')}`);
}
this.$notePathList.append($noteLink);