Add copy to clipboard button

Fixes #55

Author: qu1ck

InteractiveHtmlBom/config.py

@@ -208,7 +208,7 @@ def set_from_args(self, args):
 
         # Extra
         self.netlist_file = args.netlist_file
-        self.extra_fields = args.extra_fields.split(',')
+        self.extra_fields = [f for f in args.extra_fields.split(',') if f]
         self.board_variant_field = args.variant_field
         self.board_variant_whitelist = args.variants_whitelist
         self.board_variant_blacklist = args.variants_blacklist

InteractiveHtmlBom/generate_interactive_bom.py

@@ -511,7 +511,7 @@ def main(pcb, config):
 
     # Get extra field data
     extra_fields = None
-    if os.path.isfile(config.netlist_file):
+    if config.netlist_file and os.path.isfile(config.netlist_file):
         extra_fields = parse_schematic_data(config.netlist_file)
     need_extra_fields = \
         config.extra_fields or config.board_variant_whitelist or config.dnp_field

InteractiveHtmlBom/ibom.css

@@ -71,6 +71,21 @@ button#bom-btn {
   background-repeat: no-repeat;
 }
 
+button#copy {
+  background-image: url("data:image/svg+xml,%3Csvg height='48' viewBox='0 0 48 48' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M32 2h-24c-2.21 0-4 1.79-4 4v28h4v-28h24v-4zm6 8h-22c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4v-28c0-2.21-1.79-4-4-4zm0 32h-22v-28h22v28z'/%3E%3C/svg%3E");
+  background-position: 6px 6px;
+  background-repeat: no-repeat;
+  background-size: 26px 26px;
+  border-radius: 6px;
+  height: 40px;
+  width: 40px;
+  margin: 10px 5px;
+}
+
+button#copy:active {
+    box-shadow: inset 0px 0px 5px #6c6c6c;
+}
+
 .left-most-button {
   border-right: 0;
   border-top-left-radius: 6px;
@@ -329,7 +344,7 @@ canvas:active {
 }
 
 .filter {
-  width: calc(60% - 10px);
+  width: calc(60% - 64px);
 }
 
 .reflookup {

InteractiveHtmlBom/ibom.html

@@ -119,6 +119,10 @@
                oninput="updateRefLookup(this.value)">
         <input id="filter" class="searchbox filter hideonprint" type="text" placeholder="Filter"
                oninput="updateFilter(this.value)">
+        <div class="button-container hideonprint" style="float: left">
+          <button id="copy" title="Copy bom table to clipboard"
+               onclick="copyToClipboard()"></button>
+        </div>
       </div>
       <div id="dbg"></div>
       <table class="bom">

InteractiveHtmlBom/ibom.js

@@ -507,6 +507,55 @@ function updateRefLookup(input) {
   populateBomTable();
 }
 
+function copyToClipboard() {
+  var text = '';
+  for (var node of bomhead.childNodes[0].childNodes) {
+    if (node.firstChild) {
+      text = text + node.firstChild.nodeValue;
+    }
+    if (node != bomhead.childNodes[0].lastChild) {
+      text += '\t';
+    }
+  }
+  text += '\n';
+  for (var row of bombody.childNodes) {
+    for (var cell of row.childNodes) {
+      for (var node of cell.childNodes) {
+        if (node.nodeName == "INPUT") {
+          if (node.checked) {
+            text = text + '✓';
+          }
+        } else if (node.nodeName == "MARK") {
+          text = text + node.firstChild.nodeValue;
+        } else {
+          text = text + node.nodeValue;
+        }
+      }
+      if (cell != row.lastChild) {
+        text += '\t';
+      }
+    }
+    text += '\n';
+  }
+  var textArea = document.createElement("textarea");
+  textArea.classList.add('clipboard-temp');
+  textArea.value = text;
+
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+
+  try {
+    if (document.execCommand('copy')) {
+      console.log('Bom copied to clipboard.');
+    }
+  } catch (err) {
+    console.log('Can not copy to clipboard.');
+  }
+
+  document.body.removeChild(textArea);
+}
+
 function silkscreenVisible(visible) {
   if (visible) {
     allcanvas.front.silk.style.display = "";