gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-20 20:54:26 +01:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

feat(badges/content): option to open documentation

Browse Source
This commit is contained in:
Elian Doran 2026-02-14 11:08:30 +02:00
parent a68e82c1c8
commit 66ff009b72
No known key found for this signature in database
2 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/translations/en/translation.json
View File

@ -2293,6 +2293,7 @@
"type_icon_pack": "Icon pack",
"type_backend_script": "Backend script",
"toggle_tooltip_enable_tooltip": "Click to enable this {{type}}.",
"toggle_tooltip_disable_tooltip": "Click to disable this {{type}}."
"toggle_tooltip_disable_tooltip": "Click to disable this {{type}}.",
"menu_docs": "Open documentation"
}
}

31
apps/client/src/widgets/layout/ActiveContentBadges.tsx
View File

@ -4,16 +4,27 @@ import { useEffect, useState } from "preact/hooks";
import FNote from "../../entities/fnote";
import attributes from "../../services/attributes";
import { t } from "../../services/i18n";
import { Badge } from "../react/Badge";
import { openInAppHelpFromUrl } from "../../services/utils";
import { Badge, BadgeWithDropdown } from "../react/Badge";
import { FormListItem } from "../react/FormList";
import FormToggle from "../react/FormToggle";
import { useNoteContext, useTriliumEvent } from "../react/hooks";
const DANGEROUS_ATTRIBUTES = BUILTIN_ATTRIBUTES.filter(a => a.isDangerous);
const activeContentLabels = [ "iconPack" ] as const;
const typeIconMappings: Record<ActiveContentInfo["type"], string> = {
iconPack: "bx bx-package",
backendScript: "bx bx-server"
const typeMappings: Record<ActiveContentInfo["type"], {
icon: string;
helpPage: string;
}> = {
iconPack: {
icon: "bx bx-package",
helpPage: "g1mlRoU8CsqC"
},
backendScript: {
icon: "bx bx-server",
helpPage: "SPirpZypehBG"
}
};
export function ActiveContentBadges() {
@ -29,12 +40,18 @@ export function ActiveContentBadges() {
}
function ActiveContentBadge({ info }: { note: FNote, info: ActiveContentInfo }) {
const { icon, helpPage } = typeMappings[info.type];
return (
<Badge
<BadgeWithDropdown
className="icon-pack-badge"
icon={typeIconMappings[info.type]}
icon={icon}
text={getTranslationForType(info.type)}
/>
>
<FormListItem
icon="bx bx-help-circle"
onClick={() => openInAppHelpFromUrl(helpPage)}
>{t("active_content_badges.menu_docs")}</FormListItem>
</BadgeWithDropdown>
);
}