Commit | Line | Data |
---|---|---|
5c8f383f | 1 | <!DOCTYPE html> |
3432350e TM |
2 | <html> |
3 | <head> | |
e83b3e7b | 4 | <title>⚡ Distribution Board Label Generator for DIN Rail Modules</title> |
3432350e | 5 | <style> |
5b5e7001 TM |
6 | /* DIN Rail Modules are 17.5mm wide, but mounted with 18mm pitch to accomodate differences */ |
7 | ||
3432350e TM |
8 | * { font-family: sans-serif; font-weight: normal; font-size: 98%; } |
9 | td { | |
5b5e7001 | 10 | border: 1px solid black; width: 18mm; height: 16mm; |
3432350e TM |
11 | text-align: center; padding: 0; overflow: hidden; |
12 | display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box; | |
9dce371e | 13 | justify-content: center; /* align-items: center; */ |
3432350e TM |
14 | } |
15 | td:not(:last-child) { border-right: 0px solid red; } | |
5b5e7001 TM |
16 | td[colspan="2"] { width: calc(2 * 18mm); } |
17 | td[colspan="3"] { width: calc(3 * 18mm); } | |
18 | td[colspan="4"] { width: calc(4 * 18mm); } | |
19 | td[colspan="5"] { width: calc(5 * 18mm); } | |
20 | td[colspan="6"] { width: calc(6 * 18mm); } | |
21 | td[colspan="7"] { width: calc(7 * 18mm); } | |
22 | td[colspan="8"] { width: calc(8 * 18mm); } | |
3432350e TM |
23 | tr { margin-bottom: 10mm; } |
24 | table { border-spacing:0px; border-collapse: collapse; } | |
5c8f383f | 25 | @media print { .noprint * { display: none; } } |
3432350e TM |
26 | </style> |
27 | </head> | |
28 | <body> | |
5b5e7001 | 29 | <h1>Distribution Box Label Generator for DIN Rail Modules</h1> |
3432350e TM |
30 | github.com/harvie |
31 | <br /><br /> | |
32 | ||
5c8f383f TM |
33 | <div class="noprint"> |
34 | <textarea id="labeltext" style="width:100%; height: 20em;"></textarea> | |
35 | <button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button> | |
36 | <button onclick="window.print();return false;">Print</button> | |
37 | <br /> | |
38 | <br /> | |
39 | </div> | |
40 | ||
41 | <table id="labeltable"> | |
5bb08111 TM |
42 | |
43 | <tr> | |
3432350e | 44 | <td></td> |
0798dac0 TM |
45 | <td>🔌<br />Obývák</td> |
46 | <td>🔌<br />Pokoje 1+2</td> | |
47 | <td>💧<br />Koupelna Pračka</td> | |
3432350e | 48 | <td></td> |
da0be3bd | 49 | <td>💧<br />Kuchyňe Linka</td> |
3432350e | 50 | <td>💧<br />Myčka</td> |
0798dac0 | 51 | <td colspan=3>🔥<br />Sporák</td> |
18f916cc | 52 | <td colspan=3>⚡<br />Svodič přepětí</td> |
3432350e TM |
53 | <td></td> |
54 | </tr> | |
55 | ||
3432350e TM |
56 | <tr> |
57 | <td></td> | |
58 | <td></td> | |
0798dac0 TM |
59 | <td>🔌<br />Vchod</td> |
60 | <td>🔌<br />Předsíň</td> | |
5c8f383f | 61 | <td>🔧<br /></td> |
da0be3bd | 62 | <td>💡 Sv. Kuchyňe</td> |
43720be3 | 63 | <td>💡 Sv. Koupelna</td> |
0798dac0 TM |
64 | <td>💡 Sv. Obývák</td> |
65 | <td>💡 Sv. Pokoje</td> | |
66 | <td>💡 Sv. Předsíň</td> | |
da0be3bd | 67 | <td colspan=3>💡 Sv.<br /> RF přijímač předsíň</td> |
3432350e TM |
68 | <td></td> |
69 | </tr> | |
70 | ||
71 | <tr> | |
72 | <td></td> | |
73 | <td></td> | |
74 | <td></td> | |
75 | <td></td> | |
76 | <td></td> | |
77 | <td></td> | |
78 | <td></td> | |
79 | <td></td> | |
80 | <td></td> | |
81 | <td></td> | |
82 | <td></td> | |
83 | <td></td> | |
84 | <td></td> | |
85 | <td></td> | |
5bb08111 TM |
86 | </tr> |
87 | ||
88 | <tr> | |
89 | <td></td> | |
90 | <td></td> | |
91 | <td></td> | |
92 | <td></td> | |
93 | <td></td> | |
94 | <td></td> | |
95 | <td></td> | |
96 | <td></td> | |
97 | <td></td> | |
98 | <td></td> | |
99 | <td></td> | |
100 | <td></td> | |
101 | <td></td> | |
102 | <td></td> | |
103 | </tr> | |
104 | ||
105 | <tr> | |
106 | <td></td> | |
107 | <td></td> | |
108 | <td></td> | |
109 | <td></td> | |
110 | <td></td> | |
111 | <td></td> | |
112 | <td></td> | |
113 | <td></td> | |
114 | <td></td> | |
115 | <td></td> | |
116 | <td></td> | |
117 | <td></td> | |
118 | <td></td> | |
119 | <td></td> | |
120 | </tr> | |
121 | ||
122 | </table> | |
3432350e | 123 | |
5c8f383f | 124 | <script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script> |
3432350e TM |
125 | |
126 | </body> | |
127 | </html> |