<div class='search-panel ng-cloak' ng-show="togglePanelDisplay()" ng-style="style()">  
  <div class="search-box">
    <div class='search-icon-div'></div>
    <div class="input-prepend">
      <form class="form-search">
        <input type="text" class="search-query nowrap" ng-model="$parent.searchTerm" placeholder="{{ 'search' | translate : 'labels' }}" block-enter="$parent.searchIt($parent.searchTerm)" ng-keyup="$parent.searchIt($parent.searchTerm)" set-Width-To-Search-Search custom-ng-focus></input>
      </form>
    </div>
  </div>
  <header>
    <label bo-text="'searchwithin' | translate : 'labels'"></label>         
  </header>
  <div class="search-within">
    <div class="search-type">
      <div class="wrapp">
        <ul class="nav nav-tabs left top">
          <li class="all" ng-class="{true: 'selected'}['all'==searchType]"  ng-click="toggleSearchType('all')">All</li>
          <li class="document" ng-class="{true: 'selected'}[1==searchType]"  ng-click="toggleSearchType('1')"></li>
          <li class="video" ng-class="{true: 'selected'}[2==searchType]"  ng-click="toggleSearchType('2')"></li>
          <li class="audio" ng-class="{true: 'selected'}[3==searchType]"  ng-click="toggleSearchType('3')"></li>
          <li class="image" ng-class="{true: 'selected'}[4==searchType]"  ng-click="toggleSearchType('4')"></li>
        </ul>
      </div>     
    </div> 
  </div>
  <table class="table message" style="border: none;">
    <tbody>     
      <tr ng-show='filterdata.length != 0' style="display: none;">
        <td>
          <span bo-text="'resultsFound' | translate : 'messages'"></span><span> ({{searchCount}})</span>
        </td>
      </tr>
      <tr ng-show=" filterdata.length == 0 && isSearched">
        <td>
          <span bo-text="'noSearchesFound' | translate : 'messages'"></span>
        </td>
      </tr>          
    </tbody>
  </table>  
  <section id='search-panel-content'  vcustom-scrollbar allow-scroll><!--style written to take panel we have disable searched result-->
    <div >
      <table class="table">
        <tbody>         
          <tr class="needsclick" ng-repeat="data in filterdata track by $index" ng-show="isContainsResource(data.resources)" ng-click="openSearchPage(data.hname, data.pageno)" style="cursor:pointer; border: none;">
            <td style="padding-left:20px;"><div style="word-wrap:break-word"><p ng-bind-html="data.name"></p></div><small >{{ 'page' | translate : 'labels' }} {{data.pageno || data.foliono}}</small><div class="searchresources" ng-show="data.resources.length > 0"><span ng-repeat="resource in data.resources track by $index" ng-class="{'1':'document','2':'video','3':'audio','4':'image','5':'weblink','6':'activity'}[resource]"></span></div></td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>
</div>