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

feat(status_bar): add help item

Browse Source
This commit is contained in:
Elian Doran 2025-12-10 23:04:32 +02:00
parent cb382c9537
commit db42bb603b
No known key found for this signature in database
3 changed files with 17 additions and 6 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

@ -1963,7 +1963,8 @@
},
"note_language": {
"not_set": "No language set",
"configure-languages": "Configure languages..."
"configure-languages": "Configure languages...",
"help-on-languages": "Help on content languages..."
},
"content_language": {
"title": "Content languages",

10
apps/client/src/widgets/NoteStatusBar.tsx
View File

@ -1,11 +1,19 @@
import { t } from "../services/i18n";
import { openInAppHelpFromUrl } from "../services/utils";
import "./NoteStatusBar.css";
import { FormListItem } from "./react/FormList";
import { NoteLanguageSelector } from "./ribbon/BasicPropertiesTab";
export default function NoteStatusBar() {
return (
<div className="note-status-bar">
<NoteLanguageSelector />
<NoteLanguageSelector extraChildren={(
<FormListItem
onClick={() => openInAppHelpFromUrl("veGu4faJErEM")}
icon="bx bx-help-circle"
>{t("note_language.help-on-languages")}</FormListItem>
)} />
</div>
);
}

10
apps/client/src/widgets/ribbon/BasicPropertiesTab.tsx
View File

@ -23,6 +23,7 @@ import { ContentLanguagesList } from "../type_widgets/options/i18n";
import { LocaleSelector } from "../type_widgets/options/components/LocaleSelector";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
import { createPortal } from "preact/compat";
import { ComponentChildren } from "preact";
const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@ -326,12 +327,12 @@ function NoteLanguageSwitch({ note }: { note?: FNote | null }) {
&nbsp;
<NoteLanguageSelector note={note} />
<HelpButton helpPage="B0lcI9xz1r8K" style={{ marginInlineStart: "4px" }} />
<HelpButton helpPage="veGu4faJErEM" style={{ marginInlineStart: "4px" }} />
</div>
);
}
export function NoteLanguageSelector({ note }: { note?: FNote | null }) {
export function NoteLanguageSelector({ note, extraChildren }: { note?: FNote | null, extraChildren?: ComponentChildren }) {
const [ modalShown, setModalShown ] = useState(false);
const [ languages ] = useTriliumOption("languages");
const DEFAULT_LOCALE = {
@ -351,12 +352,13 @@ export function NoteLanguageSelector({ note }: { note?: FNote | null }) {
locales={locales}
defaultLocale={DEFAULT_LOCALE}
currentValue={currentNoteLanguage ?? ""} onChange={setCurrentNoteLanguage}
extraChildren={(
extraChildren={<>
{extraChildren}
<FormListItem
onClick={() => setModalShown(true)}
icon="bx bx-cog"
>{t("note_language.configure-languages")}</FormListItem>
)}
</>}
/>
{createPortal(
<ContentLanguagesModal modalShown={modalShown} setModalShown={setModalShown} />,