views/index.ejs

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Trilium</title>
  </head>
  <body>
    <div id="loader-wrapper"><div id="loader"></div></div>

    <div id="container" style="display: none;">
      <div id="header" class="hide-toggle">
        <div id="header-title">
          <img src="images/app-icons/png/24x24.png">

          Trilium
        </div>

        <div style="flex-grow: 100;">
          <button class="btn btn-xs" onclick="recentChanges.showDialog();">Recent changes</button>
          <button class="btn btn-xs" onclick="recentNotes.showDialog();">Recent notes</button>
          <button class="btn btn-xs" onclick="jumpToNote.showDialog();">Jump to note</button>
          <button class="btn btn-xs" onclick="eventLog.showDialog();">Event log</button>
        </div>

        <div>
          <button class="btn btn-xs" onclick="syncNow();">Sync now (<span id="changesToPushCount">0</span>)</button>

          <button class="btn btn-xs" onclick="settings.showDialog();">Settings</button>

          <form action="logout" method="POST" style="display: inline;">
            <input type="submit" class="btn btn-xs" value="Logout">
          </form>
        </div>
      </div>

      <div class="hide-toggle" style="grid-area: tree-actions">
        <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>

        <a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">
          <img src="images/icons/list.png" alt="Collapse tree"/>
        </a>

        <a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">
          <img src="images/icons/crosshair.png" alt="Collapse tree"/>
        </a>

        <a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">
          <img src="images/icons/search.png" alt="Search in notes"/>
        </a>

        <div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">
          <p>
            <label>Search:</label>
            <input name="search-text" autocomplete="off">
            <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>

      <div id="parent-list" style="display: none;">
      </div>

      <div class="hide-toggle" style="grid-area: title;">
        <div style="display: flex; align-items: center;">
          <a onclick="protected_session.protectNoteAndSendToServer()"
             title="Encrypt the note so that password will be required to view the note"
             class="icon-action"
             id="protect-button"
             style="display: none;">
            <img src="images/icons/lock.png" alt="Encrypt note"/>
          </a>

          <a onclick="protected_session.unprotectNoteAndSendToServer()"
             title="Decrypt note permamently so that password will not be required to access this note in the future"
             class="icon-action"
             id="unprotect-button"
             style="display: none;">
            <img src="images/icons/unlock.png" alt="Decrypt note"/>
          </a>

          &nbsp;

          <input autocomplete="off" value="" id="note-title" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">

          <button class="btn btn-xs" onclick="noteHistory.showCurrentNoteHistory();">History</button>
        </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>

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

        <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>
      </form>
    </div>

    <div id="protected-session-password-dialog" title="Protected session" style="display: none;">
      <form id="protected-session-password-form">
        <div class="form-group">
          <label for="protected-session-password">To proceed with requested action you need to enter protected session by entering password:</label>
          <input id="protected-session-password" style="width: 250px;" type="password">
          <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>
          <li><a href="#protected-session-timeout">Protected session</a></li>
          <li><a href="#history-snapshot-time-interval">History snapshots</a></li>
          <li><a href="#about">About Trilium</a></li>
        </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>
        <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>

          <form id="protected-session-timeout-form">
            <div class="form-group">
              <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">
            </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>
        <div id="about">
          <table class="table">
            <tr>
              <th>App version:</th>
              <td id="app-version"></td>
            </tr>

            <tr>
              <th>DB version:</th>
              <td id="db-version"></td>
            </tr>

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

    <div id="event-log-dialog" title="Event log" style="display: none; padding: 20px;">
      <ul id="event-log-list"></ul>
    </div>

    <div id="tooltip" style="display: none;"></div>

    <script type="text/javascript">
      const baseApiUrl = 'api/';
    </script>

    <!-- Required for correct loading of scripts in Electron -->
    <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>

    <script src="libraries/jquery.min.js"></script>

    <!-- bootstrap needs to be included before jQuery UI, otherwise close icon in the dialog will be missing -->
    <link href="libraries/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="libraries/bootstrap/js/bootstrap.js"></script>

    <link href="libraries/jqueryui/jquery-ui.min.css" rel="stylesheet">
    <script src="libraries/jqueryui/jquery-ui.min.js"></script>

    <script src="libraries/bootstrap-notify.min.js"></script>

    <!-- Include Fancytree skin and library -->
    <link href="libraries/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
    <script src="libraries/fancytree/jquery.fancytree-all.js"></script>

    <link href="libraries/summernote/summernote.css" rel="stylesheet">
    <script src="libraries/summernote/summernote.js"></script>

    <script src="libraries/jquery.hotkeys.js"></script>
    <script src="libraries/jquery.fancytree.hotkeys.js"></script>

    <script src="libraries/jquery.ui-contextmenu.min.js"></script>

    <link href="stylesheets/style.css" rel="stylesheet">

    <script src="javascripts/init.js"></script>

    <!-- Tree scripts -->
    <script src="javascripts/note_tree.js"></script>
    <script src="javascripts/tree_changes.js"></script>
    <script src="javascripts/tree_utils.js"></script>
    <script src="javascripts/drag_and_drop.js"></script>
    <script src="javascripts/context_menu.js"></script>
    <script src="javascripts/search_tree.js"></script>

    <!-- Note detail -->
    <script src="javascripts/note_editor.js"></script>
    <script src="javascripts/protected_session.js"></script>

    <!-- dialogs -->
    <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>

    <script src="javascripts/link.js"></script>
    <script src="javascripts/status.js"></script>
    <script src="javascripts/sync.js"></script>
    <script src="javascripts/utils.js"></script>
  </body>
