organize widgets a bit

This commit is contained in:
zadam 2020-04-26 09:40:02 +02:00
parent aff12950f0
commit e8ce81a133
16 changed files with 50 additions and 50 deletions

View File

@ -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";

View File

@ -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>

View File

@ -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 {

View File

@ -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();
}); });

View File

@ -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">

View File

@ -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"; }

View File

@ -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,

View File

@ -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">

View File

@ -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);
}); });

View File

@ -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"; }

View File

@ -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();
}); });

View File

@ -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">

View File

@ -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>`;

View File

@ -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">

View File

@ -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}) {

View File

@ -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) {