mCordPortal/src/app/view/enode-details/e-node-details.tpl.html

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4">
      <ng-map zoom="12" center="[{{vm.enode.GpsCoordinate.Latitude}}, {{vm.enode.GpsCoordinate.Longitude}}]" map-type-control="false" street-view-control="false" zoom-control="false" scale-control="false">
        <marker position="[{{vm.enode.GpsCoordinate.Latitude}}, {{vm.enode.GpsCoordinate.Longitude}}]" centered="{{true}}"></marker>
      </ng-map>
    </div>
    <div class="col-sm-8">
      <xos-form ng-model="vm.enode" config="vm.config"></xos-form>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12">
      <uib-tabset>
        <uib-tab index="0" heading="Profiles">
          <div class="row">
            <div class="col-xs-3">
              <canvas class="chart chart-stacked-bar" chart-data="vm.data" chart-labels="vm.labels" chart-colours="vm.colors"></canvas>
            </div>
            <div class="col-xs-9">
              <related-profiles model="vm.enode" config="{showHeader: false, colors: vm.colors}"></related-profiles>
            </div>
          </div>
        </uib-tab>
        <uib-tab index="1" heading="Stats">
          <div class="row">
            <div class="col-xs-8">
              <related-stats model="vm.enode" type="enode"></related-stats>
            </div>
            <div class="col-xs-4">
              <table class="table">
                <tr>
                  <td>Status:</td>
                  <td>
                    <i ng-show="vm.enode.Status" class="glyphicon glyphicon-ok"></i>
                    <i ng-show="!vm.enode.Status" class="glyphicon glyphicon-remove"></i>
                  </td>
                </tr>
                <tr ng-repeat="(k, v) in vm.enodeStats">
                  <td>{{k}}:</td>
                  <td>{{v}}</td>
                </tr>
              </table>
            </div>
          </div>
        </uib-tab>
      </uib-tabset>
    </div>
  </div>
</div>