sensortoy/app/partials/cc2650_thermopile_dial.ejs
2016-06-24 16:27:42 +01:00

38 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">AMBIENT</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' >--ºc</text>
</g>
</svg>
</div>
<div class="mui-col-md-6 mui--text-center" id="<%= data.baseID + '-a-pane' %>">
<svg width='300' height='200' viewbox='0 0 300 220' background="#212121" id="<%= data.baseID + 'ambient-svg' %>">
<!-- stroke-linecap="round" -->
<g transform="translate(-90,40) rotate(-120 180 90)" >
<path id="<%= data.baseID + 'ambient-arcB' %>" fill="none" stroke="rgb(61, 61, 61)" stroke-width="12" />
<path id="<%= data.baseID + 'ambient-arc' %>" fill="none" stroke="#00bfff" stroke-width="12" />
</g>
<g transform="translate(150,30)">
<text text-anchor="middle" id="<%= data.baseID + 'ambient-label' %>" class='textLabel' x='0' y='100' fill='#bad649' font-size='50' >--ºc</text>
</g>
</svg>
</div>
</div>