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 PromotedAttributesWidget from "../widgets/promoted_attributes.js";
 | 
			
		||||
import NoteDetailWidget from "../widgets/note_detail.js";
 | 
			
		||||
import NoteInfoWidget from "../widgets/note_info.js";
 | 
			
		||||
import CalendarWidget from "../widgets/calendar.js";
 | 
			
		||||
import AttributesWidget from "../widgets/attributes.js";
 | 
			
		||||
import LinkMapWidget from "../widgets/link_map.js";
 | 
			
		||||
import NoteRevisionsWidget from "../widgets/note_revisions.js";
 | 
			
		||||
import SimilarNotesWidget from "../widgets/similar_notes.js";
 | 
			
		||||
import WhatLinksHereWidget from "../widgets/what_links_here.js";
 | 
			
		||||
import NoteInfoWidget from "../widgets/collapsible_widgets/note_info.js";
 | 
			
		||||
import CalendarWidget from "../widgets/collapsible_widgets/calendar.js";
 | 
			
		||||
import AttributesWidget from "../widgets/collapsible_widgets/attributes.js";
 | 
			
		||||
import LinkMapWidget from "../widgets/collapsible_widgets/link_map.js";
 | 
			
		||||
import NoteRevisionsWidget from "../widgets/collapsible_widgets/note_revisions.js";
 | 
			
		||||
import SimilarNotesWidget from "../widgets/collapsible_widgets/similar_notes.js";
 | 
			
		||||
import WhatLinksHereWidget from "../widgets/collapsible_widgets/what_links_here.js";
 | 
			
		||||
import SidePaneToggles from "../widgets/side_pane_toggles.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 NoteDetailWidget from "../widgets/note_detail.js";
 | 
			
		||||
import NoteTreeWidget from "../widgets/note_tree.js";
 | 
			
		||||
import MobileGlobalButtonsWidget from "../widgets/mobile_global_buttons.js";
 | 
			
		||||
import CloseDetailButtonWidget from "../widgets/close_detail_button.js";
 | 
			
		||||
import MobileDetailMenuWidget from "../widgets/mobile_detail_menu.js";
 | 
			
		||||
import ScreenContainer from "../widgets/screen_container.js";
 | 
			
		||||
import MobileGlobalButtonsWidget from "../widgets/mobile_widgets/mobile_global_buttons.js";
 | 
			
		||||
import CloseDetailButtonWidget from "../widgets/mobile_widgets/close_detail_button.js";
 | 
			
		||||
import MobileDetailMenuWidget from "../widgets/mobile_widgets/mobile_detail_menu.js";
 | 
			
		||||
import ScreenContainer from "../widgets/mobile_widgets/screen_container.js";
 | 
			
		||||
 | 
			
		||||
const MOBILE_CSS = `
 | 
			
		||||
<style>
 | 
			
		||||
 | 
			
		||||
@ -9,7 +9,7 @@ import TabManager from "./tab_manager.js";
 | 
			
		||||
import treeService from "./tree.js";
 | 
			
		||||
import Component from "../widgets/component.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";
 | 
			
		||||
 | 
			
		||||
class AppContext extends Component {
 | 
			
		||||
 | 
			
		||||
@ -1,7 +1,7 @@
 | 
			
		||||
import utils from "../services/utils.js";
 | 
			
		||||
import linkService from "../services/link.js";
 | 
			
		||||
import ws from "../services/ws.js";
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import utils from "../../services/utils.js";
 | 
			
		||||
import linkService from "../../services/link.js";
 | 
			
		||||
import ws from "../../services/ws.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
 | 
			
		||||
export default class AttributesWidget extends CollapsibleWidget {
 | 
			
		||||
    get widgetTitle() { return "Attributes"; }
 | 
			
		||||
@ -16,7 +16,7 @@ export default class AttributesWidget extends CollapsibleWidget {
 | 
			
		||||
    get headerActions() {
 | 
			
		||||
        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
			
		||||
        $showFullButton.on('click', async () => {
 | 
			
		||||
            const attributesDialog = await import("../dialogs/attributes.js");
 | 
			
		||||
            const attributesDialog = await import("../../dialogs/attributes.js");
 | 
			
		||||
            attributesDialog.showDialog();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
@ -1,9 +1,9 @@
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import libraryLoader from "../services/library_loader.js";
 | 
			
		||||
import utils from "../services/utils.js";
 | 
			
		||||
import dateNoteService from "../services/date_notes.js";
 | 
			
		||||
import server from "../services/server.js";
 | 
			
		||||
import appContext from "../services/app_context.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
import libraryLoader from "../../services/library_loader.js";
 | 
			
		||||
import utils from "../../services/utils.js";
 | 
			
		||||
import dateNoteService from "../../services/date_notes.js";
 | 
			
		||||
import server from "../../services/server.js";
 | 
			
		||||
import appContext from "../../services/app_context.js";
 | 
			
		||||
 | 
			
		||||
const TPL = `
 | 
			
		||||
<div class="calendar-widget">
 | 
			
		||||
@ -1,7 +1,7 @@
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import linkService from "../services/link.js";
 | 
			
		||||
import server from "../services/server.js";
 | 
			
		||||
import treeCache from "../services/tree_cache.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
import linkService from "../../services/link.js";
 | 
			
		||||
import server from "../../services/server.js";
 | 
			
		||||
