58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<!-- ##################################### Example Progress Bar ######################################### -->
|
|
|
|
<div class="panel panel-default">
|
|
|
|
<div class="panel-heading">
|
|
Example Pannel Heading
|
|
</div>
|
|
|
|
|
|
<div class="panel-body">
|
|
|
|
<div class="row">
|
|
<label class="col-sm-2">
|
|
Bar Title
|
|
</label>
|
|
|
|
<div class="progress">
|
|
<div id="progressBar1" class="progress-bar progress-bar-striped active" role="progressbar"
|
|
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:100%" >
|
|
No data recieved yet. </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<label class="col-sm-2">
|
|
Up Time (s):
|
|
</label>
|
|
|
|
<div class="col-sm-1" id="UpTime">
|
|
N/A
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ##################################### END Example Progress Bar ######################################### -->
|
|
|
|
<!-- ##################################### Example Image ######################################### -->
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
Camera Image
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="row" >
|
|
<div class="col-lg-4">
|
|
<img height="350" alt="No Camera Image" id="imageStream" src="http://localhost:8080/stream?topic=/camera/image">
|
|
</img>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img height="350" alt="No Camera Image" id="imageStream" src="http://localhost:8080/stream?topic=/camera/image"></img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ##################################### END Example Image ######################################### -->
|