Commit b9ccb5a3 authored by Thomas Löffler's avatar Thomas Löffler
Browse files

Improves facet view with smaller buttons and styles

parent c004cc9b
Pipeline #2224 passed with stages
in 1 minute and 29 seconds
...@@ -1625,11 +1625,11 @@ ...@@ -1625,11 +1625,11 @@
}, },
{ {
"name": "t3o/t3olayout", "name": "t3o/t3olayout",
"version": "1.0.8", "version": "1.0.9",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://git-t3o.typo3.org/t3o/t3olayout.git", "url": "https://git-t3o.typo3.org/t3o/t3olayout.git",
"reference": "f076f24e7cd75c9aaf70196dc533a95a6a93645c" "reference": "30ce7a4a02711578191cf57e3ca11ec946715d6a"
}, },
"require": { "require": {
"typo3-ter/ig-ldap-sso-auth": "^3.2" "typo3-ter/ig-ldap-sso-auth": "^3.2"
...@@ -1648,7 +1648,7 @@ ...@@ -1648,7 +1648,7 @@
"keywords": [ "keywords": [
"TYPO3 CMS" "TYPO3 CMS"
], ],
"time": "2017-09-04T15:13:14+00:00" "time": "2017-09-14T10:29:21+00:00"
}, },
{ {
"name": "typo3-ter/ig-ldap-sso-auth", "name": "typo3-ter/ig-ldap-sso-auth",
......
...@@ -8,12 +8,12 @@ ...@@ -8,12 +8,12 @@
<div class="card-block"> <div class="card-block">
<div class="facet-option-list facet-type-options fluidfacet" data-facet-name="{facet.name}" data-facet-label="{facet.label}"> <div class="facet-option-list facet-type-options fluidfacet" data-facet-name="{facet.name}" data-facet-label="{facet.label}">
<f:for each="{facet.options}" as="option" iteration="iteration"> <f:for each="{facet.options}" as="option" iteration="iteration">
<a class="btn btn-outline-{facet.configuration.itemClass} mb-1 facet solr-ajaxified" href="{s:uri.facet.addFacetItem(facet: facet, facetItem: option)}"> <a class="btn btn-outline-{facet.configuration.itemClass} btn-sm mb-1 facet solr-ajaxified" href="{s:uri.facet.addFacetItem(facet: facet, facetItem: option)}">
<strong> <strong>
{option.label} {option.label}
<span class="badge badge-{facet.configuration.itemClass}">{option.documentCount}</span> <span class="badge badge-{facet.configuration.itemClass}">{option.documentCount}</span>
</strong> </strong>
</a><br> </a>
</f:for> </f:for>
</div> </div>
</div> </div>
......
...@@ -6,28 +6,30 @@ ...@@ -6,28 +6,30 @@
<div id="tx-solr-faceting"> <div id="tx-solr-faceting">
<div class="card-container"> <div class="card-container">
<f:if condition="{resultSet.facets.used -> f:count()}"> <f:if condition="{resultSet.facets.used -> f:count()}">
<div id="tx-solr-facets-in-use"> <div class="card card-size-large" id="tx-solr-facets-in-use">
<h3> <div class="card-header">
<s:translate key="faceting_resultsNarrowedBy">Used facets</s:translate> <s:translate key="faceting_resultsNarrowedBy">Used facets</s:translate>
</h3> </div>
<div class="card-block">
<ul class="facets list-unstyled"> <ul class="facets list-unstyled">
<f:for each="{resultSet.facets.used}" as="facet"> <f:for each="{resultSet.facets.used}" as="facet">
<f:for each="{facet.allFacetItems.selected}" as="item"> <f:for each="{facet.allFacetItems.selected}" as="item">
<li class="mb-1"> <li class="mb-1">
<a href="{s:uri.facet.removeFacetItem(facet: facet, facetItem: item)}" class="btn btn-{facet.configuration.itemClass} facet remove-facet-option solr-ajaxified"> <a href="{s:uri.facet.removeFacetItem(facet: facet, facetItem: item)}" class="btn btn-{facet.configuration.itemClass} btn-sm facet remove-facet-option solr-ajaxified">
<strong><i class="fa fa-times"></i> {facet.configuration.prefix}{item.label}</strong> <strong><i class="fa fa-times"></i> {facet.configuration.prefix}{item.label}</strong>
</a> </a>
</li> </li>
</f:for> </f:for>
</f:for> </f:for>
<li class="facets-remove-all mt-3"> </ul>
<a href="{s:uri.facet.removeAllFacets()}" class="btn btn-primary solr-ajaxified"> </div>
<div class="">
<a href="{s:uri.facet.removeAllFacets()}" class="btn btn-primary btn-block solr-ajaxified">
<strong><i class="fa fa-times"></i> <strong><i class="fa fa-times"></i>
<s:translate key="faceting_removeAllFilters">Remove all filters</s:translate> <s:translate key="faceting_removeAllFilters">Remove all filters</s:translate>
</strong> </strong>
</a> </a>
</li> </div>
</ul>
</div> </div>
</f:if> </f:if>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment