<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</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>
|
|
</div>
|
|
</div>
|
|
</div>
|