</html>
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00			`<!DOCTYPE html>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<html lang="en">`
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00			`<head>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<meta charset="utf-8">`
			`<title>Trilium</title>`
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00			`</head>`
			`<body>`
added loader to hide ugly loading/repositioning etc. 2017-11-06 20:13:36 -05:00			`<div id="loader-wrapper"><div id="loader"></div></div>`

			`<div id="container" style="display: none;">`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<div id="header" class="hide-toggle">`
			`<div id="header-title">`
changed icon 2017-11-06 23:52:54 -05:00			`<img src="images/app-icons/png/24x24.png">`

moved /app into just / 2017-10-15 19:10:36 -04:00			`Trilium`
			`</div>`

			`<div style="flex-grow: 100;">`
converted recent changes to module 2017-11-04 13:39:26 -04: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-04 13:59:43 -04:00			`<button class="btn btn-xs" onclick="jumpToNote.showDialog();">Jump to note</button>`
converted event log to module 2017-11-04 14:02:43 -04:00			`<button class="btn btn-xs" onclick="eventLog.showDialog();">Event log</button>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</div>`

			`<div>`
number of sync changes to push next to "sync now" button 2017-11-01 20:31:44 -04:00			`<button class="btn btn-xs" onclick="syncNow();">Sync now (<span id="changesToPushCount">0</span>)</button>`
"sync now" button 2017-10-29 11:22:41 -04:00
converted settings to module(s) 2017-11-04 14:31:53 -04:00			`<button class="btn btn-xs" onclick="settings.showDialog();">Settings</button>`
moved /app into just / 2017-10-15 19:10:36 -04:00
			`<form action="logout" method="POST" style="display: inline;">`
			`<input type="submit" class="btn btn-xs" value="Logout">`
			`</form>`
			`</div>`
			`</div>`

			`<div class="hide-toggle" style="grid-area: tree-actions">`
cloning in context menu (copy & paste) and a lot of related refactoring and fixes 2017-11-22 23:16:54 -05:00			`<a onclick="noteTree.createNewTopLevelNote()" title="Create new top level note" class="icon-action">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/file-plus.png" alt="Create new top level note"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

