[UI] Add Shift key for noVNC consoles (#5237)

Author: GabrielBrascher

systemvm/agent/noVNC/app/images/shift.png

@@ -282,6 +282,8 @@ const UI = {
             .addEventListener('click', UI.toggleExtraKeys);
         document.getElementById("noVNC_toggle_ctrl_button")
             .addEventListener('click', UI.toggleCtrl);
+        document.getElementById("noVNC_toggle_shift_button")
+            .addEventListener('click', UI.toggleShift);
         document.getElementById("noVNC_toggle_windows_button")
             .addEventListener('click', UI.toggleWindows);
         document.getElementById("noVNC_toggle_alt_button")
@@ -1551,6 +1553,17 @@ const UI = {
         }
     },
 
+    toggleShift() {
+        const btn = document.getElementById('noVNC_toggle_shift_button');
+        if (btn.classList.contains("noVNC_selected")) {
+            UI.sendKey(KeyTable.XK_Shift_L, "ShiftLeft", false);
+            btn.classList.remove("noVNC_selected");
+        } else {
+            UI.sendKey(KeyTable.XK_Shift_L, "ShiftLeft", true);
+            btn.classList.add("noVNC_selected");
+        }
+    },
+
     toggleWindows() {
         const btn = document.getElementById('noVNC_toggle_windows_button');
         if (btn.classList.contains("noVNC_selected")) {

systemvm/agent/noVNC/app/ui.js

@@ -107,6 +107,9 @@ <h1 class="noVNC_logo" translate="no" style="display: none;"><span>no</span><br>
                 <input type="image" alt="Ctrl" src="app/images/ctrl.png"
                     id="noVNC_toggle_ctrl_button" class="noVNC_button"
                     title="Toggle Ctrl">
+                <input type="image" alt="Shift" src="app/images/shift.png"
+                       id="noVNC_toggle_shift_button" class="noVNC_button"
+                       title="Toggle Shift">
                 <input type="image" alt="Alt" src="app/images/alt.png"
                     id="noVNC_toggle_alt_button" class="noVNC_button"
                     title="Toggle Alt">