github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

Make 'time picker' button in Discover no results prompt keyboard and screen-reader accessible. (#13046) (#13134)

Browse source 
* Make 'time picker' button in Discover no results prompt keyboard and screen-reader accessible.
This commit is contained in:
CJ Cenizal 2017-07-26 16:25:53 -07:00 • committed by GitHub
parent 26dff17610
commit 7890439ad5
1 changed files with 28 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/core_plugins/kibana/public/discover/partials/no_results.html
View file

@ -8,17 +8,25 @@
</p>
<div class="shard-failures" ng-show="failures">
<h3>Shard Failures</h3>
<p>The following shard failures ocurred:</p>
<h3>
Shard Failures
</h3>
<p>
The following shard failures ocurred:
</p>
<ul>
<li ng-repeat="failure in failures | limitTo: failuresShown"><strong>Index:</strong> {{failure.index}} <strong>Shard:</strong> {{failure.shard}} <strong>Reason:</strong> {{failure.reason}} </li>
</ul>
<a
ng-click="showAllFailures()"
ng-if="failures.length > failuresShown"
>
Show More
</a>
<a
ng-click="showLessFailures()"
ng-if="failures.length === failuresShown && failures.length > 5"
@ -28,19 +36,33 @@
</div>
<div ng-show="opts.timefield">
<h3>
Expand your time range
</h3>
<p>
<h3>Expand your time range</h3>
<p>I see you are looking at an index with a date field. It is possible your query does not match anything in the current time range, or that there is no data at all in the currently selected time range. Click the button below to open the time picker. For future reference you can open the time picker by clicking on the <a class="kuiButton kuiButton--primary kuiButton--small" ng-click="kbnTopNav.toggle('filter')" aria-expanded="kbnTopNav.is('filter')" aria-label="time picker" data-test-subj="discoverNoResultsTimefilter"><span aria-hidden="true" class="kuiIcon fa-clock-o"></span> time picker</a> button in the top right corner of your screen.
I see you are looking at an index with a date field. It is possible your query does not match anything in the current time range, or that there is no data at all in the currently selected time range. Click the button below to open the time picker. For future reference you can open the time picker by clicking on the
<button
class="kuiButton kuiButton--primary kuiButton--small"
ng-click="kbnTopNav.toggle('filter')"
aria-expanded="{{kbnTopNav.isCurrent('filter')}}"
data-test-subj="discoverNoResultsTimefilter"
>
<span aria-hidden="true" class="kuiIcon fa-clock-o"></span> time picker
</button>
button in the top right corner of your screen.
</p>
</div>
<div ng-if="state.query.language === 'lucene'">
<h3>Refine your query</h3>
<h3>
Refine your query
</h3>
<p>
The search bar at the top uses Elasticsearch's support for Lucene <a class="kuiLink" ng-href="{{queryDocLinks.luceneQuerySyntax}}" target="_blank">Query String syntax</a>. Let's say we're searching web server logs that have been parsed into a few fields.
</p>
<p>
<h4>Examples:</h4>
Find requests that contain the number 200, in any field:
<pre>200</pre>