energylink/public/app/features/dashboard/partials/dashboardList.html

<div class="scroll-canvas">
  <div gemini-scrollbar>
    <navbar model="ctrl.navModel"></navbar>
    <div class="page-container" style="height: 95%">
      <div class="page-header">
        <h1>Dashboards</h1>

        <a class="btn btn-success" href="/dashboard/new">
          <i class="fa fa-plus"></i>
          Create Dashboard
        </a>
        <a class="btn btn-success" href="/dashboard/new/?editview=new-folder">
          <i class="fa fa-plus"></i>
          Create Folder
        </a>
      </div>
      <div class="gf-form-group">
        <div class="gf-form width-15">
          <span style="position: relative;">
            <input type="text" class="gf-form-input" placeholder="Find Dashboard by name" tabindex="1" give-focus="true"
              ng-model="ctrl.query.query" ng-model-options="{ debounce: 500 }" spellcheck='false' ng-change="ctrl.getDashboards()" />
          </span>
        </div>
      </div>

      <div class="gf-form" ng-if="ctrl.query.tag.length">
        Filters:
        <span ng-repeat="tagName in ctrl.query.tag">
          <a ng-click="ctrl.removeTag(tagName, $event)" tag-color-from-name="tagName" class="label label-tag">
            <i class="fa fa-remove"></i>
            {{tagName}}
          </a>
        </span>
      </div>

      <div class="gf-form-group">
        <div class="gf-form-button-row">
          <button	type="button"
              class="btn gf-form-button btn-secondary"
              ng-disabled="!ctrl.canMove"
              ng-click="ctrl.moveTo()"
              bs-tooltip="ctrl.canMove ? '' : 'Select a dashboard to move (cannot move folders)'" data-placement="bottom">
            <i class="fa fa-exchange"></i>&nbsp;&nbsp;Move to...
          </button>
          <button  type="button"
              class="btn gf-form-button btn-inverse"
              ng-click="ctrl.delete()"
              ng-disabled="!ctrl.canDelete">
              <i class="fa fa-trash"></i>&nbsp;&nbsp;Delete
          </button>
        </div>
      </div>

        <div class="admin-list-table" style="height: 80%">
          <div gemini-scrollbar>
            <div ng-show="ctrl.sections.length > 0">
              <!-- <div>
                <select class="gf-form-input" ng-model="ctrl.query.tags" ng-options="t.term for t in ctrl.tags" />
              </div> -->
              <div ng-repeat="section in ctrl.sections" class="search-section">

                <div class="search-section__header pointer" ng-show="::section.title">
                  <gf-form-switch
                    switch-class="gf-form-switch--table-cell"
                    on-change="ctrl.selectionChanged()"
                    checked="section.checked">
                  </gf-form-switch>
                  <a ng-click="ctrl.toggleFolder(section)">
                    <i class="search-section__header__icon" ng-class="section.icon"></i>
                    <span class="search-section__header__text">{{::section.title}}</span>
                    <i class="fa fa-minus search-section__header__toggle" ng-show="section.expanded"></i>
                    <i class="fa fa-plus search-section__header__toggle" ng-hide="section.expanded"></i>
                  </a>
                </div>

                <div ng-if="section.expanded">
                  <div ng-repeat="item in section.items" class="search-item" ng-class="{'selected': item.selected}">
                    <gf-form-switch
                      switch-class="gf-form-switch--table-cell"
                      on-change="ctrl.selectionChanged()"
                      checked="item.checked" />
                    <a ng-href="{{::item.url}}">
                      <span class="search-item__icon">
                        <i class="fa fa-th-large"></i>
                      </span>
                      <span class="search-item__title">
                        {{::item.title}}
                      </span>
                      <span class="search-item__tags">
                        <span ng-click="ctrl.filterByTag(tag, $event)" ng-repeat="tag in item.tags" tag-color-from-name="tag"  class="label label-tag">
                          {{tag}}
                        </span>
                      </span>
                      <span class="search-item__actions">
                        <i class="fa" ng-class="{'fa-star': item.isStarred, 'fa-star-o': !item.isStarred}"></i>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
            </div>

              <!-- <div bindonce class="search-section" ng-repeat="dashboard in ctrl.dashboards">
                  <gf-form-switch
                      switch-class="gf-form-switch--table-cell"
                      on-change="ctrl.selectionChanged()"
                      checked="dashboard.checked">
                  </gf-form-switch>
                  <a class="search-item pointer "
                    bo-href-i="{{dashboard.url}}">
                    <span class="search-item__icon">
                      <i class="fa fa-th-large"></i>
                    </span>
                    <span class="search-result-tags">
                      <span ng-click="ctrl.filterByTag(tag, $event)" bindonce ng-repeat="tag in dashboard.tags" tag-color-from-name="tag"  class="label label-tag">
                        {{tag}}
                      </span>
                      <i class="fa" bo-class="{'fa-star': dashboard.isStarred, 'fa-star-o': !dashboard.isStarred}"></i>
                    </span>
                    <span class="search-result-link">
                      <i class="fa search-result-icon"></i>
                      <span bo-text="dashboard.title" />
                    </span>
                  </a>
              </div> -->
            </div>
          </div>
        </div>

      <em class="muted" ng-hide="ctrl.sections.length > 0">
        No Dashboards or Folders found.
      </em>
    </div>

  </div>
</div>