overleaf/services/web/app/views/_mixins/faq_search.pug
Jessica Lawshe dd41a50377 Merge pull request #1151 from sharelatex/jel-wiki-search-a11y
Accessible Wiki Search

GitOrigin-RevId: af9b5444fe1be1ced16f3049bfc1ac731c8bebd5
2018-11-15 17:41:27 +00:00

29 lines
1.5 KiB
Text

mixin faq_search(headerText, headerClass)
- if(typeof(settings.algolia) != "undefined" && typeof(settings.algolia.indexes) != "undefined" && typeof(settings.algolia.indexes.wiki) != "undefined")
if headerText
div(class=headerClass) #{headerText}
.wiki(ng-controller="SearchWikiController")
form.project-search.form-horizontal(role="search")
.form-group.has-feedback.has-feedback-left
.col-sm-12
input.form-control(type='text', ng-model='searchQueryText', ng-keyup='search()', placeholder="Search help library....")
i.fa.fa-search.form-control-feedback-left(aria-hidden)
i.fa.fa-times.form-control-feedback(
ng-click="clearSearchText()",
style="cursor: pointer;",
ng-show="searchQueryText.length > 0"
aria-hidden
)
button.sr-only(
ng-click="clearSearchText()",
ng-show="searchQueryText.length > 0"
) #{translate('clear_search')}
.row(role="region" aria-label="search results")
.col-md-12(ng-cloak)
span.sr-only(ng-show="searchQueryText.length > 0" aria-live="polite")
span(ng-if="hits_total > config_hits_per_page") Showing first {{hits.length}} results of {{hits_total}} for {{searchQueryText}}
span(ng-if="hits_total <= config_hits_per_page") {{hits.length}} results for {{searchQueryText}}
a(ng-href='{{hit.url}}',ng-repeat='hit in hits').search-result.card.card-thin
span(ng-bind-html='hit.name')
div.search-result-content(ng-show="hit.content != ''", ng-bind-html='hit.content')