From 1ca6d22af457cafcc60632057930cc2b6d749602 Mon Sep 17 00:00:00 2001
From: David Holdeman <david@chuckwagoncomputing.com>
Date: Wed, 14 Apr 2021 19:04:35 -0500
Subject: [PATCH] Fix pinout table (#2550)

* fix clicking on row

* fix display and scroll to top
---
 misc/pinout-gen/script.js | 8 +++++---
 misc/pinout-gen/style.css | 4 ++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/misc/pinout-gen/script.js b/misc/pinout-gen/script.js
index 6342ccc236..8b504b7fae 100644
--- a/misc/pinout-gen/script.js
+++ b/misc/pinout-gen/script.js
@@ -17,13 +17,15 @@ function addRow(table, pin, pdiv) {
   tdata.textContent = pin.type
   fdata.textContent = pin.function;
   cdata.textContent = pin.color
-  row.addEventListener('click', function(pin, pdiv) {
-    clickPin(pin, pdiv);
-  }.bind(null, pin, pdiv));
+  row.addEventListener('click', function(table, pin, pdiv) {
+    clickPin(table.parentElement.parentElement.parentElement.querySelector(".info-table tbody"), pin, pdiv);
+    table.parentElement.parentElement.parentElement.scrollIntoView()
+  }.bind(null, table, pin, pdiv));
   table.appendChild(clone);
 }
 
 function clickPin(table, pin, pdiv) {
+  table.parentElement.style.display = "table";
   table.innerHTML = "";
   addRow(table, pin, pdiv);
   var pins = document.querySelectorAll(".pin-marker");
diff --git a/misc/pinout-gen/style.css b/misc/pinout-gen/style.css
index 90cb5bf5a7..8b6035ac86 100644
--- a/misc/pinout-gen/style.css
+++ b/misc/pinout-gen/style.css
@@ -183,6 +183,10 @@ table th {
   color: black;
 }
 
+.info-table {
+  display: none;
+}
+
 @media (prefers-color-scheme: dark) {
   html {
     background-color: black;