From a30734f1bc8f91f7eda77ccc118e823cefd57ced Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Sat, 26 May 2018 22:54:06 -0400
Subject: [PATCH] Add history backwards/forwards buttons, fixes #94

---
 src/public/images/icons/back.png               | Bin 0 -> 511 bytes
 src/public/images/icons/forward.png            | Bin 0 -> 511 bytes
 src/public/javascripts/services/entrypoints.js |   4 ++++
 src/public/stylesheets/style.css               |   5 +++++
 src/views/index.ejs                            |  10 ++++++++++
 5 files changed, 19 insertions(+)
 create mode 100644 src/public/images/icons/back.png
 create mode 100644 src/public/images/icons/forward.png

diff --git a/src/public/images/icons/back.png b/src/public/images/icons/back.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02e77fc8c5736d96528b4da7e0cd2345e52c599
GIT binary patch
literal 511
zcmV<b0RaAqP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4c7nw4c7reD4Tcy000McNliru;sqN5D+r^H?(zTt0gOpR
zK~zY`#g)BI0#Oi!Kdm6rEK#F@9`GF$e|q%|M1#J9goiR{DPTk^l}e)sCN|QU2!>v4
z&YJ6H*}V%AC%M_=+;eAU=NG0dGa>g$U>Dd1vOrpR7kCEFfC}&t)o>gr1E0V!<n+aj
z+bT~3O+&#sPy{l-oK6-v1gZwF38ZY4clDqRtXVje2ReGw4KflpJii2-2qATVhTh%+
zF+Wn-@Z1@rV3NR#bd>xq-Gq(`%cB19I>5-fk@#Ou9vBH7rToDNL6FqME0|zKVA1En
z0&uVU7O)gz;7HsP6Ko62OsE`{@KBBTBLjg64|!nGXx^M8gbx5_r!an8onPaGXgO+#
zTx(DIu6oGtz?Lc~3tU(jam)PC1ovgN`UhoN7jMtoXnkGeCup=y>FD`Q19w!s0`n7&
zieo=Q47d}a5pf<Rfvd1#heoYCt~;77VX|R({${fiQu4xWq?+14rzT1OE5hmq@5V;C
z8LpC%_@L8M%wyv$eFxal($9I8eoIULR7U<sz5&vrldwX@>hk~q002ovPDHLkV1hbP
B*2@3@

literal 0
HcmV?d00001

diff --git a/src/public/images/icons/forward.png b/src/public/images/icons/forward.png
new file mode 100644
index 0000000000000000000000000000000000000000..06ee238faf7fe25078d444843953969185f01c2a
GIT binary patch
literal 511
zcmV<b0RaAqP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4c7nw4c7reD4Tcy000McNliru;sqN5EghH$t)Bn@0gOpR
zK~zY`#g)BI0#Oi!Kdm6rK-6fU2TXhfMSKAD4g3l63KAa5pruG6T8UH|<;TQE3M;|T
zi_O_&+^oCHU%bi9CTGr_nVq@!49s~g1lSY60k8*TfRyka&;~An3h+5@;3!ZAzJO7{
z9*7$a>pTTCje{$o0HlE>?F?`VR1L2QB*QrG=|BhA4v|m}=;}<*FG$p6egnkEC}|w1
z>udvvc#+B`^Y{c8CIP(4N6E|RG}NywclyiKKkPfE@xPKhF%9)w4e_3Qf?SJpWWkES
zLO_5O;8ENbu<pSr%6@Laj=*$?S_cKm$kw*tP+-iX=0Oi_=sFX#_~IPo$MN|+s}imG
zmB@+qqVHA+=QUtc4)VZ<i{o7LXA2%HYIO$Jv?k7>`=JeF$W8IkcIBh*r3Q{vyaCHo
zO2wHMAp$&zP#;r|62NVc*deKP<hm<u30irR`Fog|kTlI4Nn46QR*xtKYzV6v-hCM7
zwp=CCc)#6O%_EZx{W!3%p`UdP{g#IQg@XLg`T^#Fld<-!g=_!-002ovPDHLkV1f!s
B-@5<+

literal 0
HcmV?d00001

diff --git a/src/public/javascripts/services/entrypoints.js b/src/public/javascripts/services/entrypoints.js
index a2a7b2abd..8af5b838a 100644
--- a/src/public/javascripts/services/entrypoints.js
+++ b/src/public/javascripts/services/entrypoints.js
@@ -45,6 +45,10 @@ function registerEntrypoints() {
     utils.bindShortcut('alt+o', sqlConsoleDialog.showDialog);
 
     if (utils.isElectron()) {
+        $("#history-navigation").show();
+        $("#history-back-button").click(window.history.back);
+        $("#history-forward-button").click(window.history.forward);
+
         utils.bindShortcut('alt+left', window.history.back);
         utils.bindShortcut('alt+right', window.history.forward);
     }
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 9f9fbf81a..e48fcf11f 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -366,4 +366,9 @@ div.ui-tooltip {
 
 #sql-console-query .CodeMirror {
     height: 150px;
+}
+
+#history-navigation {
+    margin: 0 20px 0 5px;
+    display: flex;
 }
\ No newline at end of file
diff --git a/src/views/index.ejs b/src/views/index.ejs
index c6bd928fd..7c5f0681e 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -13,6 +13,16 @@
           Trilium Notes
         </div>
 
+        <div id="history-navigation" style="display: none;">
+          <a id="history-back-button" title="Go to previous note." class="icon-action"
+             style="background: url('/images/icons/back.png')"></a>
+
+          &nbsp; &nbsp;
+
+          <a id="history-forward-button" title="Go to next note." class="icon-action"
+             style="background: url('/images/icons/forward.png')"></a>
+        </div>
+
         <div style="flex-grow: 100;">
           <button class="btn btn-xs" id="jump-to-note-button" title="CTRL+J">Jump to note</button>
           <button class="btn btn-xs" id="recent-notes-button" title="CTRL+E">Recent notes</button>