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

<div class="dashlist">
  <div class="dashlist-section">
    <h6 class="dashlist-section-header">
      Getting Started with Grafana
    </h6>
    <div class="dashlist-flex-container">
      <div class="dashlist-panel-CTA-flex-container--left">
        <h4><em>Next up:</em></h4>
        <h5>Create your first data source</h5>
        <p class="dashlist-next-up-blurb">If Grafana dashboards are like the eyes, man, datasources are the heart. Cosmic.</p>
        <button class="btn btn-success">Add Data Source</button>
      </div>
      <div class="dashlist-panel-CTA-flex-container--right">
        <div class="dashlist-panel-CTA-items">
          <div class="dashlist-icons-container">
              <i class="icon-gf icon-gf-check dashlist-icon-success"></i>
          </div>
          <span class="dashlist-blurb dashlist-blurb-success">Install Grafana like a boss.</span>
        </div>
        <div class="dashlist-panel-CTA-items">
          <div class="dashlist-icons-container dashlist-icons-container--active">
              <i class="icon-gf icon-gf-datasources dashlist-icon-active"></i>
          </div>
          <a href="#" class="dashlist-blurb">Add your first data source.</a>
        </div>
        <div class="dashlist-panel-CTA-items">
          <div class="dashlist-icons-container">
              <i class="icon-gf icon-gf-dashboard dashlist-icon-upcoming"></i>
          </div>
          <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Create your first dashboard.</a>
        </div>
        <div class="dashlist-panel-CTA-items">
          <div class="dashlist-icons-container">
              <i class="icon-gf icon-gf-users dashlist-icon-upcoming"></i>
          </div>
          <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Invite your team.</a>
        </div>
        <div class="dashlist-panel-CTA-items">
          <div class="dashlist-icons-container">
              <i class="icon-gf icon-gf-grafana-icon dashlist-icon-upcoming"></i>
          </div>
          <a href="#" class="dashlist-blurb dashlist-blurb-upcoming">Extend on Grafana.net.</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="dashlist" ng-repeat="group in ctrl.groups">
  <div class="dashlist-section" ng-if="group.show">
    <h6 class="dashlist-section-header" ng-show="ctrl.panel.headings">
      {{group.header}}
    </h6>
    <div class="dashlist-item" ng-repeat="dash in group.list">
      <a class="dashlist-link dashlist-link-{{dash.type}}" href="dashboard/{{dash.uri}}">
        <span class="dashlist-title">
          {{dash.title}}
        </span>
        <span class="dashlist-star">
          <i class="fa" ng-class="{'fa-star': dash.isStarred, 'fa-star-o': dash.isStarred === false}"></i>
        </span>
      </a>
    </div>
  </div>
</div>