Pinout link (#3810)

* try adding link to page

* change logic

* hide for print view

* change link color

firmware/config/boards/proteus/connectors/black23.yaml

@@ -151,6 +151,7 @@ pins:
 info:
   title: Proteus
   name: Black23
+  board_url: "https://wiki.rusefi.com/Hardware/Proteus/Proteus/"
   id: black23
   image:
     file: black23.jpg

misc/pinout-gen/pinout.html

@@ -66,5 +66,7 @@
   </div>
 </template>
 
+<a id="board-link"></a>
+
 </body>
 </html>

misc/pinout-gen/script.js

@@ -194,6 +194,10 @@ window.addEventListener('load', function() {
     if (document.title.length == 0 && typeof(connector.info.title) != "undefined") {
       document.title = connector.info.title;
     }
+    if (typeof(connector.info.board_url) != "undefined" && document.title.length > 0) {
+      document.getElementById("board-link").innerText = document.title;
+      document.getElementById("board-link").href = connector.info.board_url;
+    }
     if (typeof(connector.info.name) != "undefined") {
       sdiv.querySelector(".connector-name").innerText = connector.info.name;
     }

misc/pinout-gen/style.css

@@ -100,6 +100,10 @@
   border-color: sienna;
 }
 
+#board-link {
+ font-size: 24px;
+}
+
 .pin-marker:hover {
   transform: scale(2);
   z-index: 2;
@@ -214,6 +218,14 @@ table th {
   table tr:hover {
     background-color: #f15a24;
   }
+
+  a {
+    color: #71b7ff;
+  }
+
+  a:visited {
+    color: #71b7ff;
+  }
 }
 
 @media print {
@@ -271,4 +283,7 @@ table th {
   table, tbody, tr {
     display: block;
   }
+  #board-link {
+    display: none;
+  }
 }