Hotkeys link and rotate board with l/r arrows

Author: Daniel_Alvarez

InteractiveHtmlBom/web/ibom.css

@@ -792,3 +792,14 @@ a {
 .column-width-handle:hover {
   background-color: #4f99bd;
 }
+
+.help-link {
+  border: 1px solid #0278a4;
+  padding-inline: 0.3rem;
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.dark .help-link {
+  border: 1px solid #00b9fd;
+}

InteractiveHtmlBom/web/ibom.html

@@ -128,6 +128,7 @@
             <span class="shameless-plug">
               <span>Created using</span>
               <a id="github-link" target="blank" href="https://github.com/openscopeproject/InteractiveHtmlBom">InteractiveHtmlBom</a>
+              <a target="blank" title="Mouse and keyboard help" href="https://github.com/openscopeproject/InteractiveHtmlBom/wiki/Usage#bom-page-mouse-actions" style="text-decoration: none;"><label class="help-link">?</label></a>
             </span>
           </label>
         </div>

InteractiveHtmlBom/web/ibom.js

@@ -1099,6 +1099,10 @@ function updateCheckboxStats(checkbox) {
   td.lastChild.innerHTML = checked + "/" + total + " (" + Math.round(percent) + "%)";
 }
 
+function constrain(number, min, max){
+  return Math.min(Math.max(parseInt(number), min), max);
+}
+
 document.onkeydown = function (e) {
   switch (e.key) {
     case "n":
@@ -1119,6 +1123,23 @@ document.onkeydown = function (e) {
       highlightNextRow();
       e.preventDefault();
       break;
+    case "ArrowLeft":
+    case "ArrowRight":
+      if (document.activeElement.type != "text"){
+        e.preventDefault();
+        let boardRotationElement = document.getElementById("boardRotation")
+        settings.boardRotation = parseInt(boardRotationElement.value);  // degrees / 5
+        if (e.key == "ArrowLeft"){
+            settings.boardRotation += 3;  // 15 degrees
+        }
+        else{
+            settings.boardRotation -= 3;
+        }
+        settings.boardRotation = constrain(settings.boardRotation, boardRotationElement.min, boardRotationElement.max);
+        boardRotationElement.value = settings.boardRotation
+        setBoardRotation(settings.boardRotation);
+      }
+      break;      
     default:
       break;
   }