<html>
<head>
<style>
body {
font-family: arial;
background-color: #ffffff;
}
table, td, th, #frame {
border: 0.35mm solid black; /* line weight based on DIN 15 */
}
table {
padding: 0;
border-bottom: 0;
border-right: 0;
border-spacing: 0mm;
}
td, th {
border-top: 0;
border-left: 0;
overflow: hidden;
/* display: inline-block; */
white-space: nowrap;
font-size: 2.8mm;
}
/* Canvas size based on DIN 823 / DIN 6771 / EN ISO 5457 */
#frame {
position: relative;
}
.A4, .sheetsize_default { /* portrait */
width: 180mm;
height: 277mm;
}
.A3 { /* landscape */
width: 390mm;
height: 277mm;
}
.A2 { /* landscape */
width: 564mm;
height: 400mm;
}
#diagram {
position: relative;
top: 0;
left: 0;
max-width: 100%;
height: calc(100% - 13 * 4.25mm);
/* TODO: auto-adapt to height of title block + BOM table;
BOM table might be above (A4) or to the left (A3 and larger) of the title block */
text-align: center;
vertical-align: middle;
}
#diagram svg, #diagram img {
max-width: 95%;
max-height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}
#titleblock {
position: absolute;
bottom: 0mm;
right: -0mm;
}
#titleblock table {
width: 180mm;
height: 38.25mm;
}
#titleblock tr, #bom tr {
height: 4.25mm;
}
.A4 #bom { /* BOM on top of title block */
position: absolute;
bottom: 38.25mm;
right: 0;
}
.A3 #bom, .A2 #bom { /* BOM to the left of title block */
position: absolute;
bottom: 0mm;
left: 0mm;
}
#bom table {
width:180mm;
}
#bom th, td {
text-align: left;
}
#bom .bom_col_id {
text-align: center;
}
#bom .bom_col_qty {
text-align: right;
}
.name {
width: 16mm;
}
.date {
width: 10mm;
}
.revno {
text-align: center;
width: 6mm;
}
.changelog {
width: 22mm;
}
.process {
width: 18mm;
}
.title {
width: 82mm;
font-size: 5.6mm;
text-align: center;
white-space: normal;
}
.company {
font-size: 4mm;
text-align: center;
white-space: normal;
}
.partno {
font-size: 4mm;
text-align: center;
white-space: normal;
}
.sheetno {
width: 12.75mm;
text-align: center;
}
</style>
<style type="text/css" media="print">
@page {
size: auto;
margin: 0;
}
/* TODO: auto-adjust based on portrait (larger margin on left) or landscape (larger margin on top) */
#page {
margin: 10mm;
margin-left: 20mm;
}
</style>
</head>
10 |
Wire, 0.14 mm², YE |
0.6 |
m |
DSw, Relayw |
9 |
Wire, 0.14 mm², RD |
0.6 |
m |
DSw, EncoderW |
8 |
Wire, 0.14 mm², GNYE |
0.3 |
m |
EncoderW |
7 |
Wire, 0.14 mm², BU |
0.3 |
m |
EncoderW |
6 |
Wire, 0.14 mm², BN |
0.3 |
m |
EncoderW |
5 |
Wire, 0.14 mm², BK |
0.6 |
m |
DSw, Relayw |
4 |
Connector, female, 5 pins |
1 |
|
Relay |
3 |
Connector, 4 point, female, 4 pins |
1 |
|
Encoder |
2 |
Connector, 3 point, female, 3 pins |
4 |
|
DS1820_Aanvoer, DS1820_Bad, DS1820_Dak, DS1820_Retour |
1 |
Connector, 16 pins |
1 |
|
ESP32Expansion |
Id |
Description |
Qty |
Unit |
Designators |
|
|
|
|
|
Date |
Name |
Zwembad verwarming installatie |
|
|
|
|
Created |
2025-06-22 |
Ton |
|
|
|
|
Approved |
2025-06-22 |
Ton |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ESP32 |
Sheet 1 |
|
|
|
|
A |
Productie |
2025-06-22 |
Ton |
of 1 |
Rev |
Changelog |
Date |
Name |
|
|
|
</html>