tree converted to module 2017-11-04 19:28:49 -04:00			`<a onclick="noteTree.collapseTree()" title="Collapse tree" class="icon-action">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/list.png" alt="Collapse tree"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

tree converted to module 2017-11-04 19:28:49 -04:00			`<a onclick="noteTree.scrollToCurrentNote()" title="Scroll to current note" class="icon-action">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/crosshair.png" alt="Collapse tree"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

moved search into separate file 2017-11-23 21:10:37 -05:00			`<a onclick="searchTree.toggleSearch()" title="Search in notes" class="icon-action">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/search.png" alt="Search in notes"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

			`<div id="search-box" style="display: none; padding: 10px; margin-top: 10px;">`
			`<p>`
			`<label>Search:</label>`
moved search into separate file 2017-11-23 21:10:37 -05:00			`<input name="search-text" autocomplete="off">`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<button id="reset-search-button">×</button>`
			`<span id="matches"></span>`
			`</p>`
			`</div>`
			`</div>`

			`<div id="tree" class="hide-toggle" style="grid-area: tree; overflow: auto;">`
			`</div>`

tree now shows list of different cloned notes 2017-11-21 20:04:06 -05:00			`<div id="parent-list" style="display: none;">`
			`</div>`

moved /app into just / 2017-10-15 19:10:36 -04:00			`<div class="hide-toggle" style="grid-area: title;">`
			`<div style="display: flex; align-items: center;">`
renamed encryption module to protected_session 2017-11-14 22:36:36 -05:00			`<a onclick="protected_session.protectNoteAndSendToServer()"`
moved /app into just / 2017-10-15 19:10:36 -04: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-14 22:21:56 -05:00			`id="protect-button"`
moved /app into just / 2017-10-15 19:10:36 -04:00			`style="display: none;">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/lock.png" alt="Encrypt note"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

renamed encryption module to protected_session 2017-11-14 22:36:36 -05:00			`<a onclick="protected_session.unprotectNoteAndSendToServer()"`
moved /app into just / 2017-10-15 19:10:36 -04: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-14 22:21:56 -05:00			`id="unprotect-button"`
moved /app into just / 2017-10-15 19:10:36 -04:00			`style="display: none;">`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<img src="images/icons/unlock.png" alt="Decrypt note"/>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</a>`

			` `

			`<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-04 13:55:46 -04:00			`<button class="btn btn-xs" onclick="noteHistory.showCurrentNoteHistory();">History</button>`
moved /app into just / 2017-10-15 19:10:36 -04: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>`
			` `
			`<button class="btn btn-sm" id="recent-notes-add-link">Add link (l)</button>`
adding clone from recent notes dialog 2017-11-19 16:35:35 -05: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-15 19:10:36 -04: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-19 20:36:13 -05: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-15 19:10:36 -04:00			`</form>`
			`</div>`

notes_tree now has note_tree_id so we stricly distinguish between working on notes or note trees 2017-11-18 17:05:50 -05:00			`<div id="protected-session-password-dialog" title="Protected session" style="display: none;">`
more cleanups 2017-11-14 22:34:33 -05:00			`<form id="protected-session-password-form">`
moved /app into just / 2017-10-15 19:10:36 -04: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-18 17:05:50 -05: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-14 22:34:33 -05:00			`<input id="protected-session-password" style="width: 250px;" type="password">`
moved /app into just / 2017-10-15 19:10:36 -04: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-14 22:44:45 -05:00			`<li><a href="#protected-session-timeout">Protected session</a></li>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<li><a href="#history-snapshot-time-interval">History snapshots</a></li>`
added build date & revision 2017-11-13 23:35:23 -05:00			`<li><a href="#about">About Trilium</a></li>`
moved /app into just / 2017-10-15 19:10:36 -04: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-14 22:44:45 -05: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-15 19:10:36 -04:00
renamed encryption session timeout to protected session timeout 2017-11-14 22:44:45 -05:00			`<form id="protected-session-timeout-form">`
moved /app into just / 2017-10-15 19:10:36 -04:00			`<div class="form-group">`
renamed encryption session timeout to protected session timeout 2017-11-14 22:44:45 -05: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-15 19:10:36 -04: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-13 23:35:23 -05:00			`<div id="about">`
			`<table class="table">`
