UI

[mirrors/Designs.git] / tools / din_rail_module_label_generator.html
diff --git a/tools/din_rail_module_label_generator.html b/tools/din_rail_module_label_generator.html

index 58e2311c696e66b2a0c2cfd8ea9b76fb952d9d3e..ba5e6c58b33f3b35fd2c26eda30c1c87be7cf018 100644 (file)
--- a/tools/din_rail_module_label_generator.html
+++ b/tools/din_rail_module_label_generator.html
@@ -1,6 +1,7 @@
+<!DOCTYPE html>
  <html>
  <head>
-<title>Distribution Board Label Generator for DIN Rail Modules</title>
+<title>&#x26A1; Distribution Board Label Generator for DIN Rail Modules</title>
  <style>
  /* DIN Rail Modules are 17.5mm wide, but mounted with 18mm pitch to accomodate differences */
  
@@ -21,6 +22,7 @@ td[colspan="7"] { width: calc(7 * 18mm); }
  td[colspan="8"] { width: calc(8 * 18mm); }
  tr { margin-bottom: 10mm; }
  table { border-spacing:0px; border-collapse: collapse; }
+@media print { .noprint * { display: none; } }
  </style>
  </head>
  <body>
@@ -28,7 +30,15 @@ table { border-spacing:0px; border-collapse: collapse; }
  github.com/harvie
  <br /><br />
  
-<table>
+<div class="noprint">
+<textarea id="labeltext" style="width:100%; height: 20em;"></textarea>
+<button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button>
+<button onclick="window.print();return false;">Print</button>
+<br />
+<br />
+</div>
+
+<table id="labeltable">
  
  <tr>
  <td></td>
@@ -39,7 +49,7 @@ github.com/harvie
  <td>&#x1F4A7;<br />Kuchyňe Linka</td>
  <td>&#x1F4A7;<br />Myčka</td>
  <td colspan=3>&#x1F525;<br />Sporák</td>
-<td colspan=3>&#x26A1;<br />Přepěťová ochrana</td>
+<td colspan=3>&#x26A1;<br />Svodič přepětí</td>
  <td></td>
  </tr>
  
@@ -111,6 +121,7 @@ github.com/harvie
  
  </table>
  
+<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script>
  
  </body>
  </html>