energylink/public/app/core/components/search/search.html

<div class="search-backdrop" ng-if="ctrl.isOpen"></div>

<div class="search-container" ng-if="ctrl.isOpen">

	<div class="search-field-wrapper">
		<div class="search-field-icon pointer" ng-click="ctrl.closeSearch()"><i class="fa fa-search"></i></div>

		<input type="text" placeholder="Find dashboards by name" give-focus="ctrl.giveSearchFocus" tabindex="1"
						ng-keydown="ctrl.keyDown($event)"
						ng-model="ctrl.query.query"
						ng-model-options="{ debounce: 500 }"
						spellcheck='false'
						ng-change="ctrl.search()"
						ng-blur="ctrl.searchInputBlur()"
						/>

		<div class="search-field-spacer"></div>
	</div>

	<div class="search-dropdown">
    <div class="search-dropdown__col_1">
        <div class="search-results-container" grafana-scrollbar>
          <h6 ng-show="!ctrl.isLoading && ctrl.results.length === 0">No dashboards matching your query were found.</h6>
          <dashboard-search-results
            results="ctrl.results"
            on-tag-selected="ctrl.filterByTag($tag)"
            on-folder-expanding="ctrl.folderExpanding()"
            on-folder-expanded="ctrl.folderExpanded($folder)" />
        </div>
    </div>

    <div class="search-dropdown__col_2">
      <!-- <div class="search&#45;filter&#45;box"> -->
      <!--   <div class="search&#45;filter&#45;box__header"> -->
      <!--     <i class="fa fa&#45;filter"></i> -->
      <!--     Filter by: -->
      <!--     <a class="pointer pull&#45;right small"> -->
      <!--       <i class="fa fa&#45;remove"></i> Clear -->
      <!--     </a> -->
      <!--   </div> -->
      <!--  -->
      <!--   <div class="gf&#45;form"> -->
      <!--     <folder&#45;picker initial&#45;title="ctrl.initialFolderFilterTitle" -->
      <!--                    on&#45;change="ctrl.onFolderChange($folder)" -->
      <!--                    label&#45;class="width&#45;4"> -->
      <!--     </folder&#45;picker> -->
      <!--   </div> -->
      <!--  -->
      <!--   <div class="gf&#45;form"> -->
      <!--     <label class="gf&#45;form&#45;label width&#45;4">Tags</label> -->
      <!--     <bootstrap&#45;tagsinput ng&#45;model="ctrl.dashboard.tags" tagclass="label label&#45;tag" placeholder="add tags"> -->
      <!--     </bootstrap&#45;tagsinput> -->
      <!--   </div> -->
      <!-- </div> -->

      <div class="search-filter-box">
        <a href="dashboard/new" class="search-filter-box-link">
          <i class="gicon gicon-dashboard-new"></i>
          New dashboard
        </a>
        <a href="dashboards/folder/new" class="search-filter-box-link">
          <i class="gicon gicon-folder-new"></i>
          New folder
        </a>
        <a class="search-filter-box-link" target="_blank" href="https://grafana.com/dashboards?utm_source=grafana_search">
          <img src="public/img/icn-dashboard-tiny.svg" width="20" /> Find  dashboards on Grafana.com
        </a>
      </div>
    </div>
  </div>
</div>