gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-11 18:04:24 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

feat(breadcrumb_badges): display badge when editing is unlocked

Browse Source
This commit is contained in:
Elian Doran 2025-12-10 09:11:28 +02:00
parent f8b292dfa3
commit a810db3641
No known key found for this signature in database
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2133,6 +2133,7 @@
"breadcrumb_badges": {
"read_only_explicit": "Read-only",
"read_only_auto": "Auto read-only",
"read_only_temporarily_disabled": "Temporarily editable",
"shared_publicly": "Shared publicly",
"shared_locally": "Shared locally"
}

18
apps/client/src/widgets/BreadcrumbBadges.tsx
View File

@ -20,14 +20,22 @@ function ReadOnlyBadge() {
const { note, noteContext } = useNoteContext();
const { isReadOnly, enableEditing } = useIsNoteReadOnly(note, noteContext);
const isExplicitReadOnly = note?.isLabelTruthy("readOnly");
const isTemporarilyEditable = noteContext?.viewScope?.readOnlyTemporarilyDisabled;
return (isReadOnly &&
<Badge
icon="bx bx-lock"
if (isTemporarilyEditable) {
return <Badge
icon="bx bx-lock-open-alt"
onClick={() => enableEditing(false)}
>
{t("breadcrumb_badges.read_only_temporarily_disabled")}
</Badge>;
} else if (isReadOnly) {
return <Badge
icon="bx bx-lock-alt"
onClick={() => enableEditing()}>
{isExplicitReadOnly ? t("breadcrumb_badges.read_only_explicit") : t("breadcrumb_badges.read_only_auto")}
</Badge>
);
</Badge>;
}
}
function ShareBadge() {

6
apps/client/src/widgets/react/hooks.tsx
View File

@ -845,9 +845,9 @@ export function useGlobalShortcut(keyboardShortcut: string | null | undefined, h
export function useIsNoteReadOnly(note: FNote | null | undefined, noteContext: NoteContext | undefined) {
const [ isReadOnly, setIsReadOnly ] = useState<boolean | undefined>(undefined);
const enableEditing = useCallback(() => {
const enableEditing = useCallback((enabled = true) => {
if (noteContext?.viewScope) {
noteContext.viewScope.readOnlyTemporarilyDisabled = true;
noteContext.viewScope.readOnlyTemporarilyDisabled = enabled;
appContext.triggerEvent("readOnlyTemporarilyDisabled", {noteContext});
}
}, [noteContext]);
@ -862,7 +862,7 @@ export function useIsNoteReadOnly(note: FNote | null | undefined, noteContext: N
useTriliumEvent("readOnlyTemporarilyDisabled", ({noteContext: eventNoteContext}) => {
if (noteContext?.ntxId === eventNoteContext.ntxId) {
setIsReadOnly(false);
setIsReadOnly(!noteContext.viewScope?.readOnlyTemporarilyDisabled);
}
});