Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-01 04:32:26 +08:00
Code Issues Packages Projects Releases Wiki Activity
Notes/src/views/desktop.ejs

229 lines
9.0 KiB
Plaintext
Raw Normal View History

backend ported to node.js (work in progress)
2017-10-14 23:31:44 -04:00
<!DOCTYPE html>
split UI to 3 different font sizes #326
2019-01-13 21:16:51 +01:00
<html lang="en">
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<head>
moved /app into just /
2017-10-15 19:10:36 -04:00
<meta charset="utf-8">
Calling project "Trilium Notes" in some places as it is more self explanatory
2017-12-26 12:55:40 -05:00
<title>Trilium Notes</title>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</head>
store font size in options #326
2019-01-13 21:27:32 +01:00
<body class="desktop theme-<%= theme %>" style="--main-font-size: <%= mainFontSize %>%; --tree-font-size: <%= treeFontSize %>%; --detail-font-size: <%= detailFontSize %>%;">
added noscript to make it clear that Trilium requires JavaScript
2019-04-15 21:30:26 +02:00
<noscript>Trilium requires JavaScript to be enabled.</noscript>
replaced bootstrap-notify.min.js with bootstrap toasts
2019-10-17 20:03:05 +02:00
<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
reverted some experimental changes regarding sidebar resizing
2019-08-17 09:21:30 +02:00
<div id="container" style="display: none; grid-template-columns: minmax(<%= leftPaneMinWidth %>px, <%= leftPaneWidthPercent %>fr) minmax(0, <%= rightPaneWidthPercent %>fr)">
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<div id="header" class="hide-toggle">
Add history backwards/forwards buttons, fixes #94
2018-05-26 22:54:06 -04:00
<div id="history-navigation" style="display: none;">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>
Add history backwards/forwards buttons, fixes #94
2018-05-26 22:54:06 -04:00
small tweaks of icon alignment
2019-01-05 11:41:09 +01:00
&nbsp;
Add history backwards/forwards buttons, fixes #94
2018-05-26 22:54:06 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="history-forward-button" title="Go to next note." class="icon-action bx bx-right-arrow-circle"></a>
Add history backwards/forwards buttons, fixes #94
2018-05-26 22:54:06 -04:00
</div>
add switch to manually enter/leave protected session, fixes #107
2018-05-31 20:00:39 -04:00
<div style="flex-grow: 100; display: flex;">
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<button class="btn btn-sm" id="jump-to-note-dialog-button" title="CTRL+J">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-crosshair"></span>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
Jump to note
</button>
extra icons
2018-11-25 14:05:54 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<button class="btn btn-sm" id="recent-changes-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-history"></span>
extra icons
2018-11-25 14:05:54 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
Recent changes
</button>
extra icons
2018-11-25 14:05:54 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<button class="btn btn-sm" id="enter-protected-session-button" title="Enter protected session to be able to find and view protected notes">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-log-in"></span>
on/off button for entering/leaving protected session has been changed to literal buttons
2018-11-25 14:12:33 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
Enter protected session
</button>
on/off button for entering/leaving protected session has been changed to literal buttons
2018-11-25 14:12:33 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01: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;">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-log-out"></span>
on/off button for entering/leaving protected session has been changed to literal buttons
2018-11-25 14:12:33 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
Leave protected session
</button>
moved /app into just /
2017-10-15 19:10:36 -04:00
</div>
add API to add plugin buttons, fixes
2018-02-03 10:37:57 -05:00
<div id="plugin-buttons">
</div>
moved /app into just /
2017-10-15 19:10:36 -04:00
<div>
global menu
2019-02-09 19:17:16 +01: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">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-menu"></span>
global menu
2019-02-09 19:17:16 +01:00
Menu
<span class="caret"></span>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" id="options-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-slider"></span>
global menu
2019-02-09 19:17:16 +01:00
Options
</a>
"sync now" button
2017-10-29 11:22:41 -04:00
global menu
2019-02-09 19:17:16 +01:00
<a class="dropdown-item" id="sync-now-button" title="Trigger sync">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-recycle"></span>
global menu
2019-02-09 19:17:16 +01:00
Sync (<span id="outstanding-syncs-count">0</span>)
</a>
moved /app into just /
2017-10-15 19:10:36 -04:00
added dev tools to global menu
2019-02-09 19:25:55 +01:00
<a class="dropdown-item" id="open-dev-tools-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-terminal"></span>
added dev tools to global menu
2019-02-09 19:25:55 +01:00
Open Dev Tools
help button with no help dialog yet
2019-02-09 19:48:19 +01:00
<kbd>CTRL+SHIFT+I</kbd>
added dev tools to global menu
2019-02-09 19:25:55 +01:00
</a>
empty icon for some menu actions do de-emphasize less important items
2019-04-14 13:51:21 +02:00
<a class="dropdown-item" id="open-sql-console-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-data"></span>
empty icon for some menu actions do de-emphasize less important items
2019-04-14 13:51:21 +02:00
Open SQL Console
<kbd>ALT+O</kbd>
</a>
added button for reloading frontend
2019-04-14 12:48:50 +02:00
<a class="dropdown-item" id="reload-frontend-button" title="Reload can help with some visual glitches without restarting the whole app.">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-empty"></span>
added button for reloading frontend
2019-04-14 12:48:50 +02:00
Reload frontend
<kbd>CTRL-R</kbd>
</a>
added global menu item for fullscreen toggle
2019-04-28 21:59:29 +02:00
<a class="dropdown-item" id="toggle-fullscreen-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-empty"></span>
added global menu item for fullscreen toggle
2019-04-28 21:59:29 +02:00
Toggle fullscreen
<kbd>F11</kbd>
</a>
empty icon for some menu actions do de-emphasize less important items
2019-04-14 13:51:21 +02:00
<a class="dropdown-item" id="show-help-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-info-circle"></span>
empty icon for some menu actions do de-emphasize less important items
2019-04-14 13:51:21 +02:00
Show Help
<kbd>F1</kbd>
sql console added to global menu and now has schema info
2019-02-10 10:38:18 +01:00
</a>
moved "About" from options dialog to a separate dialog under global menu
2019-03-24 23:01:33 +01:00
<a class="dropdown-item" id="show-about-dialog-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-empty"></span>
moved "About" from options dialog to a separate dialog under global menu
2019-03-24 23:01:33 +01:00
About Trilium Notes
</a>
global menu
2019-02-09 19:17:16 +01:00
<a class="dropdown-item" id="logout-button">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-log-out"></span>
global menu
2019-02-09 19:17:16 +01:00
Logout
</a>
</div>
</div>
moved /app into just /
2017-10-15 19:10:36 -04:00
</div>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</div>
moved /app into just /
2017-10-15 19:10:36 -04:00
reverted some experimental changes regarding sidebar resizing
2019-08-17 09:21:30 +02:00
<div id="left-pane" class="hide-toggle">
small refactoring of template and CSS
2018-09-06 09:33:38 +02:00
<div id="global-buttons">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="create-top-level-note-button" title="Create new top level note" class="icon-action bx bx-folder-plus"></a>
moved /app into just /
2017-10-15 19:10:36 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="collapse-tree-button" title="Collapse note tree. Shortcut ALT+C" class="icon-action bx bx-layer-minus"></a>
moved /app into just /
2017-10-15 19:10:36 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="scroll-to-active-note-button" title="Scroll to active note. Shortcut CTRL+." class="icon-action bx bx-crosshair"></a>
moved /app into just /
2017-10-15 19:10:36 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<a id="toggle-search-button" title="Search in notes. Shortcut CTRL+S" class="icon-action bx bx-search"></a>
spacing between action buttons and pointer cursor
2017-12-04 18:21:57 -05:00
</div>
import notes from tar archive, closes #63
2018-02-26 00:07:43 -05:00
small refactoring of template and CSS
2018-09-06 09:33:38 +02:00
<div id="search-box">
redesign of search input. Saved search is now saved under active note and doesn't need page reload
2019-03-29 23:24:41 +01:00
<div class="form-group">
<div class="input-group">
search input tooltip WIP
2019-03-30 17:41:53 +01:00
<input name="search-text" id="search-text" class="form-control"
placeholder="Search text, labels" autocomplete="off">
search note fixes
2018-06-04 23:21:45 -04:00
redesign of search input. Saved search is now saved under active note and doesn't need page reload
2019-03-29 23:24:41 +01:00
<div class="input-group-append">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<button id="do-search-button" class="btn btn-sm icon-button bx bx-search" title="Search (enter)"></button>
redesign of search input. Saved search is now saved under active note and doesn't need page reload
2019-03-29 23:24:41 +01:00
</div>
</div>
</div>
search note fixes
2018-06-04 23:21:45 -04:00
close search button
2018-06-07 19:50:16 -04:00
redesign of search input. Saved search is now saved under active note and doesn't need page reload
2019-03-29 23:24:41 +01: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.">
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<span class="bx bx-save"></span> Save search</button>
close search button
2018-06-07 19:50:16 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<button id="close-search-button" class="btn btn-sm"><span class="bx bx-x"></span> Close search</button>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</div>
new UI for search, closes #108 (still needs cleanup)
2018-06-03 20:42:25 -04:00
</div>
redesign search buttons
2018-03-13 20:02:00 -04:00
better sizing of search pane
2018-06-04 20:22:41 -04:00
<div id="search-results">
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<strong>Search results:</strong>
redesign search buttons
2018-03-13 20:02:00 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<ul id="search-results-inner"></ul>
moved /app into just /
2017-10-15 19:10:36 -04:00
</div>
better sizing of search pane
2018-06-04 20:22:41 -04:00
<div id="tree"></div>
store images in notes, basic structure
2018-11-08 10:11:00 +01:00
refactoring of tree context menu into reusable component
2018-11-09 17:11:45 +01:00
<div class="dropdown-menu dropdown-menu-sm" id="context-menu-container"></div>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</div>
tree now shows list of different cloned notes
2017-11-21 20:04:06 -05:00
changes in grid for tabs
2019-05-01 09:52:45 +02:00
<% include tabs.ejs %>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
moved "About" from options dialog to a separate dialog under global menu
2019-03-24 23:01:33 +01:00
<% include dialogs/about.ejs %>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<% include dialogs/add_link.ejs %>
<% include dialogs/attributes.ejs %>
<% include dialogs/branch_prefix.ejs %>
<% include dialogs/export.ejs %>
new import dialog
2019-02-10 14:33:13 +01:00
<% include dialogs/import.ejs %>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01: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 %>
sql console added to global menu and now has schema info
2019-02-10 10:38:18 +01:00
<% include dialogs/help.ejs %>
created note info dialog, closes #408
2019-02-14 20:56:33 +01:00
<% include dialogs/note_info.ejs %>
link map empty dialog
2019-06-02 15:35:57 +02:00
<% include dialogs/link_map.ejs %>
separate cloning dialog
2019-11-05 23:11:25 +01:00
<% include dialogs/clone_to.ejs %>
add move to dialog
2019-11-11 22:57:51 +01:00
<% include dialogs/move_to.ejs %>
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</div>
<script type="text/javascript">
window.baseApiUrl = 'api/';
mobile frontend WIP, removing extra dependencies
2018-12-24 10:10:36 +01:00
window.device = "desktop";
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
window.glob = {
activeDialog: null,
sourceId: '<%= sourceId %>',
maxSyncIdAtLoad: <%= maxSyncIdAtLoad %>,
added CSRF protection using csurf express middleware, fixes #455
2019-03-24 22:41:53 +01:00
instanceName: '<%= instanceName %>',
csrfToken: '<%= csrfToken %>'
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
};
appCss/appTheme are now loaded as external CSS files instead of inline styles
2019-01-27 17:01:37 +01:00
window.appCssNoteIds = <%- JSON.stringify(appCssNoteIds) %>;
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
</script>
moved /app into just /
2017-10-15 19:10:36 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<!-- Required for correct loading of scripts in Electron -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
electron prototype
2017-10-20 23:43:20 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<script src="libraries/jquery.min.js"></script>
moved /app into just /
2017-10-15 19:10:36 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="libraries/bootstrap/js/bootstrap.bundle.min.js"></script>
moved /app into just /
2017-10-15 19:10:36 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<!-- Include Fancytree skin and library -->
<link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
fix fancytree navigation bug before official release, use unminified build in the meantime
2019-06-16 09:44:23 +02:00
<script src="libraries/fancytree/jquery.fancytree-all-deps.js"></script>
moved /app into just /
2017-10-15 19:10:36 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<script src="libraries/jquery.hotkeys.js"></script>
<script src="libraries/jquery.fancytree.hotkeys.js"></script>
moved /app into just /
2017-10-15 19:10:36 -04:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<script src="libraries/autocomplete.jquery.min.js"></script>
porting autocomplete to algolia, WIP, #203
2018-11-07 00:23:50 +01:00
notes are now created with correct local dates
2019-03-13 22:43:59 +01:00
<script src="libraries/dayjs.min.js"></script>
split out themes.css
2019-05-01 08:57:44 +02:00
<link href="stylesheets/themes.css" rel="stylesheet">
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01:00
<link href="stylesheets/style.css" rel="stylesheet">
separate css layout file for mobile and desktop
2018-12-28 19:47:02 +01:00
<link href="stylesheets/desktop.css" rel="stylesheet">
moved /app into just /
2017-10-15 19:10:36 -04:00
tweaks, fixes, refactorings, creating new note from detail, not tree
2018-12-29 10:04:59 +01:00
<script src="javascripts/desktop.js" crossorigin type="module"></script>
first POC of ES6 module
2018-03-24 11:18:46 -04:00
using boxicons instead of jam icons WIP
2019-11-02 12:17:00 +01:00
<link rel="stylesheet" type="text/css" href="libraries/boxicons/css/boxicons.min.css">
using jam font icon pack instead of feather, fixes #204
2018-11-09 11:57:52 +01:00
unify ejs indentation to 4 spaces
2018-12-23 10:57:40 +01: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>
fix #248: crossorigin attribute is needed when including with type="module" For more info, see: * https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attributes * https://jakearchibald.com/2017/es-modules-in-browsers
2018-12-01 23:15:36 +01:00
</html>
Reference in New Issue Copy Permalink