Files
MaxWaterSystem-Lite/HTML/Device.html

57 lines
1.6 KiB
HTML

<div class="row row-flex box-me">
<div class="col-md-6 text-center">
<h2 class="uppercase">Public IP Address</h2>
<p><%= channels["flowmonitor.public_ip_address"].value %><p>
</div>
<div class="col-md-6 text-center">
<h2 class="uppercase">Reset Device Database</h2>
<a href="#"
data-refreshpause="1"
data-staticsend="1"
data-channelId="<%= channels["flowmonitor.resetdatabase"].channelId %>"
data-techname="<%=channels["flowmonitor.resetdatabase"].techName %>"
data-name="<%= channels["flowmonitor.resetdatabase"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.resetdatabase"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.resetdatabase"].channelId %>"
class="btn btn-large btn-block btn-theme animated setstatic mqtt">
<i class="icon-repeat icon-white mqtt" ></i>Reset Database</a>
</div>
</div>
<style>
.uppercase {
text-transform: uppercase;
font-size: 14px;
color: #666;
font-weight: 400;
letter-spacing: 1px;
z-index: 100;
}
.box-me {
position: relative;
padding: 0.5em;
padding-bottom: 1.5em;
border: 1px solid #eee;
/*margin: 1em 0;*/
}
.row-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
p {
font-size: 1.25em;
}
</style>