Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-13 03:39:54 +01:00
Code Issues Packages Projects Releases Activity

feat(status_bar): attribute button (not yet interactive)

Browse Source
This commit is contained in:
Elian Doran
2025-12-12 21:19:16 +02:00
parent 1b725175c6
commit efff38b116
2 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2159,6 +2159,9 @@
"backlinks_title_one": "This note is linked from {{count}} other note.\n\nClick to view the list of backlinks.",
"backlinks_title_other": "This note is linked from {{count}} other notes.\n\nClick to view the list of backlinks.",
"attachments_title_one": "This note has {{count}} attachment. Click to open the list of attachments in a new tab.",
"attachments_title_other": "This note has {{count}} attachments. Click to open the list of attachments in a new tab."
"attachments_title_other": "This note has {{count}} attachments. Click to open the list of attachments in a new tab.",
"attributes_one": "{{count}} attribute",
"attributes_other": "{{count}} attributes",
"attributes_title": "Click to open a dedicated pane to edit this note's owned attributes, as well as to see the list of inherited attributes."
}
}

28
apps/client/src/widgets/layout/StatusBar.tsx
View File

@@ -16,7 +16,7 @@ import { formatDateTime } from "../../utils/formatters";
import { BacklinksList, useBacklinkCount } from "../FloatingButtonsDefinitions";
import Dropdown, { DropdownProps } from "../react/Dropdown";
import { FormDropdownDivider, FormListItem } from "../react/FormList";
import { useActiveNoteContext, useStaticTooltip } from "../react/hooks";
import { useActiveNoteContext, useStaticTooltip, useTriliumEvent } from "../react/hooks";
import Icon from "../react/Icon";
import { ParentComponent } from "../react/react_utils";
import { ContentLanguagesModal, useLanguageSwitcher } from "../ribbon/BasicPropertiesTab";
@@ -24,6 +24,7 @@ import { NoteSizeWidget, useNoteMetadata } from "../ribbon/NoteInfoTab";
import { useAttachments } from "../type_widgets/Attachment";
import { useProcessedLocales } from "../type_widgets/options/components/LocaleSelector";
import Breadcrumb from "./Breadcrumb";
import attributes from "../../services/attributes";
interface StatusBarContext {
note: FNote;
@@ -43,6 +44,7 @@ export default function StatusBar() {
</div>
<div className="actions-row">
<AttributesButton {...context} />
<AttachmentCount {...context} />
<BacklinksBadge {...context} />
<LanguageSwitcher {...context} />
@@ -217,7 +219,7 @@ function AttachmentCount({ note }: StatusBarContext) {
return (note && count > 0 &&
<StatusBarButton
className="attachment-count"
className="attachment-count-button"
icon="bx bx-paperclip"
text={count}
title={t("status_bar.attachments_title", { count })}
@@ -226,3 +228,25 @@ function AttachmentCount({ note }: StatusBarContext) {
);
}
//#endregion
//#region Attributes
function AttributesButton({ note }: StatusBarContext) {
const [ count, setCount ] = useState(note.attributes.length);
// React to changes in count.
useTriliumEvent("entitiesReloaded", (({loadResults}) => {
if (loadResults.getAttributeRows().some(attr => attributes.isAffecting(attr, note))) {
setCount(note.attributes.length);
}
}));
return (
<StatusBarButton
className="attributes-button"
icon="bx bx-list-check"
title={t("status_bar.attributes_title")}
text={t("status_bar.attributes", { count })}
/>
);
}
//#endregion