Add a menu that does nothing for the moment

instance/index.js

@@ -146,6 +146,24 @@ window.onload = () => {
 
     /* Autofill settings */
     autoFillSettings();
+
+    /* Right click menus */
+    $('#panelRight')
+        .on('contextmenu', e => {
+            var top = e.pageY - 10;
+            var left = e.pageX - 90;
+            $('#context-menu-right')
+                .css({
+                    display: 'block',
+                    top: top,
+                    left: left,
+                })
+                .addClass('show');
+            return false; /* blocks default Webbrowser right click menu */
+        })
+        .on('click', () => $('#context-menu-right').removeClass('show').hide());
+
+    $('#context-menu a').on('click', () => $(this).parent().removeClass('show').hide());
 };
 
 /* Create the left panel */

instance/views/menu/queue.ejs

+<%# vim: ts=4 syntax=html
+    The template for the right click menu on the queue %>
+<div class="dropdown-menu dropdown-menu-sm" id="context-menu-right">
+    <a class="dropdown-item" href="#">Pause playback</a>
+    <a class="dropdown-item" href="#">Unpause playback</a>
+    <div><hr class="dropdown-divider"></div>
+    <a class="dropdown-item" href="#">Find kara</a>
+    <div><hr class="dropdown-divider"></div>
+    <a class="dropdown-item" href="#">Shuffle queue</a>
+    <a class="dropdown-item" href="#">Clear queue</a>
+</div>

instance/views/panels.ejs

 <%# vim: ts=4 syntax=html
     The template for the main panels %>
 <div id="panelWrapper" class="row" style="margin-bottom: 13px">
-    <ul
-        id="panelLeft"
+    <ul id="panelLeft"
         style="padding: 0px; margin-right: 10px"
-        class="col panel d-flex flex-column bd-highlight mb-3"
-    ></ul>
-    <ul
-        id="panelRight"
+        class="col panel d-flex flex-column bd-highlight mb-3">
+    </ul>
+    <ul id="panelRight"
         style="padding: 0px; margin-left: 10px"
-        class="col panel d-flex flex-column bd-highlight mb-3"
-    ></ul>
+        class="col panel d-flex flex-column bd-highlight mb-3">
+    </ul>
+    <%- include('menu/queue.ejs'); %>
 </div>