From 32db96f3889861e653a55456482eec9dc7b0374e Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Fri, 19 Jan 2018 19:36:41 -0500
Subject: [PATCH] added note scoped actions button, fix #8

---
 public/javascripts/context_menu.js |  2 +-
 public/stylesheets/style.css       | 24 +++++++++++++++++++++++-
 views/index.ejs                    | 14 +++++++++++++-
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/public/javascripts/context_menu.js b/public/javascripts/context_menu.js
index 033b63888..32932b861 100644
--- a/public/javascripts/context_menu.js
+++ b/public/javascripts/context_menu.js
@@ -87,7 +87,7 @@ const contextMenu = (function() {
             {title: "----"},
             {title: "Collapse sub-tree <kbd>Alt+-</kbd>", cmd: "collapse-sub-tree", uiIcon: "ui-icon-minus"},
             {title: "Force note sync", cmd: "force-note-sync", uiIcon: "ui-icon-refresh"},
-            {title: "Sort alphabetically <kbd>Alt+s</kbd>", cmd: "sort-alphabetically", uiIcon: " ui-icon-arrowthick-2-n-s"}
+            {title: "Sort alphabetically <kbd>Alt+S</kbd>", cmd: "sort-alphabetically", uiIcon: " ui-icon-arrowthick-2-n-s"}
 
         ],
         beforeOpen: (event, ui) => {
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index a001a7bc7..26a7e84af 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -199,4 +199,26 @@ div.ui-tooltip {
 
 .suppressed {
     filter: opacity(7%);
-}
\ No newline at end of file
+}
+
+.dropdown-menu li {
+    padding: 5px;
+    width: 200px;
+}
+
+.dropdown-menu li:hover, .dropdown-menu a:hover {
+    background-color: #eee !important;
+    cursor: pointer;
+}
+
+.dropdown-menu kbd
+{
+    color: black;
+    border: none;
+    background-color: transparent;
+    box-shadow: none;
+}
+
+.dropdown-menu kbd {
+    float: right;
+}
diff --git a/views/index.ejs b/views/index.ejs
index 1e4ad69ca..76b1830b2 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -95,7 +95,19 @@
 
           <span id="note-id-display" title="Note ID"></span>
 
-          <button class="btn btn-xs" title="ALT+H" style="margin: 10px;" onclick="noteHistory.showCurrentNoteHistory();">Note history</button>
+          <div class="dropdown" style="margin-left: 10px; margin-right: 10px;">
+            <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-xs">
+              Note actions
+              <span class="caret"></span>
+            </button>
+            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
+              <li><a onclick="noteHistory.showCurrentNoteHistory();"><kbd>Alt+H</kbd> History</a></li>
+              <li><a onclick="attributesDialog.showDialog();"><kbd>Alt+A</kbd> Attributes</a></li>
+              <li><a onclick="noteSource.showDialog();"><kbd>Ctrl+U</kbd> HTML source</a></li>
+            </ul>
+          </div>
+
+          <!--<button class="btn btn-xs" title="ALT+H"  onclick="noteHistory.showCurrentNoteHistory();">Note history</button>-->
         </div>
       </div>