<!--
  ~ Licensed to the Apache Software Foundation (ASF) under one
  ~ or more contributor license agreements.  See the NOTICE file
  ~ distributed with this work for additional information
  ~ regarding copyright ownership.  The ASF licenses this file
  ~ to you under the Apache License, Version 2.0 (the
  ~ "License"); you may not use this file except in compliance
  ~ with the License.  You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<h4 ng-show="searchMessage">{{searchMessage}}</h4>

<ul class="list-unstyled">
    <li ng-repeat="result in filteredResults" class="search-results">
        <h4><a data-ui-sref="details({id:result['$id$'].id})">{{result.name}}</a></h4>
        <p>{{result.description}}</p>
            <span ng-repeat="(key, value) in filterSearchResults(result)" >
                <span ng-show="$index < 4"><b>{{key}}: </b>{{value}}{{$index+1 === limit ? '' : ', '}}</span>
            </span>
        <div collapse="isCollapsed">
                <span ng-repeat="(key, value) in filterSearchResults(result)" >
                <span ng-show="$index > 4"><b>{{key}}: </b>{{value}}{{$last ? '' : ', '}}</span>
            </span>
        </div>
        <a href ng-show="isCollapsed && (keyLength > 4)"  ng-click="doToggle($event,isCollapsed)">..show more</a>
        <a href ng-show="!isCollapsed"  ng-click="doToggle($event,isCollapsed)">..show less</a>

        <h5>Tags :  <a ng-repeat="(key, value) in result['$traits$']" data-ui-sref="search.results({query: key})">{{key}}</a> </h5>
        <div data-ng-if="!searchTypesAvailable" data-ng-include="'/modules/search/views/types/guid.html'"></div>
    </li>
</ul>
<div class="resultsPagination" ng-show='filteredResults.length > 0'>
    <pagination total-items="totalItems" items-per-page="itemsPerPage" ng-model="currentPage" ng-change="pageChanged()"></pagination>
    <p>
</div>
