Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-17 20:07:01 +01:00
Code Issues Packages Projects Releases Activity

feat(badges/content): functional enable/disable toggle

Browse Source
This commit is contained in:
Elian Doran
2026-02-14 10:30:34 +02:00
parent 9b3396349e
commit 7be637798f
1 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,3 +1,4 @@
import { BUILTIN_ATTRIBUTES } from "@triliumnext/commons";
import { useEffect, useState } from "preact/hooks";
import FNote from "../../entities/fnote";
@@ -6,15 +7,17 @@ import { Badge } from "../react/Badge";
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;
export function ActiveContentBadges() {
const { note } = useNoteContext();
const info = useActiveContentInfo(note);
console.log("Got inf ", info);
return (info &&
return (note && info &&
<>
{info.type === "iconPack" && <IconPackBadge />}
<ActiveContentToggle info={info} />
<ActiveContentToggle info={info} note={note} />
</>
);
}
@@ -29,15 +32,35 @@ function IconPackBadge() {
);
}
function ActiveContentToggle({ info }: { info: ActiveContentInfo }) {
function ActiveContentToggle({ note, info }: { note: FNote, info: ActiveContentInfo }) {
return info && <FormToggle
switchOnName="Enabled"
switchOffName="Enabled"
currentValue={info.isEnabled}
onChange={async (willEnable) => {
const attrs = note.getOwnedAttributes()
.filter(attr => {
if (attr.isInheritable) return false;
const baseName = getNameWithoutPrefix(attr.name);
return DANGEROUS_ATTRIBUTES.some(item => item.name === baseName && item.type === attr.type);
});
for (const attr of attrs) {
const baseName = getNameWithoutPrefix(attr.name);
const newName = willEnable ? baseName : `disabled:${baseName}`;
if (newName === attr.name) continue;
// We are adding and removing afterwards to avoid a flicker (because for a moment there would be no active content attribute anymore) because the operations are done in sequence and not atomically.
await attributes.addLabel(note.noteId, newName, attr.value);
await attributes.removeAttributeById(note.noteId, attr.attributeId);
}
}}
/>;
}
const activeContentLabels = [ "iconPack" ] as const;
function getNameWithoutPrefix(name: string) {
return name.startsWith("disabled:") ? name.substring(9) : name;
}
interface ActiveContentInfo {
type: "iconPack";