|
|
@ -25,7 +25,8 @@
|
|
|
|
<div class="col-lg-2 ast-desc-image">
|
|
|
|
<div class="col-lg-2 ast-desc-image">
|
|
|
|
<div class="row">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12 col-sm-4">
|
|
|
|
<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>
|
|
|
|
<div class="col-lg-12 col-sm-4 ast-desc">
|
|
|
|
<div class="col-lg-12 col-sm-4 ast-desc">
|
|
|
|
<div class="ast-device-desc"><b>Owner:</b> {{device.owner}}</div>
|
|
|
|
<div class="ast-device-desc"><b>Owner:</b> {{device.owner}}</div>
|
|
|
@ -51,8 +52,11 @@
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="tile-name">BATTERY</div>
|
|
|
|
<div class="tile-name">BATTERY</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="tile-icon"><i class="fw fw-battery"></i></div>
|
|
|
|
<div class="tile-icon"><i class="fw fw-battery"></i>
|
|
|
|
<div class="tile-stats">{{device.viewModel.BatteryLevel}}%</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="tile-stats">{{device.viewModel.BatteryLevel}}
|
|
|
|
|
|
|
|
%
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -63,7 +67,8 @@
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="tile-name">STORAGE</div>
|
|
|
|
<div class="tile-name">STORAGE</div>
|
|
|
|
<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}}
|
|
|
|
<div class="tile-stats">{{device.viewModel.DeviceCapacityPercentage}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.DeviceCapacityUsed}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.DeviceCapacityUsed}}
|
|
|
|
GB Free</span></div>
|
|
|
|
GB Free</span></div>
|
|
|
@ -76,7 +81,8 @@
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="tile-name">LOCAL STORAGE</div>
|
|
|
|
<div class="tile-name">LOCAL STORAGE</div>
|
|
|
|
<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}}
|
|
|
|
<div class="tile-stats">{{device.viewModel.internal_memory.DeviceCapacityPercentage}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.internal_memory.FreeCapacity}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.internal_memory.FreeCapacity}}
|
|
|
|
GB Free</span></div>
|
|
|
|
GB Free</span></div>
|
|
|
@ -89,7 +95,8 @@
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="wr-stats-board-tile">
|
|
|
|
<div class="tile-name">EXTERNAL STORAGE</div>
|
|
|
|
<div class="tile-name">EXTERNAL STORAGE</div>
|
|
|
|
<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}}
|
|
|
|
<div class="tile-stats">{{device.viewModel.external_memory.DeviceCapacityPercentage}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.external_memory.FreeCapacity}}
|
|
|
|
%<span class="tile-stats-free">{{device.viewModel.external_memory.FreeCapacity}}
|
|
|
|
GB Free</span></div>
|
|
|
|
GB Free</span></div>
|
|
|
@ -102,23 +109,52 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- /device summary -->
|
|
|
|
<!-- /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 -->
|
|
|
|
<!-- statistics -->
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel-heading" role="tab" id="headingFour">
|
|
|
|
<div class="panel-heading" role="tab" id="headingFour">
|
|
|
|
<h2 class="sub-title panel-title">
|
|
|
|
<h2 class="sub-title panel-title">
|
|
|
|
<a class="collapsed" data-toggle="collapse" data-parent="#accordion"
|
|
|
|
<a class="collapsed" data-toggle="collapse"
|
|
|
|
href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
|
|
|
data-parent="#accordion"
|
|
|
|
|
|
|
|
href="#collapseFour" aria-expanded="false"
|
|
|
|
|
|
|
|
aria-controls="collapseFour">
|
|
|
|
<span class="fw-stack">
|
|
|
|
<span class="fw-stack">
|
|
|
|
<i class="fw fw-ring fw-stack-2x"></i>
|
|
|
|
<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>
|
|
|
|
</span>
|
|
|
|
Device Statistics
|
|
|
|
Device Statistics
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</h2>
|
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel"
|
|
|
|
<div id="collapseFour" class="panel-collapse collapse"
|
|
|
|
|
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="headingFour">
|
|
|
|
aria-labelledby="headingFour">
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="panel-body">
|
|
|
|
<a href="../../analytics?deviceId={{deviceId}}&deviceType={{deviceType}}"><i
|
|
|
|
<a href="../../analytics?deviceId={{deviceId}}&deviceType={{deviceType}}"><i
|
|
|
@ -128,42 +164,24 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- /statistics -->
|
|
|
|
<!-- /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 -->
|
|
|
|
<!-- policies -->
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel-heading" role="tab" id="headingTwo">
|
|
|
|
<div class="panel-heading" role="tab" id="headingTwo">
|
|
|
|
<h2 class="sub-title panel-title">
|
|
|
|
<h2 class="sub-title panel-title">
|
|
|
|
<a class="collapsed" data-toggle="collapse" data-parent="#accordion"
|
|
|
|
<a class="collapsed" data-toggle="collapse"
|
|
|
|
href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
|
|
|
data-parent="#accordion"
|
|
|
|
|
|
|
|
href="#collapseTwo" aria-expanded="false"
|
|
|
|
|
|
|
|
aria-controls="collapseTwo">
|
|
|
|
<span class="fw-stack">
|
|
|
|
<span class="fw-stack">
|
|
|
|
<i class="fw fw-ring fw-stack-2x"></i>
|
|
|
|
<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>
|
|
|
|
</span>
|
|
|
|
Policies
|
|
|
|
Policies
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</h2>
|
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
|
|
|
|
<div id="collapseTwo" class="panel-collapse collapse"
|
|
|
|
|
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="headingTwo">
|
|
|
|
aria-labelledby="headingTwo">
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="panel-body">
|
|
|
|
Not available yet
|
|
|
|
Not available yet
|
|
|
|