Moar keyboard shortcuts

See readme

Issue #17

Author: qu1ck

InteractiveHtmlBom/ibom.html

@@ -102,9 +102,9 @@
   <div id="bot" class="split" style="height: calc(100% - 80px)">
     <div id="bomdiv" class="split split-horizontal">
       <div style="width: 100%">
-        <input class="searchbox reflookup hideonprint" type="text" placeholder="Ref lookup"
+        <input id="reflookup" class="searchbox reflookup hideonprint" type="text" placeholder="Ref lookup"
                oninput="updateRefLookup(this.value)">
-        <input class="searchbox filter hideonprint" type="text" placeholder="Filter"
+        <input id="filter" class="searchbox filter hideonprint" type="text" placeholder="Filter"
                oninput="updateFilter(this.value)">
       </div>
       <div id="dbg"></div>

InteractiveHtmlBom/ibom.js

@@ -9,6 +9,7 @@ var bomlayout = "default";
 var currentHighlightedRowId;
 var highlightHandlers = [];
 var highlightedRefs = [];
+var checkboxes = [];
 var bomCheckboxes = "";
 var storage;
 
@@ -475,6 +476,31 @@ function changeBomLayout(layout) {
   changeCanvasLayout(canvaslayout);
 }
 
+function focusInputField(input) {
+  input.scrollIntoView(false);
+  input.focus();
+  input.select();
+}
+
+function focusFilterField() {
+  focusInputField(document.getElementById("filter"));
+}
+
+function focusRefLookupField() {
+  focusInputField(document.getElementById("reflookup"));
+}
+
+function toggleBomCheckbox(bomrowid, checkboxnum) {
+  if (!bomrowid || checkboxnum > checkboxes.length) {
+    return;
+  }
+  var bomrow = document.getElementById(bomrowid);
+  var checkbox = bomrow.childNodes[checkboxnum].childNodes[0];
+  checkbox.checked = !checkbox.checked;
+  checkbox.indeterminate = false;
+  checkbox.onchange();
+}
+
 function removeGutterNode(node) {
   for (var i = 0; i < node.childNodes.length; i++) {
     if (node.childNodes[i].classList &&
@@ -509,6 +535,47 @@ document.onkeydown = function(e) {
     default:
       break;
   }
+  if (e.altKey) {
+    switch (e.key) {
+      case "f":
+        focusFilterField();
+        e.preventDefault();
+        break;
+      case "r":
+        focusRefLookupField();
+        e.preventDefault();
+        break;
+      case "z":
+        changeBomLayout("BOM");
+        e.preventDefault();
+        break;
+      case "x":
+        changeBomLayout("LR");
+        e.preventDefault();
+        break;
+      case "c":
+        changeBomLayout("TB");
+        e.preventDefault();
+        break;
+      case "v":
+        changeCanvasLayout("F");
+        e.preventDefault();
+        break;
+      case "b":
+        changeCanvasLayout("FB");
+        e.preventDefault();
+        break;
+      case "n":
+        changeCanvasLayout("B");
+        e.preventDefault();
+        break;
+      default:
+        break;
+    }
+    if (e.key >= '1' && e.key <= '9') {
+      toggleBomCheckbox(currentHighlightedRowId, parseInt(e.key));
+    }
+  }
 }
 
 window.onload = function(e) {

README.md

@@ -87,6 +87,28 @@ will look like this:
 path/to/kicad/bin/python.exe .../generate_interactive_bom.py .../board.kicad_pcb
 ```
 
+### BOM mouse actions
+
+You can pan the pcb drawings using left mouse button, zoom using mouse wheel
+and reset view by right click.
+
+### BOM keyboard shortcuts
+
+Html page supports keyboard shortcuts to perform most tasks:
+
+*  `ArrowUp` / `ArrowDown` scroll through the bom table
+*  `Alt-R` focuses reference lookup field
+*  `Alt-F` focuses filter field
+*  `Alt-Z` switches to bom only view
+*  `Alt-X` switches to bom left, drawings right view
+*  `Alt-C` switches to bom top, drawings bot view
+*  `Alt-V` switches to front only view
+*  `Alt-B` switches to front and back view
+*  `Alt-N` switches to back only view
+*  `Alt-1` through `Alt-9` toggle corresponding checkbox for highlighted bom row
+   (if it exists)
+
+
 ## Supported versions
 
 KiCad 5.0 is the only fully supported version. Pcbnew python interface is not very
@@ -162,7 +184,7 @@ problem area._
 Generated html page is tested in Chrome and Firefox. IE will not be
 supported, patches for other browsers are welcome.
 
-Edge is currently broken because of
+Edge works but saving settings/checkboxes is currently broken because of
 https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8816771/
 
 # License and credits