Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-03 20:06:08 +01:00
Code Issues Packages Projects Releases Activity

split window WIP

Browse Source
This commit is contained in:
zadam
2021-05-19 22:45:34 +02:00
parent 8c1c9b00e2
commit b7bd5396d1
6 changed files with 97 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/public/app/layouts/desktop_layout.js
View File

@@ -40,6 +40,7 @@ import SpacerWidget from "../widgets/spacer.js";
import QuickSearchWidget from "../widgets/quick_search.js";
import ButtonWidget from "../widgets/button_widget.js";
import ProtectedSessionStatusWidget from "../widgets/protected_session_status.js";
import PaneContainer from "../widgets/containers/pane_container.js";
const RIGHT_PANE_CSS = `
<style>
@@ -181,51 +182,48 @@ export default class DesktopLayout {
.child(new TitleBarButtonsWidget())
.css('height', '36px')
)
.child(new FlexContainer('row').class('title-row')
.css('align-items: center;')
.cssBlock('.title-row > * { margin: 5px; }')
.overflowing()
.child(new NoteIconWidget())
.child(new NoteTitleWidget())
.child(new NotePathsWidget().hideInZenMode())
.child(new NoteTypeWidget().hideInZenMode())
.child(new NoteActionsWidget().hideInZenMode())
)
.child(
new TabCachingWidget(() => new CollapsibleSectionContainer()
.child(new SearchDefinitionWidget())
.child(new NotePropertiesWidget())
.child(new FilePropertiesWidget())
.child(new ImagePropertiesWidget())
.child(new PromotedAttributesWidget())
.child(new OwnedAttributeListWidget())
.child(new InheritedAttributesWidget())
.child(new TabCachingWidget(() =>
new PaneContainer(() =>
new FlexContainer('column')
.css("flex-grow", "1")
.child(new FlexContainer('row').class('title-row')
.css('align-items: center;')
.cssBlock('.title-row > * { margin: 5px; }')
.overflowing()
.child(new NoteIconWidget())
.child(new NoteTitleWidget())
.child(new NotePathsWidget().hideInZenMode())
.child(new NoteTypeWidget().hideInZenMode())
.child(new NoteActionsWidget().hideInZenMode())
.child(new ButtonWidget()
.icon("bx-window-open bx-rotate-90")
.title("Create new pane")
.command("openNewPane"))
)
.child(
new CollapsibleSectionContainer()
.child(new SearchDefinitionWidget())
.child(new NotePropertiesWidget())
.child(new FilePropertiesWidget())
.child(new ImagePropertiesWidget())
.child(new PromotedAttributesWidget())
.child(new OwnedAttributeListWidget())
.child(new InheritedAttributesWidget())
)
.child(new NoteUpdateStatusWidget())
.child(
new ScrollingContainer()
.child(new SqlTableSchemasWidget())
.child(new NoteDetailWidget())
.child(new NoteListWidget())
.child(new SearchResultWidget())
.child(new SqlResultWidget())
)
.child(new SimilarNotesWidget())
.child(...this.customWidgets.get('center-pane'))
)
)
)
.child(new NoteUpdateStatusWidget())
.child(
new TabCachingWidget(() => new ScrollingContainer()
.child(new SqlTableSchemasWidget())
.child(new NoteDetailWidget())
.child(new NoteListWidget())
.child(new SearchResultWidget())
.child(new SqlResultWidget())
)
)
.child(new TabCachingWidget(() => new SimilarNotesWidget()))
.child(...this.customWidgets.get('center-pane'))
// .child(new SidePaneContainer('right')
// .cssBlock(RIGHT_PANE_CSS)
// .hideInZenMode()
// .child(new NoteInfoWidget())
// .child(new TabCachingWidget(() => new CalendarWidget()))
// .child(new TabCachingWidget(() => new EditedNotesWidget()))
// .child(new TabCachingWidget(() => new LinkMapWidget()))
// .child(new TabCachingWidget(() => new NoteRevisionsWidget()))
// .child(new TabCachingWidget(() => new WhatLinksHereWidget()))
// .child(...this.customWidgets.get('right-pane'))
// )
// .child(new SidePaneToggles().hideInZenMode())
);
}
}

1
src/public/app/services/tab_context.js
View File

@@ -16,6 +16,7 @@ class TabContext extends Component {
this.tabId = tabId || utils.randomString(4);
this.hoistedNoteId = hoistedNoteId;
this.parentTabId = null;
}
setEmpty() {

38
src/public/app/widgets/containers/pane_container.js Normal file
View File

@@ -0,0 +1,38 @@
import FlexContainer from "./flex_container.js";
import appContext from "../../services/app_context.js";
import TabContext from "../../services/tab_context.js";
export default class PaneContainer extends FlexContainer {
constructor(widgetFactory) {
super('row');
this.counter = 0;
this.widgetFactory = widgetFactory;
this.child(this.widgetFactory());
this.id('pane-container-widget');
this.css('flex-grow', '1');
}
async openNewPaneCommand() {
const newWidget = this.widgetFactory();
this.$widget.append(newWidget.render());
const tabContext = new TabContext();
appContext.tabManager.tabContexts.push(tabContext);
appContext.tabManager.child(tabContext);
tabContext.parentTabId = appContext.tabManager.getActiveTabContext().tabId;
await newWidget.handleEvent('setTabContext', { tabContext });
this.child(newWidget);
tabContext.setEmpty();
appContext.tabManager.activateTab(tabContext.tabId);
}
}

4
src/public/app/widgets/tab_aware_widget.js
View File

@@ -6,6 +6,10 @@ export default class TabAwareWidget extends BasicWidget {
return this.tabContext && this.tabContext.tabId === tabId;
}
isTabOrParent(tabId) {
return this.tabContext && (this.tabContext.tabId === tabId || this.tabContext.parentTabId === tabId);
}
isNote(noteId) {
return this.noteId === noteId;
}

16
src/public/app/widgets/tab_caching_widget.js
View File

@@ -53,7 +53,7 @@ export default class TabCachingWidget extends TabAwareWidget {
toggleExt(show) {
for (const tabId in this.widgets) {
this.widgets[tabId].toggleExt(show && this.isTab(tabId));
this.widgets[tabId].toggleExt(show && this.isTabOrParent(tabId));
}
}
@@ -65,7 +65,11 @@ export default class TabCachingWidget extends TabAwareWidget {
handleEventInChildren(name, data) {
if (['tabNoteSwitched', 'tabNoteSwitchedAndActivated'].includes(name)) {
// this event is propagated only to the widgets of a particular tab
const widget = this.widgets[data.tabContext.tabId];
let widget = this.widgets[data.tabContext.tabId];
if (!widget) {
widget = this.widgets[data.tabContext.parentTabId];
}
if (widget && (widget.hasBeenAlreadyShown || name === 'tabNoteSwitchedAndActivated')) {
widget.hasBeenAlreadyShown = true;
@@ -78,7 +82,11 @@ export default class TabCachingWidget extends TabAwareWidget {
}
if (name === 'activeTabChanged') {
const widget = this.widgets[data.tabContext.tabId];
let widget = this.widgets[data.tabContext.tabId];
if (!widget) {
widget = this.widgets[data.tabContext.parentTabId];
}
if (widget.hasBeenAlreadyShown) {
return Promise.resolve();
@@ -92,4 +100,4 @@ export default class TabCachingWidget extends TabAwareWidget {
return super.handleEventInChildren(name, data);
}
}
}
}

2
src/services/search/services/search.js
View File

@@ -216,7 +216,7 @@ function highlightSearchResults(searchResults, highlightedTokens) {
result.highlightedNotePathTitle += ` "mime: ${note.mime}'`;
}
for (const attr of note.attributes) {
for (const attr of note.getAttributes()) {
if (highlightedTokens.find(token => attr.name.toLowerCase().includes(token)
|| attr.value.toLowerCase().includes(token))) {