contactcats/ang/crmSearchDisplayContactCat/crmSearchDisplayContactCat.html

<div class="crm-search-display crm-search-display-contact-cat">
  <!-- <div class="form-inline"> -->
  <!--   <div class="btn-group" ng-include="'~/crmSearchDisplay/SearchButton.html'" ></div> -->
  <!--   <div class="form-group pull-right" ng-include="'~/crmSearchDisplay/toolbar.html'" ng-if="$ctrl.toolbar"></div> -->
  <!-- </div> -->

  <div>
    <!-- output the current category -->
    <details class="">
      <summary>
        {{ts('Category')}}:
        <span ng-if="!$ctrl.ourData.count" >{{ts('Loading')}}</span>
        <span ng-if="$ctrl.ourData.count" style="color:{{$ctrl.ourData.rows[0].new.color}};">
          <i class="crm-i {{$ctrl.ourData.rows[0].new.icon}}" ></i>
          {{$ctrl.ourData.rows[0].new.label}}
        </span>
      </summary>
      <div class="crm-accordion-body" ng-if="$ctrl.ourData.count">
        {{ts('Category History')}}
        <!-- output category history -->
        <ol>
          <li ng-repeat="(rowIndex, row) in $ctrl.ourData.rows" class="{{:: row.cssClass }}">
            {{row.when}} → <span style="color:{{row.new.color}};">
              <i class="crm-i {{row.new.icon}}" ></i>
              {{row.new.label}}
            </span>
          </li>
        </ol>

      </div>
    </details>
  </div>
  <!-- <div ng-include="'~/crmSearchDisplay/Pager.html'"></div> -->
</div>