UNPKG

kibana-riya

Version:

Kibana is an open source (Apache Licensed), browser based analytics and search dashboard for Elasticsearch. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elastic

72 lines (66 loc) 2.56 kB
<dashboard-app class="app-container dashboard-container"> <!-- Local nav. --> <kbn-top-nav name="dashboard" config="topNavMenu"> <!-- Transcluded elements. --> <div data-transclude-slots> <!-- Title. --> <div data-transclude-slot="topLeftCorner" class="kuiLocalTitle" > <span ng-show="dash.id" ng-bind="dash.lastSavedTitle" ></span> </div> <!-- Search. --> <form data-transclude-slot="bottomRow" class="fullWidth" ng-show="chrome.getVisible()" role="form" name="queryInput" ng-submit="filterResults()" > <div class="typeahead" kbn-typeahead="dashboard"> <div class="kuiLocalSearch"> <input parse-query input-focus kbn-typeahead-input ng-model="state.query" placeholder="Filter..." aria-label="Filter input" type="text" class="kuiLocalSearchInput" ng-class="{'kuiLocalSearchInput-isInvalid': queryInput.$invalid}" > <button type="submit" aria-label="Filter Dashboards" class="kuiLocalSearchButton" ng-disabled="queryInput.$invalid" > <span class="fa fa-search" aria-hidden="true"></span> </button> </div> <kbn-typeahead-items></kbn-typeahead-items> </div> </form> </div> </kbn-top-nav> <!-- Filters. --> <filter-bar state="state"></filter-bar> <div ng-show="!state.panels.length" class="text-center start-screen"> <h2>Ready to get started?</h2> <p>Click the <a class="btn btn-xs navbtn-inverse" ng-click="kbnTopNav.open('add'); toggleAddVisualization = !toggleAddVisualization" aria-label="Add visualization">Add</a> button in the menu bar above to add a visualization to the dashboard. <br/>If you haven't setup a visualization yet visit the <a href="#/visualize" title="Visualize">"Visualize"</a> tab to create your first visualization.</p> </div> <dashboard-grid ng-if="!hasExpandedPanel()"></dashboard-grid> <dashboard-panel ng-if="hasExpandedPanel()" panel="expandedPanel" is-full-screen-mode="!chrome.getVisible()" state="state" is-expanded="true" toggle-expand="toggleExpandPanel(expandedPanel.panelIndex)" parent-ui-state="uiState"> </dashboard-app>