energylink/public/app/plugins/panel/alertlist/module.html

<div class="panel-alert-list" style="{{ctrl.contentHeight}}">
  <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'current'">
    <ol class="card-list">
      <div class="alert-list-no-alerts" ng-style="{'height': + ctrl.panelHeight + 'px'}" ng-show="!ctrl.currentAlerts.length">
        <p class="alert-list-title">
          No alerts in selected interval
        </p>
      </div>
      <li class="card-item-wrapper" ng-repeat="alert in ctrl.currentAlerts">
        <div class="alert-list card-item card-item--alert">
          <div class="alert-list-body">
            <div class="alert-list-icon alert-list-item-state {{alert.stateModel.stateClass}}">
              <i class="{{alert.stateModel.iconClass}}"></i>
            </div>
            <div class="alert-list-main">
              <p class="alert-list-title">
                <a href="dashboard/{{alert.dashboardUri}}?panelId={{alert.panelId}}&fullscreen&edit&tab=alert">
                  {{alert.name}}
                </a>
              </p>
              <p class="alert-list-text">
                <span class="alert-list-state {{alert.stateModel.stateClass}}">{{alert.stateModel.text}}</span>
                for {{alert.newStateDateAgo}}
              </p>
            </div>
          </div>
        </div>
      </li>
    </ol>
  </section>

  <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'changes'">
    <ol class="card-list">
      <li class="card-item-wrapper" ng-repeat="al in ctrl.alertHistory">
        <div class="alert-list card-item card-item--alert">
          <div class="alert-list-body">
            <div class="alert-list-icon alert-list-item-state {{al.stateModel.stateClass}}">
              <i class="{{al.stateModel.iconClass}}"></i>
            </div>
            <div class="alert-list-main">
              <p class="alert-list-title">{{al.alertName}}</p>
              <div class="alert-list-text">
                <span class="alert-list-state {{al.stateModel.stateClass}}">{{al.stateModel.text}}</span>
                <span class="alert-list-info alert-list-info-left">{{al.info}}</span>
              </div>
            </div>
          </div>
          <div class="alert-list-footer">
            <span class="alert-list-text">{{al.time}}</span>
            <span class="alert-list-text">
              <!--Img Link-->
            </span>
          </div>
        </div>
      </li>
    </ol>
  </section>
</div>