added app and db versions to about dialog in settings 2017-11-16 20:03:44 -05: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-13 23:35:23 -05: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-15 19:10:36 -04: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-03 23:00:35 -04:00			`<div id="event-log-dialog" title="Event log" style="display: none; padding: 20px;">`
			`<ul id="event-log-list"></ul>`
			`</div>`

moved /app into just / 2017-10-15 19:10:36 -04:00			`<div id="tooltip" style="display: none;"></div>`

			`<script type="text/javascript">`
			`const baseApiUrl = 'api/';`
			`</script>`

electron prototype 2017-10-20 23:43:20 -04: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-15 19:47:05 -04:00			`<script src="libraries/jquery.min.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
			`<!-- bootstrap needs to be included before jQuery UI, otherwise close icon in the dialog will be missing -->`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<link href="libraries/bootstrap/css/bootstrap.css" rel="stylesheet">`
			`<script src="libraries/bootstrap/js/bootstrap.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
reorganization of source code 2017-10-15 19:47:05 -04: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-15 19:10:36 -04:00
using bootstrap notify for notifications 2017-11-26 12:56:07 -05:00			`<script src="libraries/bootstrap-notify.min.js"></script>`

moved /app into just / 2017-10-15 19:10:36 -04:00			`<!-- Include Fancytree skin and library -->`
reorganization of source code 2017-10-15 19:47:05 -04: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-15 19:10:36 -04:00
reorganization of source code 2017-10-15 19:47:05 -04:00			`<link href="libraries/summernote/summernote.css" rel="stylesheet">`
			`<script src="libraries/summernote/summernote.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
reorganization of source code 2017-10-15 19:47:05 -04: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
reorganization of source code 2017-10-15 19:47:05 -04:00			`<script src="libraries/jquery.ui-contextmenu.min.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
reorganization of source code 2017-10-15 19:47:05 -04:00			`<link href="stylesheets/style.css" rel="stylesheet">`
moved /app into just / 2017-10-15 19:10:36 -04:00
reorganization of source code 2017-10-15 19:47:05 -04:00			`<script src="javascripts/init.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
			`<!-- Tree scripts -->`
tree converted to module 2017-11-04 19:28:49 -04:00			`<script src="javascripts/note_tree.js"></script>`
tree changes as a module 2017-11-04 22:10:41 -04:00			`<script src="javascripts/tree_changes.js"></script>`
reorganization of source code 2017-10-15 19:47:05 -04: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-23 21:10:37 -05:00			`<script src="javascripts/search_tree.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
			`<!-- Note detail -->`
note converted to module 2017-11-04 17:54:27 -04:00			`<script src="javascripts/note_editor.js"></script>`
renamed encryption module to protected_session 2017-11-14 22:36:36 -05:00			`<script src="javascripts/protected_session.js"></script>`
moved /app into just / 2017-10-15 19:10:36 -04:00
			`<!-- dialogs -->`
moved dialog scripts into separate folder 2017-11-04 14:35:53 -04: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>`
reorganization of source code 2017-10-15 19:47:05 -04:00
link module 2017-11-04 17:07:03 -04:00			`<script src="javascripts/link.js"></script>`
number of sync changes to push next to "sync now" button 2017-11-01 20:31:44 -04:00			`<script src="javascripts/status.js"></script>`
"sync now" button 2017-10-29 11:22:41 -04:00			`<script src="javascripts/sync.js"></script>`
reorganization of source code 2017-10-15 19:47:05 -04:00			`<script src="javascripts/utils.js"></script>`
backend ported to node.js (work in progress) 2017-10-14 23:31:44 -04:00			`</body>`
moved /app into just / 2017-10-15 19:10:36 -04:00			`</html>`