Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 04:45:47 +01:00
Code Issues Packages Projects Releases Activity

refactored layout out of app context

Browse Source
This commit is contained in:
zadam
2020-02-06 21:47:31 +01:00
parent 92f6558e55
commit d79ae261e1
4 changed files with 85 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/public/javascripts/widgets/layout.js Normal file
View File

@@ -0,0 +1,70 @@
import FlexContainer from "./flex_container.js";
import GlobalMenuWidget from "./global_menu.js";
import TabRowWidget from "./tab_row.js";
import TitleBarButtonsWidget from "./title_bar_buttons.js";
import StandardTopWidget from "./standard_top_widget.js";
import SidePaneContainer from "./side_pane_container.js";
import GlobalButtonsWidget from "./global_buttons.js";
import SearchBoxWidget from "./search_box.js";
import SearchResultsWidget from "./search_results.js";
import NoteTreeWidget from "./note_tree.js";
import TabCachingWidget from "./tab_caching_widget.js";
import NotePathsWidget from "./note_paths.js";
import NoteTitleWidget from "./note_title.js";
import RunScriptButtonsWidget from "./run_script_buttons.js";
import ProtectedNoteSwitchWidget from "./protected_note_switch.js";
import NoteTypeWidget from "./note_type.js";
import NoteActionsWidget from "./note_actions.js";
import PromotedAttributesWidget from "./promoted_attributes.js";
import NoteDetailWidget from "./note_detail.js";
import NoteInfoWidget from "./note_info.js";
import CalendarWidget from "./calendar.js";
import AttributesWidget from "./attributes.js";
import LinkMapWidget from "./link_map.js";
import NoteRevisionsWidget from "./note_revisions.js";
import SimilarNotesWidget from "./similar_notes.js";
import WhatLinksHereWidget from "./what_links_here.js";
import SidePaneToggles from "./side_pane_toggles.js";
export default class Layout {
getRootWidget(appContext) {
return new FlexContainer(appContext, { 'flex-direction': 'column', 'height': '100vh' }, [
new FlexContainer(appContext, { 'flex-direction': 'row' }, [
new GlobalMenuWidget(appContext),
new TabRowWidget(appContext),
new TitleBarButtonsWidget(appContext)
]),
new StandardTopWidget(appContext),
new FlexContainer(appContext, { 'flex-direction': 'row' }, [
new SidePaneContainer(appContext, 'left', [
new GlobalButtonsWidget(appContext),
new SearchBoxWidget(appContext),
new SearchResultsWidget(appContext),
new NoteTreeWidget(appContext)
]),
new FlexContainer(appContext, { id: 'center-pane', 'flex-direction': 'column' }, [
new FlexContainer(appContext, { 'flex-direction': 'row' }, [
new TabCachingWidget(appContext, () => new NotePathsWidget(appContext)),
new NoteTitleWidget(appContext),
new RunScriptButtonsWidget(appContext),
new ProtectedNoteSwitchWidget(appContext),
new NoteTypeWidget(appContext),
new NoteActionsWidget(appContext)
]),
new TabCachingWidget(appContext, () => new PromotedAttributesWidget(appContext)),
new TabCachingWidget(appContext, () => new NoteDetailWidget(appContext))
]),
new SidePaneContainer(appContext, 'right', [
new NoteInfoWidget(appContext),
new TabCachingWidget(appContext, () => new CalendarWidget(appContext)),
new TabCachingWidget(appContext, () => new AttributesWidget(appContext)),
new TabCachingWidget(appContext, () => new LinkMapWidget(appContext)),
new TabCachingWidget(appContext, () => new NoteRevisionsWidget(appContext)),
new TabCachingWidget(appContext, () => new SimilarNotesWidget(appContext)),
new TabCachingWidget(appContext, () => new WhatLinksHereWidget(appContext))
]),
new SidePaneToggles(appContext)
])
])
}
}

2
src/public/javascripts/widgets/note_tree.js
View File

@@ -35,6 +35,8 @@ export default class NoteTreeWidget extends TabAwareWidget {
window.glob.cutIntoNote = () => this.cutIntoNoteListener();
this.appContext.noteTreeWidget = this;
this.tree = null;
}

6
src/public/javascripts/widgets/tab_row.js
View File

@@ -234,6 +234,12 @@ const TAB_ROW_TPL = `
</div>`;
export default class TabRowWidget extends BasicWidget {
constructor(appContext) {
super(appContext);
appContext.tabRow = this;
}
doRender() {
this.$widget = $(TAB_ROW_TPL);