TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-10 03:53:37 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

chore(react/type_widget): bring back order of editor/preview

Browse Source
This commit is contained in:
Elian Doran 2025-09-20 12:38:05 +03:00
parent c8a9b994d6
commit 2f4e13b1bb
No known key found for this signature in database
2 changed files with 17 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/client/src/widgets/type_widgets/helpers/SplitEditor.tsx
View File

@ -16,19 +16,25 @@ export default function SplitEditor({ note }: TypeWidgetProps) {
const splitEditorOrientation = useSplitOrientation(); const splitEditorOrientation = useSplitOrientation();
const [ readOnly ] = useNoteLabelBoolean(note, "readOnly"); const [ readOnly ] = useNoteLabelBoolean(note, "readOnly");
const editor = (!readOnly &&
<div className="note-detail-split-editor-col">
<div className="note-detail-split-editor">Detail goes here.</div>
<div className="admonition caution note-detail-error-container hidden-ext">Errors go here.</div>
</div>
);
const preview = (
<div className="note-detail-split-preview-col">
<div className="note-detail-split-preview">Preview goes here</div>
<div className="btn-group btn-group-sm map-type-switcher content-floating-buttons preview-buttons bottom-right" role="group">Buttons go here</div>
</div>
);
return ( return (
<div className={`note-detail-split note-detail-printable ${"split-" + splitEditorOrientation} ${readOnly ? "split-read-only" : ""}`}> <div className={`note-detail-split note-detail-printable ${"split-" + splitEditorOrientation} ${readOnly ? "split-read-only" : ""}`}>
{!readOnly && ( {splitEditorOrientation === "horizontal"
<div className="note-detail-split-editor-col"> ? <>{editor}{preview}</>
<div className="note-detail-split-editor">Detail goes here.</div> : <>{preview}{editor}</>}
<div className="admonition caution note-detail-error-container hidden-ext">Errors go here.</div>
</div>
)}
<div className="note-detail-split-preview-col">
<div className="note-detail-split-preview">Preview goes here</div>
<div className="btn-group btn-group-sm map-type-switcher content-floating-buttons preview-buttons bottom-right" role="group">Buttons go here</div>
</div>
</div> </div>
) )
} }

11
apps/client/src/widgets/type_widgets_old/abstract_split_type_widget.ts
View File

@ -104,11 +104,6 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
return; return;
} }
let elements = [ this.$editorCol[0], this.$previewCol[0] ];
if (this.layoutOrientation === "vertical") {
elements.reverse();
}
this.splitInstance?.destroy(); this.splitInstance?.destroy();
if (!this.isReadOnly) { if (!this.isReadOnly) {
@ -158,10 +153,4 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
return this.editorTypeWidget.getData(); return this.editorTypeWidget.getData();
} }
entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
if (loadResults.isOptionReloaded("splitEditorOrientation")) {
this.refresh();
}
}
} }