68 lines
3.4 KiB
Plaintext
68 lines
3.4 KiB
Plaintext
|
<div class="mui-row">
|
||
|
|
<div class="mui-col-xs-3 mui--text-accent mui--text-right">Temp:</div>
|
||
|
|
<div class="mui-col-xs-3 mui--text-light" id="<%= data.baseID + '-t' %>">--</div>
|
||
|
|
<div class="mui-col-xs-3 mui--text-accent mui--text-right">Humidity:</div>
|
||
|
|
<div class="mui-col-xs-3 mui--text-light" id="<%= data.baseID + '-h' %>">--</div>
|
||
|
|
</div>
|
||
|
|
<ul class="mui-tabs__bar mui-tabs__bar--justified">
|
||
|
|
<li class="tabOnWhite"><a data-mui-toggle="tab"
|
||
|
|
data-mui-controls="<%= data.baseID + '-t-pane' %>">Temperature</a>
|
||
|
|
</li>
|
||
|
|
<li class="tabOnWhite mui--is-active"><a data-mui-toggle="tab"
|
||
|
|
data-mui-controls="<%= data.baseID + '-h-pane' %>">Humidity</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class="mui-tabs__pane" 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,100)">
|
||
|
|
<text id="<%= data.baseID + 'temp-label' %>" class='textLabel' x='0' y='100' fill='#bad649' font-size='50' >--ºc</text>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<svg id="<%= data.baseID + 'temp-svg' %>" width="300" height="150" fill="blue">
|
||
|
|
<line x1="46" y1="12" x2="280" y2="12"
|
||
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
||
|
|
<text id="<%= data.baseID + 'temp-txt1' %>" x="36" y="15" text-anchor="end">--</text>
|
||
|
|
<line x1="46" y1="136" x2="280" y2="136"
|
||
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
||
|
|
<text id="undefined" x="36" y="139" text-anchor="end">0</text>
|
||
|
|
<polyline id="<%= data.baseID + 'temp-line' %>" fill="none" stroke="#2196F3"
|
||
|
|
text-anchor="end" stroke-width="2"
|
||
|
|
points=""></polyline>
|
||
|
|
</svg>
|
||
|
|
-->
|
||
|
|
</div>
|
||
|
|
<div class="mui-tabs__pane mui--is-active" id="<%= data.baseID + '-h-pane' %>">
|
||
|
|
|
||
|
|
<svg width='300' height='200' viewbox='0 0 300 220' background="#212121" id="<%= data.baseID + 'humidity-svg' %>">
|
||
|
|
|
||
|
|
<g transform="translate(-90,40) rotate(-120 180 90)" >
|
||
|
|
<path id="<%= data.baseID + 'humidity-arcB' %>" fill="none" stroke="rgb(61, 61, 61)" stroke-width="12" />
|
||
|
|
<path id="<%= data.baseID + 'humidity-arc' %>" fill="none" stroke="#00bfff" stroke-width="12" />
|
||
|
|
</g>
|
||
|
|
<g transform="translate(150,100)">
|
||
|
|
<text id="<%= data.baseID + 'humidity-label' %>" class='textLabel' x='0' y='100' fill='#bad649' font-size='50' >--ºc</text>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
|
||
|
|
<!--<svg id="<%= data.baseID + 'humidity-svg' %>" width="300" height="150" fill="blue">
|
||
|
|
<line x1="46" y1="12" x2="280" y2="12"
|
||
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
||
|
|
<text id="<%= data.baseID + 'humidity-txt1' %>" x="36" y="15" text-anchor="end">--</text>
|
||
|
|
<line x1="46" y1="136" x2="280" y2="136"
|
||
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
||
|
|
<text id="undefined" x="36" y="139" text-anchor="end">0
|
||
|
|
</text>
|
||
|
|
<polyline id="<%= data.baseID + 'humidity-line' %>" fill="none" stroke="#2196F3"
|
||
|
|
text-anchor="end" stroke-width="2"
|
||
|
|
points=""></polyline>
|
||
|
|
</svg>-->
|
||
|
|
</div>
|