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') .find('a')
.addClass("no-tooltip-preview"); .addClass("no-tooltip-preview");
const comments = []; const icons = [];
if (this.notePath === notePath) { if (this.notePath === notePath) {
$noteLink.addClass("path-current"); $noteLink.addClass("path-current");
@ -98,23 +98,23 @@ export default class NotePathsWidget extends TabAwareWidget {
$noteLink.addClass("path-in-hoisted-subtree"); $noteLink.addClass("path-in-hoisted-subtree");
} }
else { 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) { if (notePathRecord.isArchived) {
$noteLink.addClass("path-archived"); $noteLink.addClass("path-archived");
comments.push("archived"); icons.push(`<span class="bx bx-archive" title="Archived"></span>`);
} }
if (notePathRecord.isSearch) { if (notePathRecord.isSearch) {
$noteLink.addClass("path-search"); $noteLink.addClass("path-search");
comments.push("search"); icons.push(`<span class="bx bx-search" title="Search"></span>`);
} }
if (comments.length > 0) { if (icons.length > 0) {
$noteLink.append(` (${comments.join(', ')})`); $noteLink.append(` ${icons.join(' ')}`);
} }
this.$notePathList.append($noteLink); this.$notePathList.append($noteLink);