mirror of
https://repository.entgra.net/community/product-iots.git
synced 2025-09-16 23:32:19 +00:00
minor ui changes
This commit is contained in:
parent
2cec2aba3f
commit
29a96847b9
@ -18,11 +18,11 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Uno<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Ethernet / WiFi Shield
|
||||
<br /><br />
|
||||
<form method="POST" class="float-left margin-right"
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Android Phone<br><br>
|
||||
<br/><br/>
|
||||
|
||||
|
||||
@ -18,11 +18,11 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Uno<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Ethernet / WiFi Shield
|
||||
<br /><br />
|
||||
<form method="POST" class="form-login-box"
|
||||
|
||||
@ -25,7 +25,8 @@
|
||||
<div class="col-lg-2 ast-desc-image">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-sm-4">
|
||||
<img src="{{self.publicURL}}/img/device_icons/{{device.type}}.png" style="width:200px"/>
|
||||
<img src="{{self.publicURL}}/img/device_icons/{{device.type}}.png"
|
||||
style="width:200px"/>
|
||||
</div>
|
||||
<div class="col-lg-12 col-sm-4 ast-desc">
|
||||
<div class="ast-device-desc"><b>Owner:</b> {{device.owner}}</div>
|
||||
@ -51,8 +52,11 @@
|
||||
<div class="wr-stats-board-tile">
|
||||
<div class="tile-name">BATTERY</div>
|
||||
<div>
|
||||
<div class="tile-icon"><i class="fw fw-battery"></i></div>
|
||||
<div class="tile-stats">{{device.viewModel.BatteryLevel}}%</div>
|
||||
<div class="tile-icon"><i class="fw fw-battery"></i>
|
||||
</div>
|
||||
<div class="tile-stats">{{device.viewModel.BatteryLevel}}
|
||||
%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -63,7 +67,8 @@
|
||||
<div class="wr-stats-board-tile">
|
||||
<div class="tile-name">STORAGE</div>
|
||||
<div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i>
|
||||
</div>
|
||||
<div class="tile-stats">{{device.viewModel.DeviceCapacityPercentage}}
|
||||
%<span class="tile-stats-free">{{device.viewModel.DeviceCapacityUsed}}
|
||||
GB Free</span></div>
|
||||
@ -76,7 +81,8 @@
|
||||
<div class="wr-stats-board-tile">
|
||||
<div class="tile-name">LOCAL STORAGE</div>
|
||||
<div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i>
|
||||
</div>
|
||||
<div class="tile-stats">{{device.viewModel.internal_memory.DeviceCapacityPercentage}}
|
||||
%<span class="tile-stats-free">{{device.viewModel.internal_memory.FreeCapacity}}
|
||||
GB Free</span></div>
|
||||
@ -89,7 +95,8 @@
|
||||
<div class="wr-stats-board-tile">
|
||||
<div class="tile-name">EXTERNAL STORAGE</div>
|
||||
<div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i></div>
|
||||
<div class="tile-icon"><i class="fw fw-hdd"></i>
|
||||
</div>
|
||||
<div class="tile-stats">{{device.viewModel.external_memory.DeviceCapacityPercentage}}
|
||||
%<span class="tile-stats-free">{{device.viewModel.external_memory.FreeCapacity}}
|
||||
GB Free</span></div>
|
||||
@ -102,23 +109,52 @@
|
||||
</div>
|
||||
<!-- /device summary -->
|
||||
|
||||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel-group" id="accordion" role="tablist"
|
||||
aria-multiselectable="true">
|
||||
|
||||
<!--device location -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingOne">
|
||||
<h2 class="sub-title panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion"
|
||||
href="#collapseOne" aria-expanded="true"
|
||||
aria-controls="collapseOne">
|
||||
<span class="fw-stack">
|
||||
<i class="fw fw-ring fw-stack-2x"></i>
|
||||
<i class="fw fw-arrow fw-down fw-stack-1x"></i>
|
||||
</span>
|
||||
Device Details
|
||||
</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in"
|
||||
role="tabpanel" aria-labelledby="headingOne">
|
||||
<div id="device-location" class="panel-body">
|
||||
IP Address: 0.0.0.0
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/device location -->
|
||||
|
||||
|
||||
<!-- statistics -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingFour">
|
||||
<h2 class="sub-title panel-title">
|
||||
<a class="collapsed" data-toggle="collapse" data-parent="#accordion"
|
||||
href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
<a class="collapsed" data-toggle="collapse"
|
||||
data-parent="#accordion"
|
||||
href="#collapseFour" aria-expanded="false"
|
||||
aria-controls="collapseFour">
|
||||
<span class="fw-stack">
|
||||
<i class="fw fw-ring fw-stack-2x"></i>
|
||||
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
|
||||
<i class="fw fw-arrow fw-down fw-stack-1x"></i>
|
||||
</span>
|
||||
Device Statistics
|
||||
</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
|
||||
<div id="collapseFour" class="panel-collapse collapse"
|
||||
role="tabpanel"
|
||||
aria-labelledby="headingFour">
|
||||
<div class="panel-body">
|
||||
<a href="../../analytics?deviceId={{deviceId}}&deviceType={{deviceType}}"><i
|
||||
@ -128,42 +164,24 @@
|
||||
</div>
|
||||
<!-- /statistics -->
|
||||
|
||||
<!-- device location -->
|
||||
<!--<div class="panel panel-default">-->
|
||||
<!--<div class="panel-heading" role="tab" id="headingOne">-->
|
||||
<!--<h2 class="sub-title panel-title">-->
|
||||
<!--<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">-->
|
||||
<!--<span class="fw-stack">-->
|
||||
<!--<i class="fw fw-ring fw-stack-2x"></i>-->
|
||||
<!--<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>-->
|
||||
<!--</span>-->
|
||||
<!--Device Location-->
|
||||
<!--</a>-->
|
||||
<!--</h2>-->
|
||||
<!--</div>-->
|
||||
<!--<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">-->
|
||||
<!--<div id="device-location" style="height:400px" class="panel-body">-->
|
||||
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!-- /device location -->
|
||||
|
||||
<!-- policies -->
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingTwo">
|
||||
<h2 class="sub-title panel-title">
|
||||
<a class="collapsed" data-toggle="collapse" data-parent="#accordion"
|
||||
href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
<a class="collapsed" data-toggle="collapse"
|
||||
data-parent="#accordion"
|
||||
href="#collapseTwo" aria-expanded="false"
|
||||
aria-controls="collapseTwo">
|
||||
<span class="fw-stack">
|
||||
<i class="fw fw-ring fw-stack-2x"></i>
|
||||
<i class="fw fw-arrow fw-down-arrow fw-stack-1x"></i>
|
||||
<i class="fw fw-arrow fw-down fw-stack-1x"></i>
|
||||
</span>
|
||||
Policies
|
||||
</a>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
|
||||
<div id="collapseTwo" class="panel-collapse collapse"
|
||||
role="tabpanel"
|
||||
aria-labelledby="headingTwo">
|
||||
<div class="panel-body">
|
||||
Not available yet
|
||||
|
||||
@ -8,8 +8,6 @@
|
||||
<p class="margin-bottom-double light-grey ">Connect your Digital Display device
|
||||
to the WSO2 device cloud. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row margin-bottom-double">
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
|
||||
<img src="{{self.publicURL}}/images/digital_display.png" class="img-responsive">
|
||||
</div>
|
||||
@ -20,11 +18,11 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Raspberry Pi<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>HDMI Supported Digital Display
|
||||
<br /><br />
|
||||
<form method="POST" class="float-left margin-right"
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
|
||||
<img src="{{self.publicURL}}/images/firealarm.png" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 col-md-8 col-lg-8 padding-top">
|
||||
<h2 class="uppercase">Ingredients</h2>
|
||||
<hr>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{{#zone "main"}}
|
||||
<a href="javascript:toggleMoreOperations()" class="cu-btn-inner show-operations-btn hidden" id="showOperationsBtn">
|
||||
<span class="fw-stack">
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1-5x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1-5x"></i>
|
||||
</span>
|
||||
<span class="btn-text">Operations</span>
|
||||
</a>
|
||||
|
||||
@ -8,8 +8,6 @@
|
||||
<p class="margin-bottom-double light-grey ">Connect your Raspberry Pi device
|
||||
to the WSO2 Device Cloud. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row margin-bottom-double">
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
|
||||
<img src="{{self.publicURL}}/images/raspberrypi.png" class="img-responsive">
|
||||
</div>
|
||||
@ -20,7 +18,7 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Raspberry Pi<br><br>
|
||||
<form method="POST" class="form-login-box"
|
||||
action="{{sketchPath}}">
|
||||
|
||||
@ -8,8 +8,6 @@
|
||||
<p class="margin-bottom-double light-grey ">Connect your Sensebot
|
||||
to the WSO2 device cloud. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row margin-bottom-double">
|
||||
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
|
||||
<img src="{{self.publicURL}}/images/sensebot.png" class="img-responsive">
|
||||
</div>
|
||||
@ -20,11 +18,11 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Uno<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Ethernet / WiFi Shield
|
||||
<br /><br />
|
||||
<form method="POST" class="float-left margin-right"
|
||||
|
||||
@ -1658,7 +1658,7 @@ a.wr-side-panel-toggle-btn.selected {
|
||||
.wr-input-control.checkbox input[type="checkbox"]:checked + .helper:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "\e631";
|
||||
content: "\e617";
|
||||
font-size: 7pt;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
@ -1797,7 +1797,7 @@ a.wr-side-panel-toggle-btn.selected {
|
||||
}
|
||||
|
||||
.panel-title a.collapsed .fw-arrow:before {
|
||||
content: "\e634";
|
||||
content: "\e687";
|
||||
}
|
||||
|
||||
.footer a {
|
||||
@ -2031,7 +2031,7 @@ a.show-operations-btn.selected {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.show-operations-btn.selected .fw-right-arrow-2:before {
|
||||
a.show-operations-btn.selected .fw-right-arrow:before {
|
||||
content: "\e662";
|
||||
}
|
||||
|
||||
|
||||
@ -170,6 +170,10 @@ a {
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* change colours to suit your needs */
|
||||
ins {
|
||||
background-color:#ff9;
|
||||
|
||||
@ -20,11 +20,11 @@
|
||||
<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Uno<br><br>
|
||||
<span class="fw-stack fw-lg margin-right">
|
||||
<i class="fw fw-ring fw-stack-2x"> </i>
|
||||
<i class="fw fw-right-arrow-2 fw-stack-1x"></i>
|
||||
<i class="fw fw-right-arrow fw-stack-1x"></i>
|
||||
</span>Arduino Ethernet / WiFi Shield
|
||||
<br /><br />
|
||||
<form method="POST" class="float-left margin-right"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user