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; } | |
9299f5a2 TM |
25 | @media print { |
26 | .noprint * { display: none; } | |
27 | @page { size: landscape; } | |
28 | } | |
3432350e TM |
29 | </style> |
30 | </head> | |
31 | <body> | |
5b5e7001 | 32 | <h1>Distribution Box Label Generator for DIN Rail Modules</h1> |
3432350e TM |
33 | github.com/harvie |
34 | <br /><br /> | |
35 | ||
c96182ca | 36 | Copy-paste these icons: 📡 🌐 🔔 📺 📞 🔌 💧 🔥 ⚡ 💡 🔧 🔑 🔒 🌡 ⚙ |
29590143 | 37 | <br /> |
5c8f383f TM |
38 | <div class="noprint"> |
39 | <textarea id="labeltext" style="width:100%; height: 20em;"></textarea> | |
40 | <button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button> | |
41 | <button onclick="window.print();return false;">Print</button> | |
42 | <br /> | |
43 | <br /> | |
44 | </div> | |
45 | ||
46 | <table id="labeltable"> | |
5bb08111 TM |
47 | |
48 | <tr> | |
3432350e | 49 | <td></td> |
0798dac0 | 50 | <td>🔌<br />Obývák</td> |
1b9cbe22 | 51 | <td>🔌<br />Pokoje</td> |
0798dac0 | 52 | <td>💧<br />Koupelna Pračka</td> |
3432350e | 53 | <td></td> |
37483e27 TM |
54 | <td>💧<br />Kuchyně Linka</td> |
55 | <td>💧<br />Kuchyně Myčka</td> | |
1b9cbe22 | 56 | <td colspan=3>🔥<br />Kuchyně Sporák</td> |
18f916cc | 57 | <td colspan=3>⚡<br />Svodič přepětí</td> |
3432350e TM |
58 | <td></td> |
59 | </tr> | |
60 | ||
3432350e TM |
61 | <tr> |
62 | <td></td> | |
63 | <td></td> | |
0798dac0 TM |
64 | <td>🔌<br />Vchod</td> |
65 | <td>🔌<br />Předsíň</td> | |
5c8f383f | 66 | <td>🔧<br /></td> |
37483e27 | 67 | <td>💡 Sv. Kuchyně</td> |
43720be3 | 68 | <td>💡 Sv. Koupelna</td> |
0798dac0 TM |
69 | <td>💡 Sv. Obývák</td> |
70 | <td>💡 Sv. Pokoje</td> | |
71 | <td>💡 Sv. Předsíň</td> | |
9ee19d80 | 72 | <td colspan=3>💡 Sv.<br /> RF relé Předsíň</td> |
3432350e TM |
73 | <td></td> |
74 | </tr> | |
75 | ||
76 | <tr> | |
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> | |
86 | <td></td> | |
87 | <td></td> | |
88 | <td></td> | |
89 | <td></td> | |
90 | <td></td> | |
5bb08111 TM |
91 | </tr> |
92 | ||
93 | <tr> | |
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 | <td></td> | |
104 | <td></td> | |
105 | <td></td> | |
106 | <td></td> | |
107 | <td></td> | |
108 | </tr> | |
109 | ||
110 | <tr> | |
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 | <td></td> | |
121 | <td></td> | |
122 | <td></td> | |
123 | <td></td> | |
124 | <td></td> | |
125 | </tr> | |
126 | ||
127 | </table> | |
3432350e | 128 | |
5c8f383f | 129 | <script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script> |
3432350e TM |
130 | |
131 | </body> | |
132 | </html> |