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 | ||
5c8f383f TM |
36 | <div class="noprint"> |
37 | <textarea id="labeltext" style="width:100%; height: 20em;"></textarea> | |
38 | <button onclick="document.getElementById('labeltable').innerHTML=document.getElementById('labeltext').value;">Generate</button> | |
39 | <button onclick="window.print();return false;">Print</button> | |
40 | <br /> | |
41 | <br /> | |
42 | </div> | |
43 | ||
44 | <table id="labeltable"> | |
5bb08111 TM |
45 | |
46 | <tr> | |
3432350e | 47 | <td></td> |
0798dac0 | 48 | <td>🔌<br />Obývák</td> |
1b9cbe22 | 49 | <td>🔌<br />Pokoje</td> |
0798dac0 | 50 | <td>💧<br />Koupelna Pračka</td> |
3432350e | 51 | <td></td> |
37483e27 TM |
52 | <td>💧<br />Kuchyně Linka</td> |
53 | <td>💧<br />Kuchyně Myčka</td> | |
1b9cbe22 | 54 | <td colspan=3>🔥<br />Kuchyně Sporák</td> |
18f916cc | 55 | <td colspan=3>⚡<br />Svodič přepětí</td> |
3432350e TM |
56 | <td></td> |
57 | </tr> | |
58 | ||
3432350e TM |
59 | <tr> |
60 | <td></td> | |
61 | <td></td> | |
0798dac0 TM |
62 | <td>🔌<br />Vchod</td> |
63 | <td>🔌<br />Předsíň</td> | |
5c8f383f | 64 | <td>🔧<br /></td> |
37483e27 | 65 | <td>💡 Sv. Kuchyně</td> |
43720be3 | 66 | <td>💡 Sv. Koupelna</td> |
0798dac0 TM |
67 | <td>💡 Sv. Obývák</td> |
68 | <td>💡 Sv. Pokoje</td> | |
69 | <td>💡 Sv. Předsíň</td> | |
9ee19d80 | 70 | <td colspan=3>💡 Sv.<br /> RF relé Předsíň</td> |
3432350e TM |
71 | <td></td> |
72 | </tr> | |
73 | ||
74 | <tr> | |
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> | |
86 | <td></td> | |
87 | <td></td> | |
88 | <td></td> | |
5bb08111 TM |
89 | </tr> |
90 | ||
91 | <tr> | |
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 | <td></td> | |
104 | <td></td> | |
105 | <td></td> | |
106 | </tr> | |
107 | ||
108 | <tr> | |
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 | <td></td> | |
121 | <td></td> | |
122 | <td></td> | |
123 | </tr> | |
124 | ||
125 | </table> | |
3432350e | 126 | |
5c8f383f | 127 | <script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script> |
3432350e TM |
128 | |
129 | </body> | |
130 | </html> |