[mirrors/Designs.git] / tools / din_rail_module_label_generator.html

<!DOCTYPE html>
<html>
<head>
<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 */

* { font-family: sans-serif; font-weight: normal; font-size: 98%; }
td {
	border: 1px solid black; width: 18mm; height: 16mm; 
	text-align: center; padding: 0; overflow: hidden;
	display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box;
	justify-content: center; /* align-items: center; */
}
td:not(:last-child) { border-right: 0px solid red; }
td[colspan="2"] { width: calc(2 * 18mm); }
td[colspan="3"] { width: calc(3 * 18mm); }
td[colspan="4"] { width: calc(4 * 18mm); }
td[colspan="5"] { width: calc(5 * 18mm); }
td[colspan="6"] { width: calc(6 * 18mm); }
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; }
	@page { size: landscape; }
}
</style>
</head>
<body>
<h1>Distribution Box Label Generator for DIN Rail Modules</h1>
github.com/harvie
<br /><br />

<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>
<td>&#x1F50C;<br />Obývák</td>
<td>&#x1F50C;<br />Pokoje 1+2</td>
<td>&#x1F4A7;<br />Koupelna Pračka</td>
<td></td>
<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 />Svodič přepětí</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td>&#x1F50C;<br />Vchod</td>
<td>&#x1F50C;<br />Předsíň</td>
<td>&#x1F527;<br /></td>
<td>&#x1f4a1; Sv. Kuchyňe</td>
<td>&#x1f4a1; Sv. Koupelna</td>
<td>&#x1f4a1; Sv. Obývák</td>
<td>&#x1f4a1; Sv. Pokoje</td>
<td>&#x1f4a1; Sv. Předsíň</td>
<td colspan=3>&#x1f4a1; Sv.<br /> RF přijímač  předsíň</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

</table>

<script>document.getElementById('labeltext').value=document.getElementById('labeltable').innerHTML.trim();</script>

</body>
</html>
Commit	Line	Data
5c8f383f	1	<!DOCTYPE html>
3432350e TM	2	<html>
3432350e TM	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 */
5b5e7001 TM	7
3432350e TM	8	* { font-family: sans-serif; font-weight: normal; font-size: 98%; }
3432350e TM	9	td {
5b5e7001	10	border: 1px solid black; width: 18mm; height: 16mm;
3432350e TM	11	text-align: center; padding: 0; overflow: hidden;
3432350e TM	12	display: flex; float: left; margin-bottom: 10mm; box-sizing: border-box;
9dce371e	13	justify-content: center; /* align-items: center; */
3432350e TM	14	}
3432350e TM	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; }
3432350e TM	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
5bb08111 TM	46	<tr>
3432350e	47	<td></td>
0798dac0 TM	48	<td>🔌<br />Obývák</td>
	49	<td>🔌<br />Pokoje 1+2</td>
	50	<td>💧<br />Koupelna Pračka</td>
3432350e	51	<td></td>
da0be3bd	52	<td>💧<br />Kuchyňe Linka</td>
3432350e	53	<td>💧<br />Myčka</td>
0798dac0	54	<td colspan=3>🔥<br />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>
0798dac0 TM	63	<td>🔌<br />Předsíň</td>
5c8f383f	64	<td>🔧<br /></td>
da0be3bd	65	<td>💡 Sv. Kuchyňe</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>
da0be3bd	70	<td colspan=3>💡 Sv.<br /> RF přijímač 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>