2017-11-25 15:36:39 +00:00
< discover-app-w class = "app-container" >
2017-11-23 10:33:34 +00:00
<!-- Local nav. -->
2018-05-22 15:52:52 +00:00
< kbn-top-nav name = "discover" config = "topNavMenu" >
2017-11-23 10:33:34 +00:00
<!-- Transcluded elements. -->
< div data-transclude-slots >
<!-- Breadcrumbs. -->
< div data-transclude-slot = "topLeftCorner" class = "kuiLocalBreadcrumbs" >
2018-05-15 14:55:12 +00:00
< h1 tabindex = "0" id = "kui_local_breadcrumb" class = "kuiLocalBreadcrumb" ng-show = "tabView === 'discover'" >
2017-11-23 10:33:34 +00:00
< span ng-show = "opts.savedSearch.id" class = "kuiLocalBreadcrumb__emphasis" >
< span data-test-subj = "discoverCurrentQuery" ng-bind = "opts.savedSearch.lastSavedTitle" > < / span >
2017-12-14 12:28:31 +00:00
< span
id="reload_saved_search"
aria-label="Reload Saved Search"
tooltip="Reload Saved Search"
ng-click="resetQuery()"
kbn-accessible-click
class="kuiIcon fa-undo small"
>< / span >
2017-11-23 10:33:34 +00:00
< / span >
< span data-test-subj = "discoverQueryHits" class = "kuiLocalBreadcrumb__emphasis" > {{(hits || 0) | number:0}}< / span >
< ng-pluralize count = "hits" when = "{'1':'hit', 'other':'hits'}" > < / ng-pluralize >
< / h1 >
< / div >
<!-- Search. -->
2018-05-22 15:52:52 +00:00
< div data-transclude-slot = "bottomRow" class = "fullWidth" ng-show = "tabView !== 'cluster-monitoring'" >
2017-11-23 10:33:34 +00:00
< query-bar
query="state.query"
app-name="'discover'"
on-submit="updateQueryAndFetch($query)"
>
< / query-bar >
< / div >
< / div >
< / kbn-top-nav >
2018-05-22 15:52:52 +00:00
< main class = "container-fluid" ng-show = "tabView !== 'cluster-monitoring'" >
2017-11-23 10:33:34 +00:00
< div class = "row" >
2017-11-25 15:36:39 +00:00
< filter-bar-w
2017-11-23 10:33:34 +00:00
state="state"
index-patterns="[indexPattern]"
2018-05-22 15:52:52 +00:00
ng-if="['lucene', 'kql'].includes(state.query.language)"
2017-11-25 15:36:39 +00:00
>< / filter-bar-w >
2017-11-23 10:33:34 +00:00
< / div >
2017-11-25 15:36:39 +00:00
< div class = "row" ng-show = "tabView === 'discover'" >
2017-11-23 10:33:34 +00:00
< div class = "col-md-2 sidebar-container collapsible-sidebar" id = "discover-sidebar" >
< disc-field-chooser
columns="state.columns"
hits="rows"
field-counts="fieldCounts"
index-pattern="searchSource.get('index')"
index-pattern-list="opts.indexPatternList"
state="state"
on-add-field="addColumn"
on-add-filter="filterQuery"
on-remove-field="removeColumn"
>
< / disc-field-chooser >
< / div >
< div class = "discover-wrapper col-md-10" >
< div class = "discover-content" >
< discover-no-results ng-show = "resultState === 'none'" > < / discover-no-results >
<!-- loading -->
< div ng-show = "resultState === 'loading'" >
< div class = "discover-overlay" >
2018-02-06 23:32:17 +00:00
< div class = "euiTitle" >
< h2 > Searching< / h2 >
< / div >
< div class = "euiSpacer euiSpacer--m" > < / div >
2017-11-23 10:33:34 +00:00
< div ng-show = "fetchStatus" > {{fetchStatus.complete}}/{{fetchStatus.total}}< / div >
< / div >
< / div >
<!-- result -->
< div class = "results" ng-show = "resultState === 'ready'" >
< button
class="kuiButton kuiButton--basic kuiButton--iconText discover-skip-button"
ng-click="showAllRows(); scrollToBottom()"
>
< span class = "kuiButton__inner" >
< span aria-hidden = "true" class = "kuiButton__icon kuiIcon fa-chevron-down" > < / span >
< span > Skip to bottom< / span >
< / span >
< / button >
2017-12-14 12:28:31 +00:00
< section aria-label = "Histogram of found documents" class = "discover-timechart" ng-if = "opts.timefield" >
2017-11-23 10:33:34 +00:00
< header >
< center class = "small" >
< span tooltip = "To change the time, click the clock icon in the navigation bar" > {{timeRange.from | moment}} - {{timeRange.to | moment}}< / span >
—
< span class = "results-interval form-inline" >
< select
class="form-control"
ng-model="state.interval"
ng-options="interval.val as interval.display for interval in intervalOptions | filter: intervalEnabled"
ng-blur="toggleInterval()"
data-test-subj="discoverIntervalSelect"
>
< / select >
< span ng-show = "bucketInterval.scaled" >
< kbn-info
placement="right"
class="kuiIcon--info"
info="This interval creates {{ bucketInterval.scale > 1 ? 'buckets that are too large' : 'too many buckets' }} to show in the selected time range, so it has been scaled to {{ bucketInterval.description }}">
< / kbn-info >
Scaled to {{ bucketInterval.description }}
< / span >
< / span >
< / center >
< / header >
< visualization
ng-if="vis & & rows.length != 0"
vis="vis"
ui-state="uiState"
vis-data="visData"
show-spy-panel="true"
search-source="searchSource"
2018-02-06 23:32:17 +00:00
style="height: 200px"
2017-11-23 10:33:34 +00:00
>
< / visualization >
2017-12-14 12:28:31 +00:00
< / section >
2017-11-23 10:33:34 +00:00
2017-12-14 12:28:31 +00:00
< section class = "discover-table" fixed-scroll aria-label = "Documents" >
2017-11-23 10:33:34 +00:00
< doc-table
hits="rows"
index-pattern="indexPattern"
sorting="state.sort"
columns="state.columns"
infinite-scroll="true"
filter="filterQuery"
filters="state.filters"
data-shared-item
data-title="{{opts.savedSearch.lastSavedTitle}}"
data-description="{{opts.savedSearch.description}}"
minimum-visible-rows="minimumVisibleRows"
2018-02-06 23:32:17 +00:00
render-complete
2017-11-23 10:33:34 +00:00
on-add-column="addColumn"
on-change-sort-order="setSortOrder"
on-move-column="moveColumn"
on-remove-column="removeColumn"
>< / doc-table >
< a tabindex = "0" id = "discoverBottomMarker" > < / a >
< div ng-if = "rows.length == opts.sampleSize" class = "discover-table-footer" >
These are the first {{opts.sampleSize}} documents matching
your search, refine your search to see others.
< a kbn-accessible-click ng-click = "scrollToTop()" > Back to top.< / a >
< / div >
2017-12-14 12:28:31 +00:00
< / section >
2017-11-23 10:33:34 +00:00
< / div >
< / div >
< / div >
< / div >
< / main >
2017-12-12 11:38:23 +00:00
< / discover-app-w >