GeoNetwork 3.2.1 filter by categories in home page
==================================================

WEB-INF/config-summary.xml
--------------------------

 <summaryType name="details" format="DIMENSION">
      <item facet="type" translator="codelist:gmd:MD_ScopeCode"/>
      <item facet="topicCat" translator="codelist:gmd:MD_TopicCategoryCode" max="20"/>
      <item facet="category" max="99" sortBy="value"
            translator="db:org.fao.geonet.repository.MetadataCategoryRepository:findOneByName"/>

  ...

  <summaryType name="hits">
     <item facet="type" translator="codelist:gmd:MD_ScopeCode"/>
     <item facet="topicCat" translator="codelist:gmd:MD_TopicCategoryCode" max="20"/>
     <item facet="category" max="99" sortBy="value"
           translator="db:org.fao.geonet.repository.MetadataCategoryRepository:findOneByName"/>



catalog/views/default/templates/home.html
-----------------------------------------

 <div class="row" data-ng-show="searchInfo.count > 0">
    <div class="col-sm-8" data-ng-show="browse !== ''">
      <span data-translate="">browseBy</span>
      <span
        data-ng-show="(searchInfo.facet['inspireThemes'].length > 0 && searchInfo.facet['topicCats'].length > 0) ||
                      (searchInfo.facet['inspireThemes'].length > 0 && searchInfo.facet['categories'].length > 0) ||
                      (searchInfo.facet['topicCats'].length > 0 && searchInfo.facet['categories'].length > 0)">
        <label data-ng-show="searchInfo.facet['inspireThemes'].length > 0">
          <input type="radio" name="browse" value="inspire" data-ng-model="browse"/>
          <span data-translate="">inspireThemes</span>
        </label>
        <label data-ng-show="searchInfo.facet['topicCats'].length > 0">
          <input type="radio" name="browse" value="topics" data-ng-model="browse"/>
          <span data-translate="">topics</span>
        </label>
          <label data-ng-show="searchInfo.facet['categories'].length > 0">
          <input type="radio" name="browse" value="categories" data-ng-model="browse"/>
          <span data-translate="">categories</span>
        </label>
      </span>
      <label
        data-ng-show="searchInfo.facet['inspireThemes'].length > 0 && searchInfo.facet['topicCats'].length == 0 && searchInfo.facet['categories'].length == 0"><span
        data-translate="">inspireThemes</span></label>
      <label
        data-ng-show="searchInfo.facet['topicCats'].length > 0 && searchInfo.facet['inspireThemes'].length == 0 && searchInfo.facet['categories'].length == 0"><span
        data-translate="">topics</span></label>
      <label
        data-ng-show="searchInfo.facet['categories'].length > 0 && searchInfo.facet['topicCats'].length == 0 && searchInfo.facet['inspireThemes'].length == 0"><span
        data-translate="">categories</span></label>
      <div class="row">
        <span id="chips-card" data-ng-repeat="(key, facet) in searchInfo.facet['categories']"
              class="col-xs-6 col-sm-4 col-lg-3" data-ng-show="browse === 'categories'">
            <div class="badge-icon">
              <a data-ng-href="#/search?facet.q=category%2F{{facet['@name']}}">
                <span class="badge-result badge-result-topic">
                  <i class="fa fa-3x fa-table gn-icon gn-icon-{{facet['@name']}}"></i>
                </span>
              </a>
            </div>
            <div class="badge-text">
              <a title="{{facet['@label']}}"
                 data-ng-href="#/search?facet.q=category%2F{{facet['@name']}}">
                <span class="gn-icon-label">{{facet['@label']}}</span><br>
                <span class="badge">{{facet['@count']}}</span>
              </a>
            </div>
        </span>

        <span id="chips-card" data-ng-repeat="(key, facet) in searchInfo.facet['topicCats']"
  ...