energylink/partials/dashboard.html

<div class="row-fluid container" style="margin-top:50px">
  <!-- Rows -->
  <div class="row-fluid" ng-repeat="(row_name, row) in dashboards.rows">
    <div class="span12">
      <div class="row-fluid" style="padding:0px;margin:0px;height:0px">
        <div class="span12" style="min-height:5px;vertical-align:bottom">
          <i class="pointer" ng-class="{'icon-minus': !row.collapse,'icon-plus': row.collapse}" ng-click="toggle_row(row)"></i>
          <span ng-click="toggle_row(row)" class="pointer"><small>{{row.title}}</small></span>
        </div>
      </div>
      <div class="row-fluid" style="padding-top:10px" ng-hide="row.collapse">
        <!-- Panels -->
        <div ng-repeat="(name, panel) in row.panels" ng-hide="panel.span == 0" class="span{{panel.span}} panel" style="min-height:{{row.height}}; position:relative">
          <!-- Error Panel -->
          <div class="row-fluid">
            <div class="span12 alert alert-error panel-error" ng-hide="!panel.error">
              <a class="close" ng-click="panel.error=false">&times;</a>
              <i class="icon-exclamation-sign"></i> <strong>Oops!</strong> {{panel.error}}
            </div>
          </div>
          <!-- Content Panel -->
          <div class="row-fluid">
            <div class="span12" style="margin-top:0px" ng-include="'panels/'+panel.type+'/module.html'"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>