mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-04 13:39:01 +01:00 
			
		
		
		
	organize widgets a bit
This commit is contained in:
		
							parent
							
								
									aff12950f0
								
							
						
					
					
						commit
						e8ce81a133
					
				@ -17,13 +17,13 @@ import NoteTypeWidget from "../widgets/note_type.js";
 | 
				
			|||||||
import NoteActionsWidget from "../widgets/note_actions.js";
 | 
					import NoteActionsWidget from "../widgets/note_actions.js";
 | 
				
			||||||
import PromotedAttributesWidget from "../widgets/promoted_attributes.js";
 | 
					import PromotedAttributesWidget from "../widgets/promoted_attributes.js";
 | 
				
			||||||
import NoteDetailWidget from "../widgets/note_detail.js";
 | 
					import NoteDetailWidget from "../widgets/note_detail.js";
 | 
				
			||||||
import NoteInfoWidget from "../widgets/note_info.js";
 | 
					import NoteInfoWidget from "../widgets/collapsible_widgets/note_info.js";
 | 
				
			||||||
import CalendarWidget from "../widgets/calendar.js";
 | 
					import CalendarWidget from "../widgets/collapsible_widgets/calendar.js";
 | 
				
			||||||
import AttributesWidget from "../widgets/attributes.js";
 | 
					import AttributesWidget from "../widgets/collapsible_widgets/attributes.js";
 | 
				
			||||||
import LinkMapWidget from "../widgets/link_map.js";
 | 
					import LinkMapWidget from "../widgets/collapsible_widgets/link_map.js";
 | 
				
			||||||
import NoteRevisionsWidget from "../widgets/note_revisions.js";
 | 
					import NoteRevisionsWidget from "../widgets/collapsible_widgets/note_revisions.js";
 | 
				
			||||||
import SimilarNotesWidget from "../widgets/similar_notes.js";
 | 
					import SimilarNotesWidget from "../widgets/collapsible_widgets/similar_notes.js";
 | 
				
			||||||
import WhatLinksHereWidget from "../widgets/what_links_here.js";
 | 
					import WhatLinksHereWidget from "../widgets/collapsible_widgets/what_links_here.js";
 | 
				
			||||||
import SidePaneToggles from "../widgets/side_pane_toggles.js";
 | 
					import SidePaneToggles from "../widgets/side_pane_toggles.js";
 | 
				
			||||||
import appContext from "../services/app_context.js";
 | 
					import appContext from "../services/app_context.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -2,10 +2,10 @@ import FlexContainer from "../widgets/flex_container.js";
 | 
				
			|||||||
import NoteTitleWidget from "../widgets/note_title.js";
 | 
					import NoteTitleWidget from "../widgets/note_title.js";
 | 
				
			||||||
import NoteDetailWidget from "../widgets/note_detail.js";
 | 
					import NoteDetailWidget from "../widgets/note_detail.js";
 | 
				
			||||||
import NoteTreeWidget from "../widgets/note_tree.js";
 | 
					import NoteTreeWidget from "../widgets/note_tree.js";
 | 
				
			||||||
import MobileGlobalButtonsWidget from "../widgets/mobile_global_buttons.js";
 | 
					import MobileGlobalButtonsWidget from "../widgets/mobile_widgets/mobile_global_buttons.js";
 | 
				
			||||||
import CloseDetailButtonWidget from "../widgets/close_detail_button.js";
 | 
					import CloseDetailButtonWidget from "../widgets/mobile_widgets/close_detail_button.js";
 | 
				
			||||||
import MobileDetailMenuWidget from "../widgets/mobile_detail_menu.js";
 | 
					import MobileDetailMenuWidget from "../widgets/mobile_widgets/mobile_detail_menu.js";
 | 
				
			||||||
