Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 18:12:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(share): display icons in note tree

Browse Source
This commit is contained in:
Elian Doran 2025-06-09 18:47:02 +03:00
parent 89e931bca6
commit 0cba323091
No known key found for this signature in database
3 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/server/src/becca/entities/bnote.ts
View File

@ -28,7 +28,7 @@ const LABEL = "label";
const RELATION = "relation"; const RELATION = "relation";
// TODO: Deduplicate with fnote // TODO: Deduplicate with fnote
const NOTE_TYPE_ICONS = { export const NOTE_TYPE_ICONS = {
file: "bx bx-file", file: "bx bx-file",
image: "bx bx-image", image: "bx bx-image",
code: "bx bx-code", code: "bx bx-code",

28
apps/server/src/share/shaca/entities/snote.ts
View File

@ -9,6 +9,7 @@ import type SAttachment from "./sattachment.js";
import type SAttribute from "./sattribute.js"; import type SAttribute from "./sattribute.js";
import type SBranch from "./sbranch.js"; import type SBranch from "./sbranch.js";
import type { SNoteRow } from "./rows.js"; import type { SNoteRow } from "./rows.js";
import { NOTE_TYPE_ICONS } from "../../../becca/entities/bnote.js";
const LABEL = "label"; const LABEL = "label";
const RELATION = "relation"; const RELATION = "relation";
@ -530,6 +531,33 @@ class SNote extends AbstractShacaEntity {
childNoteIds: this.children.map((child) => child.noteId) childNoteIds: this.children.map((child) => child.noteId)
}; };
} }
getIcon() {
const iconClassLabels = this.getLabels("iconClass");
if (iconClassLabels && iconClassLabels.length > 0) {
return iconClassLabels[0].value;
} else if (this.noteId === "root") {
return "bx bx-home-alt-2";
}
if (this.noteId === "_share") {
return "bx bx-share-alt";
} else if (this.type === "text") {
if (this.isFolder()) {
return "bx bx-folder";
} else {
return "bx bx-note";
}
} else if (this.type === "code" && this.mime.startsWith("text/x-sql")) {
return "bx bx-data";
} else {
return NOTE_TYPE_ICONS[this.type];
}
}
isFolder() {
return this.getChildBranches().length > 0;
}
} }
export default SNote; export default SNote;

2
packages/share-theme/src/templates/tree_item.ejs
View File

@ -8,7 +8,7 @@ const target = isExternalLink ? ` target="_blank" rel="noopener noreferrer"` : "
<% if (note.noteId !== subRoot.note.noteId) { %> <% if (note.noteId !== subRoot.note.noteId) { %>
<a class="<%= linkClass %>" href="<%= linkHref %>"<%= target %>> <a class="<%= linkClass %>" href="<%= linkHref %>"<%= target %>>
<% if (note.hasVisibleChildren()) { %><button class="collapse-button" aria-label="Expand"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></button><% } %> <% if (note.hasVisibleChildren()) { %><button class="collapse-button" aria-label="Expand"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></button><% } %>
<span><%= note.title %></span> <span><i class="<%= note.getIcon() %>"></i> <%= note.title %></span>
</a> </a>
<% } %> <% } %>