1<div class="container">
 2    <div class="row">
 3        <div class="col-sm-3">
 4            <div class="panel">
 5                <div class="panel-heading c_blueGrey300">
 6                    <h3 class="panel-title">Cells</h3>
 7                </div>
 8                <div class="panel-body" style="max-height: 500px;overflow-y: scroll;">
 9                    <table class="table table-striped table-hover ">
10                        <thead>
11                            <tr>
12                                <th>MCC</th>
13                                <th>Area</th>
14                            </tr>
15                        </thead>
16                        <tbody>
17                            <tr ng-repeat="cell in cells">
18                                <td>{{cell.mcc}}</td>
19                                <td>{{cell.area}}</td>
20                            </tr>
21                        </tbody>
22                    </table>
23                </div>
24            </div>
25        </div>
26        <div class="col-sm-9">
27            <div class="panel">
28                <div class="panel-heading c_blueGrey300">
29                    <h3 class="panel-title">Map - showing {{cells.length}} cells</h3>
30                </div>
31                <div class="panel-body">
32                    <leaflet width="100%" height="600px" markers="markers" paths="paths" center="center"
33                    tiles="tiles" id="map-simple-map"></leaflet>
34                </div>
35            </div>
36            <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>
37            <br>
38            {{status}}
39        </div>
40    </div>
41</div>