You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.6 KiB
41 lines
1.6 KiB
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="panel">
|
|
<div class="panel-heading c_blueGrey300">
|
|
<h3 class="panel-title">Cells</h3>
|
|
</div>
|
|
<div class="panel-body" style="max-height: 500px;overflow-y: scroll;">
|
|
<table class="table table-striped table-hover ">
|
|
<thead>
|
|
<tr>
|
|
<th>MCC</th>
|
|
<th>Area</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="cell in cells">
|
|
<td>{{cell.mcc}}</td>
|
|
<td>{{cell.area}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-9">
|
|
<div class="panel">
|
|
<div class="panel-heading c_blueGrey300">
|
|
<h3 class="panel-title">Map - showing {{cells.length}} cells</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<leaflet width="100%" height="600px" markers="markers" paths="paths" center="center"
|
|
tiles="tiles" id="map-simple-map"></leaflet>
|
|
</div>
|
|
</div>
|
|
<p><b>Current zoom level: {{center.zoom}}.</b> Due large amount of data, need zoom level equal or greater than 17 to get the cells data.</p>
|
|
<br>
|
|
{{status}}
|
|
</div>
|
|
</div>
|
|
</div>
|