mirror of https://github.com/grafana/grafana
Torkel Ödegaard
8 years ago
parent
8bd3d106a2
commit
289ba74ede
@ -1,95 +1,62 @@ |
||||
<div class="navbar"> |
||||
<div class="navbar-inner"> |
||||
<a class="navbar-page-btn" ng-click="ctrl.showSearch()"> |
||||
<i class="gicon gicon-dashboard"></i> |
||||
{{ctrl.dashboard.title}} |
||||
<i class="fa fa-caret-down"></i> |
||||
</a> |
||||
|
||||
<ul class="nav dash-playlist-actions" ng-if="ctrl.playlistSrv.isPlaying"> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.prev()"><i class="fa fa-step-backward"></i></a> |
||||
</li> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.stop()"><i class="fa fa-stop"></i></a> |
||||
</li> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.next()"><i class="fa fa-step-forward"></i></a> |
||||
</li> |
||||
</ul> |
||||
|
||||
<ul class="nav dashnav-action-icons"> |
||||
<li ng-show="::ctrl.dashboard.meta.canStar"> |
||||
<a class="pointer" ng-click="ctrl.starDashboard()"> |
||||
<i class="fa" ng-class="{'fa-star-o': !ctrl.dashboard.meta.isStarred, 'fa-star': ctrl.dashboard.meta.isStarred}" style="color: orange;"></i> |
||||
</a> |
||||
</li> |
||||
<li ng-show="::ctrl.dashboard.meta.canShare" class="dropdown"> |
||||
<a class="pointer" ng-click="ctrl.hideTooltip($event)" bs-tooltip="'Share dashboard'" data-placement="bottom" data-toggle="dropdown"><i class="fa fa-share-square-o"></i></a> |
||||
<ul class="dropdown-menu"> |
||||
<li> |
||||
<a class="pointer" ng-click="ctrl.shareDashboard(0)"> |
||||
<i class="fa fa-link"></i> Link to Dashboard |
||||
<div class="dropdown-desc">Share an internal link to the current dashboard. Some configuration options available.</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a class="pointer" ng-click="ctrl.shareDashboard(1)"> |
||||
<i class="icon-gf icon-gf-snapshot"></i>Snapshot |
||||
<div class="dropdown-desc">Interactive, publically accessible dashboard. Sensitive data is stripped out.</div> |
||||
</a> |
||||
</li> |
||||
<li> |
||||
<a class="pointer" ng-click="ctrl.shareDashboard(2)"> |
||||
<i class="fa fa-cloud-upload"></i>Export |
||||
<div class="dropdown-desc">Export the dashboard to a JSON file for others and to share on Grafana.com</div> |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
|
||||
<li ng-show="::ctrl.dashboard.meta.canSave"> |
||||
<a ng-click="ctrl.saveDashboard()" bs-tooltip="'Save dashboard <br> CTRL+S'" data-placement="bottom"><i class="fa fa-save"></i></a> |
||||
</li> |
||||
|
||||
<li ng-if="::ctrl.dashboard.snapshot.originalUrl"> |
||||
<a ng-href="{{ctrl.dashboard.snapshot.originalUrl}}" bs-tooltip="'Open original dashboard'" data-placement="bottom"><i class="fa fa-link"></i></a> |
||||
</li> |
||||
<li class="dropdown"> |
||||
<a class="pointer" data-toggle="dropdown"> |
||||
<i class="fa fa-cog"></i> |
||||
</a> |
||||
<ul class="dropdown-menu dropdown-menu--navbar"> |
||||
<li ng-repeat="navItem in ::ctrl.navModel.menu" ng-class="{active: navItem.active}"> |
||||
<a class="pointer" ng-href="{{::navItem.url}}" ng-click="ctrl.navItemClicked(navItem, $event)"> |
||||
<i class="{{::navItem.icon}}" ng-show="::navItem.icon"></i> |
||||
{{::navItem.title}} |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</li> |
||||
<li class="navbar-mini-btn-wrapper" ng-show="::ctrl.dashboard.meta.canSave"> |
||||
<button class="btn btn-secondary btn-mini" ng-click="ctrl.addPanel()"> |
||||
<i class="fa fa-plus-circle"></i> Add Panel |
||||
</button> |
||||
</li> |
||||
</ul> |
||||
|
||||
<div class="nav nav--grow"> |
||||
<a class="navbar-page-btn" ng-click="ctrl.showSearch()"> |
||||
<i class="gicon gicon-dashboard"></i> |
||||
{{ctrl.dashboard.title}} |
||||
<i class="fa fa-caret-down"></i> |
||||
</a> |
||||
|
||||
<ul class="nav dash-playlist-actions" ng-if="ctrl.playlistSrv.isPlaying"> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.prev()"><i class="fa fa-step-backward"></i></a> |
||||
</li> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.stop()"><i class="fa fa-stop"></i></a> |
||||
</li> |
||||
<li> |
||||
<a ng-click="ctrl.playlistSrv.next()"><i class="fa fa-step-forward"></i></a> |
||||
</li> |
||||
</ul> |
||||
|
||||
<div class="navbar-buttons"> |
||||
<button class="btn navbar-button navbar-button--add-panel" ng-show="::ctrl.dashboard.meta.canSave" bs-tooltip="'Add panel'" data-placement="bottom" ng-click="ctrl.addPanel()"> |
||||
<i class="gicon gicon-add-panel"></i> |
||||
</button> |
||||
|
||||
<button class="btn navbar-button" ng-show="::ctrl.dashboard.meta.canStar" ng-click="ctrl.starDashboard()" bs-tooltip="'Mark as favorite'" data-placement="bottom"> |
||||
<i class="fa" ng-class="{'fa-star-o': !ctrl.dashboard.meta.isStarred, 'fa-star': ctrl.dashboard.meta.isStarred}"></i> |
||||
</button> |
||||
|
||||
<button class="btn navbar-button" ng-show="::ctrl.dashboard.meta.canShare" ng-click="ctrl.shareDashboard(0)" bs-tooltip="'Share dashboard'" data-placement="bottom"> |
||||
<i class="fa fa-share-square-o"></i></a> |
||||
</button> |
||||
|
||||
<button class="btn navbar-button" ng-show="::ctrl.dashboard.meta.canSave" ng-click="ctrl.saveDashboard()" bs-tooltip="'Save dashboard <br> CTRL+S'" data-placement="bottom"> |
||||
<i class="fa fa-save"></i> |
||||
</button> |
||||
|
||||
<button class="btn navbar-button" ng-if="::ctrl.dashboard.snapshot.originalUrl" ng-href="{{ctrl.dashboard.snapshot.originalUrl}}" bs-tooltip="'Open original dashboard'" data-placement="bottom"> |
||||
<i class="fa fa-link"></i> |
||||
</button> |
||||
|
||||
<div class="dropdown"> |
||||
<button class="btn navbar-button" data-toggle="dropdown"> |
||||
<i class="fa fa-cog"></i> |
||||
</button> |
||||
|
||||
<ul class="dropdown-menu dropdown-menu--navbar"> |
||||
<li ng-repeat="navItem in ::ctrl.navModel.menu" ng-class="{active: navItem.active}"> |
||||
<a class="pointer" ng-href="{{::navItem.url}}" ng-click="ctrl.navItemClicked(navItem, $event)"> |
||||
<i class="{{::navItem.icon}}" ng-show="::navItem.icon"></i> |
||||
{{::navItem.title}} |
||||
</a> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<ul class="nav pull-right"> |
||||
<li ng-show="ctrl.dashboard.meta.fullscreen" class="dashnav-back-to-dashboard"> |
||||
<a ng-click="ctrl.exitFullscreen()"> |
||||
Back to dashboard |
||||
</a> |
||||
</li> |
||||
<li ng-if="!ctrl.dashboard.timepicker.hidden"> |
||||
<gf-time-picker dashboard="ctrl.dashboard"></gf-time-picker> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<gf-time-picker class="gf-timepicker-nav" dashboard="ctrl.dashboard" ng-if="!ctrl.dashboard.timepicker.hidden"></gf-time-picker> |
||||
|
||||
</div> |
||||
|
||||
<dashboard-search></dashboard-search> |
||||
|
||||
@ -1,38 +1,26 @@ |
||||
<ul class="nav gf-timepicker-nav"> |
||||
<div class="navbar-buttons"> |
||||
<button class="btn navbar-button navbar-button--tight gf-timepicker-time-control" bs-tooltip="'Shift time backward <br> (left arrow key)'" data-placement="bottom" ng-click='ctrl.move(-1)'> |
||||
<i class="fa fa-chevron-left"></i> |
||||
</button> |
||||
|
||||
<li class="dashnav-move-timeframe gf-timepicker-time-control" bs-tooltip="'Shift time backward <br> (left arrow key)'" data-placement="bottom"> |
||||
<a ng-click='ctrl.move(-1)'> |
||||
<i class="fa fa-chevron-left"></i> |
||||
</a> |
||||
</li> |
||||
<li class="dashnav-zoom-out gf-timepicker-time-control" bs-tooltip="'Time range zoom out <br> CTRL+Z'" data-placement="bottom"> |
||||
<a ng-click='ctrl.zoom(2)'>Zoom Out</a> |
||||
</li> |
||||
</li> |
||||
<li class="dashnav-move-timeframe gf-timepicker-time-control" bs-tooltip="'Shift time forward <br> (right arrow key)'" data-placement="bottom"> |
||||
<a ng-click='ctrl.move(1)'> |
||||
<i class="fa fa-chevron-right"></i> |
||||
</a> |
||||
</li> |
||||
<button class="btn navbar-button dashnav-zoom-out gf-timepicker-time-control" bs-tooltip="'Time range zoom out <br> CTRL+Z'" data-placement="bottom" ng-click='ctrl.zoom(2)'> |
||||
<i class="fa fa-search-minus"></i> |
||||
</button> |
||||
|
||||
<li> |
||||
<a bs-tooltip="ctrl.tooltip" data-placement="bottom" ng-click="ctrl.openDropdown()" class="gf-timepicker-nav-btn"> |
||||
<i class="fa fa-clock-o"></i> |
||||
<span ng-bind="ctrl.rangeString"></span> |
||||
<span ng-show="ctrl.isUtc" class="gf-timepicker-utc"> |
||||
UTC |
||||
</span> |
||||
<button class="btn navbar-button navbar-button--tight gf-timepicker-time-control" bs-tooltip="'Shift time forward <br> (right arrow key)'" data-placement="bottom" ng-click='ctrl.move(1)'> |
||||
<i class="fa fa-chevron-right"></i> |
||||
</button> |
||||
</div> |
||||
|
||||
<span ng-show="ctrl.dashboard.refresh" class="text-warning"> |
||||
Refresh every {{ctrl.dashboard.refresh}} |
||||
</span> |
||||
</a> |
||||
</li> |
||||
<div class="navbar-buttons"> |
||||
<button bs-tooltip="ctrl.tooltip" data-placement="bottom" ng-click="ctrl.openDropdown()" class="btn navbar-button gf-timepicker-nav-btn"> |
||||
<i class="fa fa-clock-o"></i> |
||||
<span ng-bind="ctrl.rangeString"></span> |
||||
<span ng-show="ctrl.isUtc" class="gf-timepicker-utc">UTC</span> |
||||
<span ng-show="ctrl.dashboard.refresh" class="text-warning"> Refresh every {{ctrl.dashboard.refresh}}</span> |
||||
</button> |
||||
|
||||
<li class="dashnav-refresh-action"> |
||||
<a ng-click="ctrl.timeSrv.refreshDashboard()"> |
||||
<i class="fa fa-refresh"></i> |
||||
</a> |
||||
</li> |
||||
|
||||
</ul> |
||||
<button class="btn navbar-button dashnav-refresh-action" ng-click="ctrl.timeSrv.refreshDashboard()"> |
||||
<i class="fa fa-refresh"></i> |
||||
</button> |
||||
</div> |
||||
|
||||
Loading…
Reference in new issue