import treeCache from "../../services/tree_cache.js";
 | 
			
		||||
 | 
			
		||||
export default class EditedNotesWidget extends CollapsibleWidget {
 | 
			
		||||
    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;
 | 
			
		||||
 | 
			
		||||
@ -21,7 +21,7 @@ export default class LinkMapWidget extends CollapsibleWidget {
 | 
			
		||||
    get headerActions() {
 | 
			
		||||
        const $showFullButton = $("<a>").append("show full").addClass('widget-header-action');
 | 
			
		||||
        $showFullButton.on('click', async () => {
 | 
			
		||||
            const linkMapDialog = await import("../dialogs/link_map.js");
 | 
			
		||||
            const linkMapDialog = await import("../../dialogs/link_map.js");
 | 
			
		||||
            linkMapDialog.showDialog();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
@ -66,7 +66,7 @@ export default class LinkMapWidget extends CollapsibleWidget {
 | 
			
		||||
        const $linkMapContainer = this.$body.find('.link-map-container');
 | 
			
		||||
        $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, {
 | 
			
		||||
            maxDepth: 1,
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
 | 
			
		||||
const TPL = `
 | 
			
		||||
<table class="note-info-widget-table">
 | 
			
		||||
@ -1,5 +1,5 @@
 | 
			
		||||
import server from "../services/server.js";
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import server from "../../services/server.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
 | 
			
		||||
const TPL = `
 | 
			
		||||
<ul class="note-revision-list" style="max-height: 150px; overflow: auto;">
 | 
			
		||||
@ -19,7 +19,7 @@ class NoteRevisionsWidget extends CollapsibleWidget {
 | 
			
		||||
    get headerActions() {
 | 
			
		||||
        const $showFullButton = $("<a>").append("show dialog").addClass('widget-header-action');
 | 
			
		||||
        $showFullButton.on('click', async () => {
 | 
			
		||||
            const attributesDialog = await import("../dialogs/note_revisions.js");
 | 
			
		||||
            const attributesDialog = await import("../../dialogs/note_revisions.js");
 | 
			
		||||
            attributesDialog.showCurrentNoteRevisions(this.noteId);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
@ -1,7 +1,7 @@
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import linkService from "../services/link.js";
 | 
			
		||||
import server from "../services/server.js";
 | 
			
		||||
import treeCache from "../services/tree_cache.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
import linkService from "../../services/link.js";
 | 
			
		||||
import server from "../../services/server.js";
 | 
			
		||||
import treeCache from "../../services/tree_cache.js";
 | 
			
		||||
 | 
			
		||||
export default class SimilarNotesWidget extends CollapsibleWidget {
 | 
			
		||||
    get widgetTitle() { return "Similar notes"; }
 | 
			
		||||
@ -1,5 +1,5 @@
 | 
			
		||||
import CollapsibleWidget from "./collapsible_widget.js";
 | 
			
		||||
import linkService from "../services/link.js";
 | 
			
		||||
import CollapsibleWidget from "../collapsible_widget.js";
 | 
			
		||||
import linkService from "../../services/link.js";
 | 
			
		||||
 | 
			
		||||
export default class WhatLinksHereWidget extends CollapsibleWidget {
 | 
			
		||||
    get widgetTitle() { return "What links here"; }
 | 
			
		||||
@ -13,7 +13,7 @@ export default class WhatLinksHereWidget extends CollapsibleWidget {
 | 
			
		||||
    get headerActions() {
 | 
			
		||||
        const $showFullButton = $("<a>").append("show link map").addClass('widget-header-action');
 | 
			
		||||
        $showFullButton.on('click', async () => {
 | 
			
		||||
            const linkMapDialog = await import("../dialogs/link_map.js");
 | 
			
		||||
            const linkMapDialog = await import("../../dialogs/link_map.js");
 | 
			
		||||
            linkMapDialog.showDialog();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
import BasicWidget from "./basic_widget.js";
 | 
			
		||||
import BasicWidget from "../basic_widget.js";
 | 
			
		||||
 | 
			
		||||
const TPL = `
 | 
			
		||||
<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 appContext from "../services/app_context.js";
 | 
			
		||||
import contextMenu from "../services/context_menu.js";
 | 
			
		||||
import noteCreateService from "../services/note_create.js";
 | 
			
		||||
import branchService from "../services/branches.js";
 | 
			
		||||
import BasicWidget from "../basic_widget.js";
 | 
			
		||||
import appContext from "../../services/app_context.js";
 | 
			
		||||
import contextMenu from "../../services/context_menu.js";
 | 
			
		||||
import noteCreateService from "../../services/note_create.js";
 | 
			
		||||
import branchService from "../../services/branches.js";
 | 
			
		||||
 | 
			
		||||
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 = `
 | 
			
		||||
<div id="global-buttons">
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
import Component from "./component.js";
 | 
			
		||||
import Component from "../component.js";
 | 
			
		||||
 | 
			
		||||
export default class MobileScreenSwitcherExecutor extends Component {
 | 
			
		||||
    setActiveScreenCommand({screen}) {
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
import FlexContainer from "./flex_container.js";
 | 
			
		||||
import FlexContainer from "../flex_container.js";
 | 
			
		||||
 | 
			
		||||
export default class ScreenContainer extends FlexContainer {
 | 
			
		||||
    constructor(screenName, direction) {
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user