42 lines
2.1 KiB
Plaintext
42 lines
2.1 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 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 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>
|