37 lines
1.7 KiB
Plaintext
37 lines
1.7 KiB
Plaintext
<div class="mui-row">
|
|
<div class="mui-col-md-6 mui--text-accent mui--text-center">TEMPERATURE</div>
|
|
<div class="mui-col-md-6 mui--text-accent mui--text-center">PRESSURE</div>
|
|
</div>
|
|
|
|
<div class="mui-row">
|
|
<div class="mui-col-md-6 mui--text-center" id="<%= data.baseID + '-t-pane' %>">
|
|
<svg width='300' height='200' viewbox='0 0 300 220' background="#212121" id="<%= data.baseID + 'temp-svg' %>">
|
|
|
|
<g transform="translate(-90,40) rotate(-120 180 90)" >
|
|
<path id="<%= data.baseID + 'temp-arcB' %>" fill="none" stroke="rgb(61, 61, 61)" stroke-width="12" />
|
|
<path id="<%= data.baseID + 'temp-arc' %>" fill="none" stroke="#00bfff" stroke-width="12" />
|
|
</g>
|
|
<g transform="translate(150,30)">
|
|
<text text-anchor="middle" id="<%= data.baseID + 'temp-label' %>" class='textLabel' x='0' y='100' fill='#bad649' font-size='50' >--</text>
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
<div class="mui-col-md-6 mui--text-center" id="<%= data.baseID + '-p-pane' %>">
|
|
|
|
<svg width='300' height='200' viewbox='0 0 300 220' background="#212121" id="<%= data.baseID + 'pressure-svg' %>">
|
|
|
|
<g transform="translate(-90,40) rotate(-120 180 90)" >
|
|
<path id="<%= data.baseID + 'pressure-arcB' %>" fill="none" stroke="rgb(61, 61, 61)" stroke-width="12" style=""/>
|
|
<path id="<%= data.baseID + 'pressure-arc' %>" fill="none" stroke="#00bfff" stroke-width="12" />
|
|
</g>
|
|
<g transform="translate(150,30)">
|
|
<text text-anchor="middle" id="<%= data.baseID + 'pressure-label' %>" class='textLabel' x='0' y='100' fill='#bad649' font-size='40'>--</text>
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|