UNPKG

@spalger/kibana

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

90 lines (79 loc) 3.82 kB
<div dashboard-app class="app-container dashboard-container"> <navbar ng-show="!chrome.embedded"> <span class="name" ng-if="dash.id" bindonce bo-bind="dash.title" tooltip="{{dash.title}}"></span> <form name="queryInput" class="fill inline-form" ng-submit="filterResults()" role="form"> <div class="typeahead" kbn-typeahead="dashboard"> <div class="input-group" ng-class="queryInput.$invalid ? 'has-error' : ''"> <input type="text" placeholder="Filter..." aria-label="Filter input" class="form-control" ng-model="state.query" input-focus kbn-typeahead-input validate-query> <button type="submit" class="btn btn-default" ng-disabled="queryInput.$invalid" aria-label="Filter dashboards"> <span aria-hidden="true" class="fa fa-search"></span> </button> </div> <kbn-typeahead-items></kbn-typeahead-items> </div> </form> <div class="button-group" role="toolbar"> <kbn-tooltip text="New Dashboard" placement="bottom" append-to-body="1"> <button ng-click="newDashboard()" aria-label="New Dashboard"><i aria-hidden="true" class="fa fa-file-new-o"></i></button> </kbn-tooltip> <kbn-tooltip text="Save Dashboard" placement="bottom" append-to-body="1"> <button aria-label="Save Dashboard" aria-haspopup="true" aria-expanded="{{ configTemplate.is('save') }}" ng-class="{active: configTemplate.is('save')}" ng-click="configTemplate.toggle('save');"> <i aria-hidden="true" class="fa fa-save"></i> </button> </kbn-tooltip> <kbn-tooltip text="Load Saved Dashboard" placement="bottom" append-to-body="1"> <button aria-label="Load Saved Dashboard" aria-haspopup="true" aria-expanded="{{ configTemplate.is('load') }}" ng-class="{active: configTemplate.is('load')}" ng-click="configTemplate.toggle('load');"> <i aria-hidden="true" class="fa fa-folder-open-o"></i> </button> </kbn-tooltip> <kbn-tooltip text="Share" placement="bottom" append-to-body="1"> <button aria-label="Share Dashboard" aria-haspopup="true" aria-expanded="{{ configTemplate.is('share') }}" ng-class="{active: configTemplate.is('share')}" ng-click="configTemplate.toggle('share');"> <i aria-hidden="true" class="fa fa-external-link"></i> </button> </kbn-tooltip> <kbn-tooltip text="Add Visualization" placement="bottom" append-to-body="1"> <button aria-label="Add Visualization" aria-haspopup="true" aria-expanded="{{ configTemplate.is('pickVis') }}" ng-class="{active: configTemplate.is('pickVis')}" ng-click="configTemplate.toggle('pickVis');"> <i aria-hidden="true" class="fa fa-plus-circle"></i> </button> </kbn-tooltip> </div> </navbar> <config config-template="configTemplate" config-object="opts"></config> <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="configTemplate.open('pickVis'); toggleAddVisualization = !toggleAddVisualization" aria-label="Add visualization"><i aria-hidden="true" class="fa fa-plus-circle"></i></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></dashboard-grid> </div>