UI
authorTomas Mudrunka <tomas@mudrunka.cz>
Thu, 7 Oct 2021 13:32:48 +0000 (15:32 +0200)
committerTomas Mudrunka <tomas@mudrunka.cz>
Thu, 7 Oct 2021 13:32:48 +0000 (15:32 +0200)
tools/din_rail_module_label_generator.html

index 7b49d8069f4d0d0e71266c764a30ea2f1a695767..ba5e6c58b33f3b35fd2c26eda30c1c87be7cf018 100644 (file)
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
 <head>
 <title>&#x26A1; Distribution Board Label Generator for DIN Rail Modules</title>
@@ -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>
@@ -48,7 +58,7 @@ github.com/harvie
 <td></td>
 <td>&#x1F50C;<br />Vchod</td>
 <td>&#x1F50C;<br />Předsíň</td>
-<td>&#x1F527;<br />Alarm</td>
+<td>&#x1F527;<br /></td>
 <td>&#x1f4a1; Sv. Kuchyňe</td>
 <td>&#x1f4a1; Sv. Koupelna</td>
 <td>&#x1f4a1; Sv. Obývák</td>
@@ -111,6 +121,7 @@ github.com/harvie
 
 </table>
 
+<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script>
 
 </body>
 </html>
This page took 0.17885 seconds and 4 git commands to generate.