energylink/panels/table/micropanel.html

<a class="close" ng-click="dismiss()" href="">×</a>
<h4>
  Micro Analysis of {{micropanel.field}} 
  <i class="pointer icon-search" ng-click="fieldExists(micropanel.field,'must');dismiss();"></i>
  <i class="pointer icon-ban-circle" ng-click="fieldExists(micropanel.field,'mustNot');dismiss();"></i>
  <br><small>{{micropanel.count}} events in the table set</small>
</h4>
<table style="width:100%" class='table table-striped table-condensed'>
  <thead>
    <th>{{micropanel.field}}</th>
    <th>Action</th>
    <th style="text-align:right">Count</th>
  </thead>
  <tbody>
    <tr ng-repeat='field in micropanel.values'>
      <td>{{{true: "__blank__",false:field[0]}[field[0] == ""]|tableTruncate:panel.trimFactor:3}}</td>
      <td style="width:40px">
        <i class="pointer icon-search" ng-click="build_search(micropanel.field,field[0]);dismiss();"></i>
        <i class="pointer icon-ban-circle" ng-click="build_search(micropanel.field,field[0],true);dismiss();"></i>
      </td>
      <td class="progress" style="width:100px;position:relative">
        <style scoped>
          .progress {
            overflow: visible;
          }
        </style>
        <div bs-tooltip="percent(field[1],data.length)" class="bar" ng-class="micropanelColor($index)" ng-style="{width: percent(field[1],data.length)}"></div>
        <span style="position:absolute;right:20px;">{{field[1]}}</span>
      </td>
    </tr>
  </tbody>
</table>
<div class="progress">
  <div ng-repeat='field in micropanel.values' bs-tooltip="field[0]+' ('+percent(field[1],data.length)+')'" class="bar {{micropanelColor($index)}}" ng-style="{width: percent(field[1],data.length)};"></div>
</div>
<span ng-repeat='(field,count) in micropanel.related'><a ng-click="toggle_field(field)">{{field}}</a> ({{Math.round((count / micropanel.count) * 100)}}%), </span>