From a363b43c2bea33258dfe51d0a2b5d9d20cc45f3c Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Tue, 10 Oct 2017 20:37:45 -0400
Subject: [PATCH] added "jump to note" to header

---
 src/templates/app.html    | 33 ++++++++++++++++-----------------
 static/js/jump_to_note.js |  6 ++++--
 static/style.css          |  7 +++++++
 3 files changed, 27 insertions(+), 19 deletions(-)
diff --git a/src/templates/app.html b/src/templates/app.html
index a0140dba1..a6a2e567a 100644
--- a/src/templates/app.html
+++ b/src/templates/app.html
@@ -6,27 +6,26 @@
   </head>
   <body>
     <div id="container">
-      <div id="header" class="hide-toggle" style="grid-area: header; background-color: #f1f1f1;">
-        <div style="display: flex; align-items: center;">
-          <div id="header-title">
-            Trilium
-          </div>
+      <div id="header" class="hide-toggle">
+        <div id="header-title">
+          Trilium
+        </div>
 
-          <div style="flex-grow: 100;">
-            <button class="btn btn-xs" onclick="showRecentChanges();">Recent changes</button>
-            <button class="btn btn-xs" onclick="showRecentNotes();">Recent notes</button>
-          </div>
+        <div style="flex-grow: 100;">
+          <button class="btn btn-xs" onclick="showRecentChanges();">Recent changes</button>
+          <button class="btn btn-xs" onclick="showRecentNotes();">Recent notes</button>
+          <button class="btn btn-xs" onclick="showJumpToNote();">Jump to note</button>
+        </div>
 
-          <div>
-            <span id="top-message"></span>
-            <span id="error-message"></span>
+        <div>
+          <span id="top-message"></span>
+          <span id="error-message"></span>
 
-            <button class="btn btn-xs" onclick="displaySettings();">Settings</button>
+          <button class="btn btn-xs" onclick="displaySettings();">Settings</button>
 
-            <form action="logout" method="POST" style="display: inline;">
-              <input type="submit" class="btn btn-xs" value="Logout">
-            </form>
-          </div>
+          <form action="logout" method="POST" style="display: inline;">
+            <input type="submit" class="btn btn-xs" value="Logout">
+          </form>
         </div>
       </div>
 
diff --git a/static/js/jump_to_note.js b/static/js/jump_to_note.js
index a31b92f5d..7ae8d92a0 100644
--- a/static/js/jump_to_note.js
+++ b/static/js/jump_to_note.js
@@ -1,4 +1,4 @@
-$(document).bind('keydown', 'alt+j', () => {
+function showJumpToNote() {
     $("#jump-to-note-autocomplete").val('');
 
     $("#jump-to-note-dialog").dialog({
@@ -10,7 +10,9 @@ $(document).bind('keydown', 'alt+j', () => {
         source: getAutocompleteItems(globalAllNoteIds),
         minLength: 0
     });
-});
+}
+
+$(document).bind('keydown', 'alt+j', showJumpToNote);
 
 $("#jump-to-note-form").submit(() => {
     const val = $("#jump-to-note-autocomplete").val();
diff --git a/static/style.css b/static/style.css
index 018a4508e..d310848ef 100644
--- a/static/style.css
+++ b/static/style.css
@@ -15,6 +15,13 @@
     grid-gap: 10px;
 }
 
+#header {
+    grid-area: header;
+    background-color: #f1f1f1;
+    display: flex;
+    align-items: center;
+}
+
 .note-editable {
     /* This is because with empty content height of editor is 0 and it's impossible to click into it */
     min-height: 400px;
