2017-10-15 11:31:44 +08:00
|
|
|
<!DOCTYPE html>
|
2019-01-14 04:16:51 +08:00
|
|
|
<html lang="en">
|
2018-12-23 17:57:40 +08:00
|
|
|
<head>
|
2017-10-16 07:10:36 +08:00
|
|
|
<meta charset="utf-8">
|
2019-12-04 02:31:58 +08:00
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
2017-12-27 01:55:40 +08:00
|
|
|
<title>Trilium Notes</title>
|
2018-12-23 17:57:40 +08:00
|
|
|
</head>
|
2019-01-14 04:27:32 +08:00
|
|
|
<body class="desktop theme-<%= theme %>" style="--main-font-size: <%= mainFontSize %>%; --tree-font-size: <%= treeFontSize %>%; --detail-font-size: <%= detailFontSize %>%;">
|
2019-04-16 03:30:26 +08:00
|
|
|
<noscript>Trilium requires JavaScript to be enabled.</noscript>
|
2019-10-18 02:03:05 +08:00
|
|
|
|
|
|
|
|
<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
|
|
|
|
|
|
2019-08-17 15:21:30 +08:00
|
|
|
<div id="container" style="display: none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) minmax(0, <%= rightPaneWidthPercent %>fr)">
|
2019-11-19 02:32:27 +08:00
|
|
|
<div id="header" class="hide-in-zen-mode">
|
2018-05-27 10:54:06 +08:00
|
|
|
<div id="history-navigation" style="display: none;">
|
2019-11-02 19:17:00 +08:00
|
|
|
<a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>
|
2018-05-27 10:54:06 +08:00
|
|
|
|
2019-11-02 19:17:00 +08:00
|
|
|
<a id="history-forward-button" title="Go to next note." class="icon-action bx bx-right-arrow-circle"></a>
|
2018-05-27 10:54:06 +08:00
|
|
|
</div>
|
|
|
|
|
|
2018-06-01 08:00:39 +08:00
|
|
|
<div style="flex-grow: 100; display: flex;">
|
2019-11-24 17:14:30 +08:00
|
|
|
<button class="btn btn-sm" id="jump-to-note-dialog-button" data-kb-action="JumpToNote">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-crosshair"></span>
|
2018-12-23 17:57:40 +08:00
|
|
|
Jump to note
|
|
|
|
|
</button>
|
2018-11-25 21:05:54 +08:00
|
|
|
|
2019-11-24 17:14:30 +08:00
|
|
|
<button class="btn btn-sm" id="recent-changes-button" data-kb-action="ShowRecentChanges">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-history"></span>
|
2018-11-25 21:05:54 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
Recent changes
|
|
|
|
|
</button>
|
2018-11-25 21:05:54 +08:00
|
|
|
|
2019-11-24 17:14:30 +08:00
|
|
|
<button class="btn btn-sm"
|
|
|
|
|
id="enter-protected-session-button"
|
|
|
|
|
title="Enter protected session to be able to find and view protected notes">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-log-in"></span>
|
2018-11-25 21:12:33 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
Enter protected session
|
|
|
|
|
</button>
|
2018-11-25 21:12:33 +08:00
|
|
|
|
2019-11-24 17:14:30 +08:00
|
|
|
<button class="btn btn-sm"
|
|
|
|
|
id="leave-protected-session-button"
|
|
|
|
|
title="Leave protected session so that protected notes are not accessible any more."
|
|
|
|
|
style="display: none;">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-log-out"></span>
|
2018-11-25 21:12:33 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
Leave protected session
|
|
|
|
|
</button>
|
2017-10-16 07:10:36 +08:00
|
|
|
</div>
|
|
|
|
|
|
2018-02-03 23:37:57 +08:00
|
|
|
<div id="plugin-buttons">
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-10-16 07:10:36 +08:00
|
|
|
<div>
|
2019-02-10 02:17:16 +08:00
|
|
|
<div class="dropdown" id="global-menu">
|
|
|
|
|
<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-menu"></span>
|
2019-02-10 02:17:16 +08:00
|
|
|
Menu
|
|
|
|
|
<span class="caret"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
|
<a class="dropdown-item" id="options-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-slider"></span>
|
2019-02-10 02:17:16 +08:00
|
|
|
Options
|
|
|
|
|
</a>
|
2017-10-29 23:22:41 +08:00
|
|
|
|
2019-02-10 02:17:16 +08:00
|
|
|
<a class="dropdown-item" id="sync-now-button" title="Trigger sync">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-recycle"></span>
|
2019-02-10 02:17:16 +08:00
|
|
|
Sync (<span id="outstanding-syncs-count">0</span>)
|
|
|
|
|
</a>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-02-10 02:25:55 +08:00
|
|
|
<a class="dropdown-item" id="open-dev-tools-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-terminal"></span>
|
2019-02-10 02:25:55 +08:00
|
|
|
Open Dev Tools
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="OpenDevTools"></kbd>
|
2019-02-10 02:25:55 +08:00
|
|
|
</a>
|
|
|
|
|
|
2019-04-14 19:51:21 +08:00
|
|
|
<a class="dropdown-item" id="open-sql-console-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-data"></span>
|
2019-04-14 19:51:21 +08:00
|
|
|
Open SQL Console
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="ShowSQLConsole"></kbd>
|
2019-04-14 19:51:21 +08:00
|
|
|
</a>
|
|
|
|
|
|
2019-12-06 04:25:36 +08:00
|
|
|
<a class="dropdown-item" id="show-backend-log-button">
|
|
|
|
|
<span class="bx bx-empty"></span>
|
|
|
|
|
Show backend log
|
|
|
|
|
<kbd data-kb-action="ShowBackendLog"></kbd>
|
|
|
|
|
</a>
|
|
|
|
|
|
2019-04-14 18:48:50 +08:00
|
|
|
<a class="dropdown-item" id="reload-frontend-button" title="Reload can help with some visual glitches without restarting the whole app.">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-empty"></span>
|
2019-04-14 18:48:50 +08:00
|
|
|
Reload frontend
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="ReloadFrontendApp"></kbd>
|
2019-11-20 06:33:07 +08:00
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a class="dropdown-item" id="toggle-zen-mode-button">
|
|
|
|
|
<span class="bx bx-empty"></span>
|
|
|
|
|
Toggle Zen mode
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="ToggleZenMode"></kbd>
|
2019-04-14 18:48:50 +08:00
|
|
|
</a>
|
|
|
|
|
|
2019-04-29 03:59:29 +08:00
|
|
|
<a class="dropdown-item" id="toggle-fullscreen-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-empty"></span>
|
2019-04-29 03:59:29 +08:00
|
|
|
Toggle fullscreen
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="ToggleFullscreen"></kbd>
|
2019-04-29 03:59:29 +08:00
|
|
|
</a>
|
|
|
|
|
|
2019-04-14 19:51:21 +08:00
|
|
|
<a class="dropdown-item" id="show-help-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-info-circle"></span>
|
2019-04-14 19:51:21 +08:00
|
|
|
Show Help
|
2019-11-23 05:35:59 +08:00
|
|
|
<kbd data-kb-action="ShowHelp"></kbd>
|
2019-02-10 17:38:18 +08:00
|
|
|
</a>
|
|
|
|
|
|
2019-03-25 06:01:33 +08:00
|
|
|
<a class="dropdown-item" id="show-about-dialog-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-empty"></span>
|
2019-03-25 06:01:33 +08:00
|
|
|
About Trilium Notes
|
|
|
|
|
</a>
|
|
|
|
|
|
2019-02-10 02:17:16 +08:00
|
|
|
<a class="dropdown-item" id="logout-button">
|
2019-11-02 19:17:00 +08:00
|
|
|
<span class="bx bx-log-out"></span>
|
2019-02-10 02:17:16 +08:00
|
|
|
Logout
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-10-16 07:10:36 +08:00
|
|
|
</div>
|
2018-12-23 17:57:40 +08:00
|
|
|
</div>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div style="display: flex; height: 100%;">
|
|
|
|
|
<div id="left-pane" class="hide-in-zen-mode">
|
|
|
|
|
<div id="global-buttons">
|
|
|
|
|
<a id="create-top-level-note-button" title="Create new top level note" class="icon-action bx bx-folder-plus"></a>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<a id="collapse-tree-button" title="Collapse note tree" data-kb-action="CollapseTree" class="icon-action bx bx-layer-minus"></a>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<a id="scroll-to-active-note-button" title="Scroll to active note" data-kb-action="ScrollToActiveNote" class="icon-action bx bx-crosshair"></a>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<a id="toggle-search-button" title="Search in notes" data-kb-action="SearchNotes" class="icon-action bx bx-search"></a>
|
|
|
|
|
</div>
|
2018-02-26 13:07:43 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div id="search-box">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<input name="search-text" id="search-text" class="form-control"
|
|
|
|
|
placeholder="Search text, labels" autocomplete="off">
|
2018-06-05 11:21:45 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div class="input-group-append">
|
|
|
|
|
<button id="do-search-button" class="btn btn-sm icon-button bx bx-search" title="Search (enter)"></button>
|
|
|
|
|
</div>
|
2019-03-30 06:24:41 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-06-05 11:21:45 +08:00
|
|
|
|
2018-06-08 07:50:16 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div style="display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap;">
|
|
|
|
|
<button id="save-search-button" class="btn btn-sm"
|
|
|
|
|
title="This will create new saved search note under active note.">
|
|
|
|
|
<span class="bx bx-save"></span> Save search</button>
|
2018-06-08 07:50:16 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<button id="close-search-button" class="btn btn-sm"><span class="bx bx-x"></span> Close search</button>
|
|
|
|
|
</div>
|
2018-12-23 17:57:40 +08:00
|
|
|
</div>
|
2018-03-14 08:02:00 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div id="search-results">
|
|
|
|
|
<strong>Search results:</strong>
|
2018-03-14 08:02:00 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<ul id="search-results-inner"></ul>
|
|
|
|
|
</div>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div id="tree"></div>
|
2018-11-08 17:11:00 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div class="dropdown-menu dropdown-menu-sm" id="context-menu-container"></div>
|
|
|
|
|
</div>
|
2017-11-22 09:04:06 +08:00
|
|
|
|
2019-12-23 15:52:57 +08:00
|
|
|
<div id="center-pane">
|
|
|
|
|
<% include tabs.ejs %>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-12-23 17:57:40 +08:00
|
|
|
|
2019-03-25 06:01:33 +08:00
|
|
|
<% include dialogs/about.ejs %>
|
2018-12-23 17:57:40 +08:00
|
|
|
<% include dialogs/add_link.ejs %>
|
|
|
|
|
<% include dialogs/attributes.ejs %>
|
|
|
|
|
<% include dialogs/branch_prefix.ejs %>
|
|
|
|
|
<% include dialogs/export.ejs %>
|
2019-02-10 21:33:13 +08:00
|
|
|
<% include dialogs/import.ejs %>
|
2018-12-23 17:57:40 +08:00
|
|
|
<% include dialogs/jump_to_note.ejs %>
|
|
|
|
|
<% include dialogs/markdown_import.ejs %>
|
|
|
|
|
<% include dialogs/note_revisions.ejs %>
|
|
|
|
|
<% include dialogs/note_source.ejs %>
|
|
|
|
|
<% include dialogs/options.ejs %>
|
|
|
|
|
<% include dialogs/protected_session_password.ejs %>
|
|
|
|
|
<% include dialogs/recent_changes.ejs %>
|
|
|
|
|
<% include dialogs/sql_console.ejs %>
|
|
|
|
|
<% include dialogs/info.ejs %>
|
|
|
|
|
<% include dialogs/prompt.ejs %>
|
|
|
|
|
<% include dialogs/confirm.ejs %>
|
2019-02-10 17:38:18 +08:00
|
|
|
<% include dialogs/help.ejs %>
|
2019-02-15 03:56:33 +08:00
|
|
|
<% include dialogs/note_info.ejs %>
|
2019-06-02 21:35:57 +08:00
|
|
|
<% include dialogs/link_map.ejs %>
|
2019-11-06 06:11:25 +08:00
|
|
|
<% include dialogs/clone_to.ejs %>
|
2019-11-12 05:57:51 +08:00
|
|
|
<% include dialogs/move_to.ejs %>
|
2019-12-06 04:25:36 +08:00
|
|
|
<% include dialogs/backend_log.ejs %>
|
2018-12-23 17:57:40 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
window.baseApiUrl = 'api/';
|
2018-12-24 17:10:36 +08:00
|
|
|
window.device = "desktop";
|
2018-12-23 17:57:40 +08:00
|
|
|
window.glob = {
|
|
|
|
|
activeDialog: null,
|
|
|
|
|
sourceId: '<%= sourceId %>',
|
|
|
|
|
maxSyncIdAtLoad: <%= maxSyncIdAtLoad %>,
|
2019-03-25 05:41:53 +08:00
|
|
|
instanceName: '<%= instanceName %>',
|
|
|
|
|
csrfToken: '<%= csrfToken %>'
|
2018-12-23 17:57:40 +08:00
|
|
|
};
|
2019-01-28 00:01:37 +08:00
|
|
|
window.appCssNoteIds = <%- JSON.stringify(appCssNoteIds) %>;
|
2018-12-23 17:57:40 +08:00
|
|
|
</script>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<!-- Required for correct loading of scripts in Electron -->
|
|
|
|
|
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
|
2017-10-21 11:43:20 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<script src="libraries/jquery.min.js"></script>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
<script src="libraries/bootstrap/js/bootstrap.bundle.min.js"></script>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<!-- Include Fancytree skin and library -->
|
|
|
|
|
<link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
|
2019-06-16 15:44:23 +08:00
|
|
|
<script src="libraries/fancytree/jquery.fancytree-all-deps.js"></script>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<script src="libraries/jquery.hotkeys.js"></script>
|
|
|
|
|
<script src="libraries/jquery.fancytree.hotkeys.js"></script>
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<script src="libraries/autocomplete.jquery.min.js"></script>
|
2018-11-07 07:23:50 +08:00
|
|
|
|
2019-03-14 05:43:59 +08:00
|
|
|
<script src="libraries/dayjs.min.js"></script>
|
|
|
|
|
|
2019-05-01 14:57:44 +08:00
|
|
|
<link href="stylesheets/themes.css" rel="stylesheet">
|
2018-12-23 17:57:40 +08:00
|
|
|
<link href="stylesheets/style.css" rel="stylesheet">
|
2018-12-29 02:47:02 +08:00
|
|
|
<link href="stylesheets/desktop.css" rel="stylesheet">
|
2017-10-16 07:10:36 +08:00
|
|
|
|
2018-12-29 17:04:59 +08:00
|
|
|
<script src="javascripts/desktop.js" crossorigin type="module"></script>
|
2018-03-24 23:18:46 +08:00
|
|
|
|
2019-11-02 19:17:00 +08:00
|
|
|
<link rel="stylesheet" type="text/css" href="libraries/boxicons/css/boxicons.min.css">
|
2018-11-09 18:57:52 +08:00
|
|
|
|
2018-12-23 17:57:40 +08:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
// we hide container initally because otherwise it is rendered first without CSS and then flickers into
|
|
|
|
|
// final form which is pretty ugly.
|
|
|
|
|
$("#container").show();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
2018-12-02 06:15:36 +08:00
|
|
|
</html>
|
