zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2024-11-11 09:46:25 +08:00
Code Issues Projects Releases Packages Wiki Activity
trilium/views/index.ejs

335 lines
13 KiB
Text
Raw Normal View History

backend ported to node.js (work in progress)
2017-10-15 11:31:44 +08:00
<!DOCTYPE html>
moved /app into just /
2017-10-16 07:10:36 +08:00
<html lang="en">
backend ported to node.js (work in progress)
2017-10-15 11:31:44 +08:00
<head>
moved /app into just /
2017-10-16 07:10:36 +08:00
<meta charset="utf-8">
<title>Trilium</title>
backend ported to node.js (work in progress)
2017-10-15 11:31:44 +08:00
</head>
<body>
added loader to hide ugly loading/repositioning etc.
2017-11-07 09:13:36 +08:00
<div id="loader-wrapper"><div id="loader"></div></div>
<div id="container" style="display: none;">
moved /app into just /
2017-10-16 07:10:36 +08:00
<div id="header" class="hide-toggle">
<div id="header-title">
changed icon
2017-11-07 12:52:54 +08:00
<img src="images/app-icons/png/24x24.png">
moved /app into just /
2017-10-16 07:10:36 +08:00
Trilium
</div>
<div style="flex-grow: 100;">
converted recent changes to module
2017-11-05 01:39:26 +08:00
<button class="btn btn-xs" onclick="recentChanges.showDialog();">Recent changes</button>
<button class="btn btn-xs" onclick="recentNotes.showDialog();">Recent notes</button>
converted jump to note to module
2017-11-05 01:59:43 +08:00
<button class="btn btn-xs" onclick="jumpToNote.showDialog();">Jump to note</button>
converted event log to module
2017-11-05 02:02:43 +08:00
<button class="btn btn-xs" onclick="eventLog.showDialog();">Event log</button>
moved /app into just /
2017-10-16 07:10:36 +08:00
</div>
<div>
make sure entity IDs are generated only with alphanumeric characters (base62)
2017-12-10 09:44:06 +08:00
<button class="btn btn-xs" onclick="syncNow();">Sync now (<span id="changes-to-push-count">0</span>)</button>
"sync now" button
2017-10-29 23:22:41 +08:00
converted settings to module(s)
2017-11-05 02:31:53 +08:00
<button class="btn btn-xs" onclick="settings.showDialog();">Settings</button>
moved /app into just /
2017-10-16 07:10:36 +08:00
<form action="logout" method="POST" style="display: inline;">
<input type="submit" class="btn btn-xs" value="Logout">
</form>
</div>
</div>
spacing between action buttons and pointer cursor
2017-12-05 07:21:57 +08:00
<div class="hide-toggle" style="grid-area: tree-actions;">
border around tree actions
2017-12-05 07:40:18 +08:00
<div style="display: flex; justify-content: space-evenly; padding: 10px 0 10px 0; margin: 0 20px 0 20px; border: 1px solid #ccc;">
spacing between action buttons and pointer cursor
2017-12-05 07:21:57 +08:00
<a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action">
<img src="images/icons/file-plus.png" alt="Create new top level note"/>
</a>
moved /app into just /
2017-10-16 07:10:36 +08:00
spacing between action buttons and pointer cursor
2017-12-05 07:21:57 +08:00
<a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">
<img src="images/icons/list.png" alt="Collapse tree"/>
</a>
moved /app into just /
2017-10-16 07:10:36 +08:00
spacing between action buttons and pointer cursor
2017-12-05 07:21:57 +08:00
<a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
<img src="images/icons/crosshair.png" alt="Collapse tree"/>
</a>
moved /app into just /
2017-10-16 07:10:36 +08:00
spacing between action buttons and pointer cursor
2017-12-05 07:21:57 +08:00
<a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">
<img src="images/icons/search.png" alt="Search in notes"/>
</a>
</div>
moved /app into just /
2017-10-16 07:10:36 +08:00
<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
<p>
<label>Search:</label>
moved search into separate file
2017-11-24 10:10:37 +08:00
<input name="search-text" autocomplete="off">
moved /app into just /
2017-10-16 07:10:36 +08:00
<button id="reset-search-button">&times;</button>
<span id="matches"></span>
</p>
</div>
</div>
<div id="tree" class="hide-toggle" style="grid-area: tree; overflow: auto;">
</div>
better styling of parent list
2017-12-07 09:19:41 +08:00
<div id="parent-list">
tree now shows list of different cloned notes
2017-11-22 09:04:06 +08:00
</div>
moved /app into just /
2017-10-16 07:10:36 +08:00
<div class="hide-toggle" style="grid-area: title;">
<div style="display: flex; align-items: center;">
renamed encryption module to protected_session
2017-11-15 11:36:36 +08:00
<a onclick="protected_session.protectNoteAndSendToServer()"
moved /app into just /
2017-10-16 07:10:36 +08:00
title="Encrypt the note so that password will be required to view the note"
class="icon-action"
note history decryption now works, more cleanup
2017-11-15 11:21:56 +08:00
id="protect-button"
moved /app into just /
2017-10-16 07:10:36 +08:00
style="display: none;">
reorganization of source code
2017-10-16 07:47:05 +08:00
<img src="images/icons/lock.png" alt="Encrypt note"/>
moved /app into just /
2017-10-16 07:10:36 +08:00
</a>
renamed encryption module to protected_session
2017-11-15 11:36:36 +08:00
<a onclick="protected_session.unprotectNoteAndSendToServer()"
moved /app into just /
2017-10-16 07:10:36 +08:00
title="Decrypt note permamently so that password will not be required to access this note in the future"
class="icon-action"
note history decryption now works, more cleanup
2017-11-15 11:21:56 +08:00
id="unprotect-button"
moved /app into just /
2017-10-16 07:10:36 +08:00
style="display: none;">
reorganization of source code
2017-10-16 07:47:05 +08:00
<img src="images/icons/unlock.png" alt="Decrypt note"/>
moved /app into just /
2017-10-16 07:10:36 +08:00
</a>
&nbsp;
<input autocomplete="off" value="" id="note-title" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
converted note history to module
2017-11-05 01:55:46 +08:00
<button class="btn btn-xs" onclick="noteHistory.showCurrentNoteHistory();">History</button>
moved /app into just /
2017-10-16 07:10:36 +08:00
</div>
</div>
<div style="overflow: auto; grid-area: note-content; padding-left: 10px;">
<div id="note-detail"></div>
</div>
</div>
<div id="recent-notes-dialog" title="Recent notes" style="display: none;">
<select id="recent-notes-select-box" size="20" style="width: 100%">
</select>
<br/><br/>
<p>
<button class="btn btn-sm" id="recent-notes-jump-to">Jump to (enter)</button>
&nbsp;
<button class="btn btn-sm" id="recent-notes-add-link">Add link (l)</button>
adding clone from recent notes dialog
2017-11-20 05:35:35 +08:00
<button class="btn btn-sm" id="recent-notes-add-current-as-child">Add current as child (c)</button>
<button class="btn btn-sm" id="recent-notes-add-recent-as-child">Add recent as child (r)</button>
moved /app into just /
2017-10-16 07:10:36 +08:00
</p>
</div>
<div id="insert-link-dialog" title="Insert link" style="display: none;">
<form id="insert-link-form">
<div class="form-group">
<label for="note-autocomplete">Link to note</label>
<input id="note-autocomplete" style="width: 100%;">
</div>
<div class="form-group">
<label for="link-title">Link title</label>
<input id="link-title" style="width: 100%;">
</div>
<button class="btn btn-sm">Add link</button>
</form>
</div>
<div id="jump-to-note-dialog" title="Jump to note" style="display: none;">
<form id="jump-to-note-form">
<div class="form-group">
<label for="jump-to-note-autocomplete">Jump to note</label>
<input id="jump-to-note-autocomplete" style="width: 100%;">
</div>
fixed jump to note
2017-11-20 09:36:13 +08:00
<button name="action" value="jump" class="btn btn-sm">Jump</button>
<button name="action" value="add-link" class="btn btn-sm">Add link</button>
<button name="action" value="add-current-as-child" class="btn btn-sm">Add current as child</button>
<button name="action" value="add-selected-as-child" class="btn btn-sm">Add selected as child</button>
moved /app into just /
2017-10-16 07:10:36 +08:00
</form>
</div>
notes_tree now has note_tree_id so we stricly distinguish between working on notes or note trees
2017-11-19 06:05:50 +08:00
<div id="protected-session-password-dialog" title="Protected session" style="display: none;">
more cleanups
2017-11-15 11:34:33 +08:00
<form id="protected-session-password-form">
moved /app into just /
2017-10-16 07:10:36 +08:00
<div class="form-group">
notes_tree now has note_tree_id so we stricly distinguish between working on notes or note trees
2017-11-19 06:05:50 +08:00
<label for="protected-session-password">To proceed with requested action you need to enter protected session by entering password:</label>
more cleanups
2017-11-15 11:34:33 +08:00
<input id="protected-session-password" style="width: 250px;" type="password">
moved /app into just /
2017-10-16 07:10:36 +08:00
<button class="btn btn-sm">Show</button>
</div>
</form>
</div>
<div id="settings-dialog" title="Settings" style="display: none;">
<div id="settings-tabs">
<ul>
<li><a href="#change-password">Change password</a></li>
renamed encryption session timeout to protected session timeout
2017-11-15 11:44:45 +08:00
<li><a href="#protected-session-timeout">Protected session</a></li>
moved /app into just /
2017-10-16 07:10:36 +08:00
<li><a href="#history-snapshot-time-interval">History snapshots</a></li>
added build date & revision
2017-11-14 12:35:23 +08:00
<li><a href="#about">About Trilium</a></li>
moved /app into just /
2017-10-16 07:10:36 +08:00
</ul>
<div id="change-password">
<form id="change-password-form">
<div class="form-group">
<label for="old-password">Old password</label>
<input class="form-control" id="old-password" type="password">
</div>
<div class="form-group">
<label for="new-password1">New password</label>
<input class="form-control" id="new-password1" type="password">
</div>
<div class="form-group">
<label for="new-password2">New password once more</label>
<input class="form-control" id="new-password2" type="password">
</div>
<button class="btn btn-sm">Change password</button>
</form>
</div>
renamed encryption session timeout to protected session timeout
2017-11-15 11:44:45 +08:00
<div id="protected-session-timeout">
<p>Protected session timeout is a time period after which the protected session is wiped out from
browser's memory. This is measured from the last interaction with protected notes.</p>
moved /app into just /
2017-10-16 07:10:36 +08:00
renamed encryption session timeout to protected session timeout
2017-11-15 11:44:45 +08:00
<form id="protected-session-timeout-form">
moved /app into just /
2017-10-16 07:10:36 +08:00
<div class="form-group">
renamed encryption session timeout to protected session timeout
2017-11-15 11:44:45 +08:00
<label for="protected-session-timeout-in-seconds">Protected session timeout (in seconds)</label>
<input class="form-control" id="protected-session-timeout-in-seconds" type="number">
moved /app into just /
2017-10-16 07:10:36 +08:00
</div>
<button class="btn btn-sm">Save</button>
</form>
</div>
<div id="history-snapshot-time-interval">
<p>History snapshot time interval is time in seconds after which new history record will be created for the note.</p>
<form id="history-snapshot-time-interval-form">
<div class="form-group">
<label for="history-snapshot-time-interval-in-seconds">History snapshot time interval (in seconds)</label>
<input class="form-control" id="history-snapshot-time-interval-in-seconds" type="number">
</div>
<button class="btn btn-sm">Save</button>
</form>
</div>
added build date & revision
2017-11-14 12:35:23 +08:00
<div id="about">
<table class="table">
added app and db versions to about dialog in settings
2017-11-17 09:03:44 +08:00
<tr>
<th>App version:</th>
<td id="app-version"></td>
</tr>
<tr>
<th>DB version:</th>
<td id="db-version"></td>
</tr>
added build date & revision
2017-11-14 12:35:23 +08:00
<tr>
<th>Build date:</th>
<td id="build-date"></td>
</tr>
<tr>
<th>Build revision:</th>
<td><a href="" target="_blank" id="build-revision"></a></td>
</tr>
</table>
</div>
moved /app into just /
2017-10-16 07:10:36 +08:00
</div>
</div>
<div id="note-history-dialog" title="Note history" style="display: none;">
<div style="display: flex;">
<select id="note-history-list" size="25" style="width: 150px; height: 630px;">
</select>
<div id="note-history-content-wrapper" style="flex-grow: 1; margin-left: 20px;">
<h3 id="note-history-title" style="margin: 3px;"></h3>
<div id="note-history-content" style="height: 600px; width: 600px; overflow: auto;"></div>
</div>
</div>
</div>
<div id="recent-changes-dialog" title="Recent changes" style="display: none; padding: 20px;">
</div>
added event log dialog
2017-11-04 11:00:35 +08:00
<div id="event-log-dialog" title="Event log" style="display: none; padding: 20px;">
<ul id="event-log-list"></ul>
</div>
initial implementation of tree prefix
2017-11-27 11:34:25 +08:00
<div id="edit-tree-prefix-dialog" title="Edit tree prefix" style="display: none; padding: 20px;">
<form id="edit-tree-prefix-form">
<div class="form-group">
<label for="tree-prefix-input">Prefix</label>
<input id="tree-prefix-input" style="width: 20em;"> - <span id="tree-prefix-note-title"></span>
</div>
<button name="action" class="btn btn-sm">Save</button>
</form>
</div>
moved /app into just /
2017-10-16 07:10:36 +08:00
<div id="tooltip" style="display: none;"></div>
<script type="text/javascript">
const baseApiUrl = 'api/';
</script>
electron prototype
2017-10-21 11:43:20 +08:00
<!-- Required for correct loading of scripts in Electron -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
reorganization of source code
2017-10-16 07:47:05 +08:00
<script src="libraries/jquery.min.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
<!-- bootstrap needs to be included before jQuery UI, otherwise close icon in the dialog will be missing -->
reorganization of source code
2017-10-16 07:47:05 +08:00
<link href="libraries/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="libraries/bootstrap/js/bootstrap.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
reorganization of source code
2017-10-16 07:47:05 +08:00
<link href="libraries/jqueryui/jquery-ui.min.css" rel="stylesheet">
<script src="libraries/jqueryui/jquery-ui.min.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
using bootstrap notify for notifications
2017-11-27 01:56:07 +08:00
<script src="libraries/bootstrap-notify.min.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
<!-- Include Fancytree skin and library -->
reorganization of source code
2017-10-16 07:47:05 +08:00
<link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
<script src="libraries/fancytree/jquery.fancytree-all.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
basic CKEditor integration
2017-12-02 23:37:12 +08:00
<script src="libraries/ckeditor/ckeditor.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
reorganization of source code
2017-10-16 07:47:05 +08:00
<script src="libraries/jquery.hotkeys.js"></script>
<script src="libraries/jquery.fancytree.hotkeys.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
reorganization of source code
2017-10-16 07:47:05 +08:00
<script src="libraries/jquery.ui-contextmenu.min.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
reorganization of source code
2017-10-16 07:47:05 +08:00
<link href="stylesheets/style.css" rel="stylesheet">
moved /app into just /
2017-10-16 07:10:36 +08:00
migration now works also in electron
2017-12-01 08:58:00 +08:00
<script src="javascripts/utils.js"></script>
reorganization of source code
2017-10-16 07:47:05 +08:00
<script src="javascripts/init.js"></script>
using server.method() instead of direct call to $.ajax - preparation for electron without network requests
2017-11-29 09:52:38 +08:00
<script src="javascripts/server.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
<!-- Tree scripts -->
tree converted to module
2017-11-05 07:28:49 +08:00
<script src="javascripts/note_tree.js"></script>
tree changes as a module
2017-11-05 10:10:41 +08:00
<script src="javascripts/tree_changes.js"></script>
reorganization of source code
2017-10-16 07:47:05 +08:00
<script src="javascripts/tree_utils.js"></script>
<script src="javascripts/drag_and_drop.js"></script>
<script src="javascripts/context_menu.js"></script>
moved search into separate file
2017-11-24 10:10:37 +08:00
<script src="javascripts/search_tree.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
<!-- Note detail -->
note converted to module
2017-11-05 05:54:27 +08:00
<script src="javascripts/note_editor.js"></script>
renamed encryption module to protected_session
2017-11-15 11:36:36 +08:00
<script src="javascripts/protected_session.js"></script>
moved /app into just /
2017-10-16 07:10:36 +08:00
<!-- dialogs -->
moved dialog scripts into separate folder
2017-11-05 02:35:53 +08:00
<script src="javascripts/dialogs/recent_notes.js"></script>
<script src="javascripts/dialogs/add_link.js"></script>
<script src="javascripts/dialogs/jump_to_note.js"></script>
<script src="javascripts/dialogs/settings.js"></script>
<script src="javascripts/dialogs/note_history.js"></script>
<script src="javascripts/dialogs/recent_changes.js"></script>
<script src="javascripts/dialogs/event_log.js"></script>
initial implementation of tree prefix
2017-11-27 11:34:25 +08:00
<script src="javascripts/dialogs/edit_tree_prefix.js"></script>
reorganization of source code
2017-10-16 07:47:05 +08:00
link module
2017-11-05 05:07:03 +08:00
<script src="javascripts/link.js"></script>
"sync now" button
2017-10-29 23:22:41 +08:00
<script src="javascripts/sync.js"></script>
websocket stuff separated into messaging.js
2017-11-29 06:52:47 +08:00
<script src="javascripts/messaging.js"></script>
backend ported to node.js (work in progress)
2017-10-15 11:31:44 +08:00
</body>
moved /app into just /
2017-10-16 07:10:36 +08:00
</html>
Reference in a new issue Copy permalink