import ScreenContainer from "../widgets/screen_container.js";
 | 
					import ScreenContainer from "../widgets/mobile_widgets/screen_container.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const MOBILE_CSS = `
 | 
					const MOBILE_CSS = `
 | 
				
			||||||
<style>
 | 
					<style>
 | 
				
			||||||
 | 
				
			|||||||
@ -9,7 +9,7 @@ import TabManager from "./tab_manager.js";
 | 
				
			|||||||
import treeService from "./tree.js";
 | 
					import treeService from "./tree.js";
 | 
				
			||||||
import Component from "../widgets/component.js";
 | 
					import Component from "../widgets/component.js";
 | 
				
			||||||
import keyboardActionsService from "./keyboard_actions.js";
 | 
					import keyboardActionsService from "./keyboard_actions.js";
 | 
				
			||||||
import MobileScreenSwitcherExecutor from "../widgets/mobile_screen_switcher.js";
 | 
					import MobileScreenSwitcherExecutor from "../widgets/mobile_widgets/mobile_screen_switcher.js";
 | 
				
			||||||
import MainTreeExecutors from "./main_tree_executors.js";
 | 
					import MainTreeExecutors from "./main_tree_executors.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
class AppContext extends Component {
 | 
					class AppContext extends Component {
 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
import utils from "../services/utils.js";
 | 
					import utils from "../../services/utils.js";
 | 
				
			||||||
import linkService from "../services/link.js";
 | 
					import linkService from "../../services/link.js";
 | 
				
			||||||
import ws from "../services/ws.js";
 | 
					import ws from "../../services/ws.js";
 | 
				
			||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class AttributesWidget extends CollapsibleWidget {
 | 
					export default class AttributesWidget extends CollapsibleWidget {
 | 
				
			||||||
    get widgetTitle() { return "Attributes"; }
 | 
					    get widgetTitle() { return "Attributes"; }
 | 
				
			||||||
@ -16,7 +16,7 @@ export default class AttributesWidget extends CollapsibleWidget {
 | 
				
			|||||||
    get headerActions() {
 | 
					    get headerActions() {
 | 
				
			||||||
        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
					        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
				
			||||||
        $showFullButton.on('click', async () => {
 | 
					        $showFullButton.on('click', async () => {
 | 
				
			||||||
            const attributesDialog = await import("../dialogs/attributes.js");
 | 
					            const attributesDialog = await import("../../dialogs/attributes.js");
 | 
				
			||||||
            attributesDialog.showDialog();
 | 
					            attributesDialog.showDialog();
 | 
				
			||||||
        });
 | 
					        });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -1,9 +1,9 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
import libraryLoader from "../services/library_loader.js";
 | 
					import libraryLoader from "../../services/library_loader.js";
 | 
				
			||||||
import utils from "../services/utils.js";
 | 
					import utils from "../../services/utils.js";
 | 
				
			||||||
import dateNoteService from "../services/date_notes.js";
 | 
					import dateNoteService from "../../services/date_notes.js";
 | 
				
			||||||
import server from "../services/server.js";
 | 
					import server from "../../services/server.js";
 | 
				
			||||||
import appContext from "../services/app_context.js";
 | 
					import appContext from "../../services/app_context.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const TPL = `
 | 
					const TPL = `
 | 
				
			||||||
<div class="calendar-widget">
 | 
					<div class="calendar-widget">
 | 
				
			||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
import linkService from "../services/link.js";
 | 
					import linkService from "../../services/link.js";
 | 
				
			||||||
import server from "../services/server.js";
 | 
					import server from "../../services/server.js";
 | 
				
			||||||
import treeCache from "../services/tree_cache.js";
 | 
					import treeCache from "../../services/tree_cache.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class EditedNotesWidget extends CollapsibleWidget {
 | 
					export default class EditedNotesWidget extends CollapsibleWidget {
 | 
				
			||||||
    get widgetTitle() { return "Edited notes on this day"; }
 | 
					    get widgetTitle() { return "Edited notes on this day"; }
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
let linkMapContainerIdCtr = 1;
 | 
					let linkMapContainerIdCtr = 1;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -21,7 +21,7 @@ export default class LinkMapWidget extends CollapsibleWidget {
 | 
				
			|||||||
    get headerActions() {
 | 
					    get headerActions() {
 | 
				
			||||||
        const $showFullButton = $("<a>").append("show full").addClass('widget-header-action');
 | 
					        const $showFullButton = $("<a>").append("show full").addClass('widget-header-action');
 | 
				
			||||||
        $showFullButton.on('click', async () => {
 | 
					        $showFullButton.on('click', async () => {
 | 
				
			||||||
            const linkMapDialog = await import("../dialogs/link_map.js");
 | 
					            const linkMapDialog = await import("../../dialogs/link_map.js");
 | 
				
			||||||
            linkMapDialog.showDialog();
 | 
					            linkMapDialog.showDialog();
 | 
				
			||||||
        });
 | 
					        });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -66,7 +66,7 @@ export default class LinkMapWidget extends CollapsibleWidget {
 | 
				
			|||||||
        const $linkMapContainer = this.$body.find('.link-map-container');
 | 
					        const $linkMapContainer = this.$body.find('.link-map-container');
 | 
				
			||||||
        $linkMapContainer.attr("id", "link-map-container-" + linkMapContainerIdCtr++);
 | 
					        $linkMapContainer.attr("id", "link-map-container-" + linkMapContainerIdCtr++);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        const LinkMapServiceClass = (await import('../services/link_map.js')).default;
 | 
					        const LinkMapServiceClass = (await import('../../services/link_map.js')).default;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        this.linkMapService = new LinkMapServiceClass(note, $linkMapContainer, {
 | 
					        this.linkMapService = new LinkMapServiceClass(note, $linkMapContainer, {
 | 
				
			||||||
            maxDepth: 1,
 | 
					            maxDepth: 1,
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const TPL = `
 | 
					const TPL = `
 | 
				
			||||||
<table class="note-info-widget-table">
 | 
					<table class="note-info-widget-table">
 | 
				
			||||||
@ -1,5 +1,5 @@
 | 
				
			|||||||
import server from "../services/server.js";
 | 
					import server from "../../services/server.js";
 | 
				
			||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const TPL = `
 | 
					const TPL = `
 | 
				
			||||||
<ul class="note-revision-list" style="max-height: 150px; overflow: auto;">
 | 
					<ul class="note-revision-list" style="max-height: 150px; overflow: auto;">
 | 
				
			||||||
@ -19,7 +19,7 @@ class NoteRevisionsWidget extends CollapsibleWidget {
 | 
				
			|||||||
    get headerActions() {
 | 
					    get headerActions() {
 | 
				
			||||||
        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
					        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
				
			||||||
        $showFullButton.on('click', async () => {
 | 
					        $showFullButton.on('click', async () => {
 | 
				
			||||||
            const attributesDialog = await import("../dialogs/note_revisions.js");
 | 
					            const attributesDialog = await import("../../dialogs/note_revisions.js");
 | 
				
			||||||
            attributesDialog.showCurrentNoteRevisions(this.noteId);
 | 
					            attributesDialog.showCurrentNoteRevisions(this.noteId);
 | 
				
			||||||
        });
 | 
					        });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
import linkService from "../services/link.js";
 | 
					import linkService from "../../services/link.js";
 | 
				
			||||||
import server from "../services/server.js";
 | 
					import server from "../../services/server.js";
 | 
				
			||||||
import treeCache from "../services/tree_cache.js";
 | 
					import treeCache from "../../services/tree_cache.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class SimilarNotesWidget extends CollapsibleWidget {
 | 
					export default class SimilarNotesWidget extends CollapsibleWidget {
 | 
				
			||||||
    get widgetTitle() { return "Similar notes"; }
 | 
					    get widgetTitle() { return "Similar notes"; }
 | 
				
			||||||
@ -1,5 +1,5 @@
 | 
				
			|||||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
					import CollapsibleWidget from "../collapsible_widget.js";
 | 
				
			||||||
import linkService from "../services/link.js";
 | 
					import linkService from "../../services/link.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class WhatLinksHereWidget extends CollapsibleWidget {
 | 
					export default class WhatLinksHereWidget extends CollapsibleWidget {
 | 
				
			||||||
    get widgetTitle() { return "What links here"; }
 | 
					    get widgetTitle() { return "What links here"; }
 | 
				
			||||||
@ -13,7 +13,7 @@ export default class WhatLinksHereWidget extends CollapsibleWidget {
 | 
				
			|||||||
    get headerActions() {
 | 
					    get headerActions() {
 | 
				
			||||||
        const $showFullButton = $("<a>").append("show link map").addClass('widget-header-action');
 | 
					        const $showFullButton = $("<a>").append("show link map").addClass('widget-header-action');
 | 
				
			||||||
        $showFullButton.on('click', async () => {
 | 
					        $showFullButton.on('click', async () => {
 | 
				
			||||||
            const linkMapDialog = await import("../dialogs/link_map.js");
 | 
					            const linkMapDialog = await import("../../dialogs/link_map.js");
 | 
				
			||||||
            linkMapDialog.showDialog();
 | 
					            linkMapDialog.showDialog();
 | 
				
			||||||
        });
 | 
					        });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import BasicWidget from "./basic_widget.js";
 | 
					import BasicWidget from "../basic_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const TPL = `
 | 
					const TPL = `
 | 
				
			||||||
<button type="button" class="action-button d-sm-none d-md-none d-lg-none d-xl-none" aria-label="Close">
 | 
					<button type="button" class="action-button d-sm-none d-md-none d-lg-none d-xl-none" aria-label="Close">
 | 
				
			||||||
@ -1,8 +1,8 @@
 | 
				
			|||||||
import BasicWidget from "./basic_widget.js";
 | 
					import BasicWidget from "../basic_widget.js";
 | 
				
			||||||
import appContext from "../services/app_context.js";
 | 
					import appContext from "../../services/app_context.js";
 | 
				
			||||||
import contextMenu from "../services/context_menu.js";
 | 
					import contextMenu from "../../services/context_menu.js";
 | 
				
			||||||
import noteCreateService from "../services/note_create.js";
 | 
					import noteCreateService from "../../services/note_create.js";
 | 
				
			||||||
import branchService from "../services/branches.js";
 | 
					import branchService from "../../services/branches.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const TPL = `<button type="button" class="action-button bx bx-menu"></button>`;
 | 
					const TPL = `<button type="button" class="action-button bx bx-menu"></button>`;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import BasicWidget from "./basic_widget.js";
 | 
					import BasicWidget from "../basic_widget.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const WIDGET_TPL = `
 | 
					const WIDGET_TPL = `
 | 
				
			||||||
<div id="global-buttons">
 | 
					<div id="global-buttons">
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import Component from "./component.js";
 | 
					import Component from "../component.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class MobileScreenSwitcherExecutor extends Component {
 | 
					export default class MobileScreenSwitcherExecutor extends Component {
 | 
				
			||||||
    setActiveScreenCommand({screen}) {
 | 
					    setActiveScreenCommand({screen}) {
 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
import FlexContainer from "./flex_container.js";
 | 
					import FlexContainer from "../flex_container.js";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class ScreenContainer extends FlexContainer {
 | 
					export default class ScreenContainer extends FlexContainer {
 | 
				
			||||||
    constructor(screenName, direction) {
 | 
					    constructor(screenName, direction) {
 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user