Add options to hide references and values

Fixes #90

Author: qu1ck

DATAFORMAT.md

@@ -147,7 +147,11 @@ attribute.
     // may include none, one or both
     "italic", "mirrored"
   ],
-  "angle": angle
+  "angle": angle,
+  // Present only if text is reference designator
+  "ref": 1,
+  // Present only if text is component value
+  "val": 1,
 }
 ```
 

InteractiveHtmlBom/core/ibom.py

@@ -271,7 +271,7 @@ def parse_poly_set(polygon_set):
     return result
 
 
-def parse_text(d):
+def parse_text(d, ref_val=None):
     pos = normalize(d.GetPosition())
     if not d.IsVisible():
         return None
@@ -348,12 +348,14 @@ def parse_drawings_on_layers(drawings, f_layer, b_layer):
     back = []
 
     for d in drawings:
-        if d.GetLayer() not in [f_layer, b_layer]:
+        if d[1].GetLayer() not in [f_layer, b_layer]:
             continue
-        drawing = parse_drawing(d)
+        drawing = parse_drawing(d[1])
         if not drawing:
             continue
-        if d.GetLayer() == f_layer:
+        if d[0] in ["ref", "val"]:
+            drawing[d[0]] = 1
+        if d[1].GetLayer() == f_layer:
             front.append(drawing)
         else:
             back.append(drawing)
@@ -365,12 +367,12 @@ def parse_drawings_on_layers(drawings, f_layer, b_layer):
 
 
 def get_all_drawings(pcb):
-    drawings = list(pcb.GetDrawings())
+    drawings = [(d.GetClass(), d) for d in list(pcb.GetDrawings())]
     for m in pcb.GetModules():
-        drawings.append(m.Reference())
-        drawings.append(m.Value())
+        drawings.append(("ref", m.Reference()))
+        drawings.append(("val", m.Value()))
         for d in m.GraphicalItems():
-            drawings.append(d)
+            drawings.append((d.GetClass(), d))
     return drawings
 
 

InteractiveHtmlBom/web/ibom.html

@@ -63,6 +63,14 @@
             <input id="silkscreenCheckbox" type="checkbox" checked onchange="silkscreenVisible(this.checked)">
             Show silkscreen
           </label>
+          <label class="menu-label" style="width: calc(50% - 18px)">
+            <input id="referencesCheckbox" type="checkbox" checked onchange="referencesVisible(this.checked)">
+            References
+          </label><!-- This comment eats space! All of it!
+          --><label class="menu-label" style="width: calc(50% - 18px); border-left: 0;">
+            <input id="valuesCheckbox" type="checkbox" checked onchange="valuesVisible(this.checked)">
+            Values
+          </label>
           <label class="menu-label">
             <input id="highlightpin1Checkbox" type="checkbox" onchange="setHighlightPin1(this.checked)">
             Highlight first pin

InteractiveHtmlBom/web/ibom.js

@@ -21,25 +21,39 @@ function dbg(html) {
   dbgdiv.innerHTML = html;
 }
 
-function padsVisible(value) {
-  renderPads = value;
+function redrawIfInitDone() {
   if (initDone) {
     redrawCanvas(allcanvas.front);
     redrawCanvas(allcanvas.back);
   }
 }
 
+function padsVisible(value) {
+  writeStorage("padsVisible", value);
+  renderPads = value;
+  redrawIfInitDone();
+}
+
+function referencesVisible(value) {
+  writeStorage("referencesVisible", value);
+  renderReferences = value;
+  redrawIfInitDone();
+}
+
+function valuesVisible(value) {
+  writeStorage("valuesVisible", value);
+  renderValues = value;
+  redrawIfInitDone();
+}
+
 function setDarkMode(value) {
   if (value) {
     topmostdiv.classList.add("dark");
   } else {
     topmostdiv.classList.remove("dark");
   }
   writeStorage("darkmode", value);
-  if (initDone) {
-    redrawCanvas(allcanvas.front);
-    redrawCanvas(allcanvas.back);
-  }
+  redrawIfInitDone();
 }
 
 function layerVisible(visible, frontCavnas, backCanvas, storageString) {
@@ -60,10 +74,7 @@ function silkscreenVisible(visible) {
 function setHighlightPin1(value) {
   writeStorage("highlightpin1", value);
   highlightpin1 = value;
-  if (initDone) {
-    redrawCanvas(allcanvas.front);
-    redrawCanvas(allcanvas.back);
-  }
+  redrawIfInitDone();
 }
 
 function getStoredCheckboxRefs(checkbox) {
@@ -756,6 +767,14 @@ function initDefaults() {
   document.getElementById("silkscreenCheckbox").checked = b;
   silkscreenVisible(b);
 
+  b = getStorageBooleanOrDefault("referencesVisible", true);
+  document.getElementById("referencesCheckbox").checked = b;
+  referencesVisible(b);
+
+  b = getStorageBooleanOrDefault("valuesVisible", true);
+  document.getElementById("valuesCheckbox").checked = b;
+  valuesVisible(b);
+
   b = getStorageBooleanOrDefault("redrawOnDrag", config.redraw_on_drag);
   document.getElementById("dragCheckbox").checked = b;
   setRedrawOnDrag(b);

InteractiveHtmlBom/web/render.js

@@ -3,6 +3,8 @@
 var redrawOnDrag = true;
 var boardRotation = 0;
 var renderPads = true;
+var renderReferences = true;
+var renderValues = true;
 
 function deg2rad(deg) {
   return deg * Math.PI / 180;
@@ -20,6 +22,8 @@ function calcFontPoint(linepoint, text, offsetx, offsety, tilt) {
 }
 
 function drawtext(ctx, text, color, flip) {
+  if ("ref" in text && !renderReferences) return;
+  if ("val" in text && !renderValues) return;
   ctx.save();
   ctx.translate(...text.pos);
   var angle = -text.angle;