dashnav.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <div class="navbar">
  2. <a class="navbar-page-btn" ng-click="ctrl.showSearch()">
  3. <i class="gicon gicon-dashboard"></i>
  4. {{ctrl.dashboard.title}}
  5. <i class="fa fa-caret-down"></i>
  6. </a>
  7. <ul class="nav dash-playlist-actions" ng-if="ctrl.playlistSrv.isPlaying">
  8. <li>
  9. <a ng-click="ctrl.playlistSrv.prev()"><i class="fa fa-step-backward"></i></a>
  10. </li>
  11. <li>
  12. <a ng-click="ctrl.playlistSrv.stop()"><i class="fa fa-stop"></i></a>
  13. </li>
  14. <li>
  15. <a ng-click="ctrl.playlistSrv.next()"><i class="fa fa-step-forward"></i></a>
  16. </li>
  17. </ul>
  18. <div class="navbar__spacer"></div>
  19. <div class="navbar-buttons navbar-buttons--actions">
  20. <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()">
  21. <i class="gicon gicon-add-panel"></i>
  22. </button>
  23. <button class="btn navbar-button" ng-show="::ctrl.dashboard.meta.canStar" ng-click="ctrl.starDashboard()" bs-tooltip="'Mark as favorite'" data-placement="bottom">
  24. <i class="fa" ng-class="{'fa-star-o': !ctrl.dashboard.meta.isStarred, 'fa-star': ctrl.dashboard.meta.isStarred}"></i>
  25. </button>
  26. <button class="btn navbar-button" ng-show="::ctrl.dashboard.meta.canShare" ng-click="ctrl.shareDashboard(0)" bs-tooltip="'Share dashboard'" data-placement="bottom">
  27. <i class="fa fa-share-square-o"></i></a>
  28. </button>
  29. <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">
  30. <i class="fa fa-save"></i>
  31. </button>
  32. <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">
  33. <i class="fa fa-link"></i>
  34. </button>
  35. <div class="dropdown">
  36. <button class="btn navbar-button" data-toggle="dropdown" bs-tooltip="'Settings'" data-placement="bottom">
  37. <i class="fa fa-cog"></i>
  38. </button>
  39. <ul class="dropdown-menu dropdown-menu--navbar">
  40. <li ng-repeat="navItem in ::ctrl.navModel.menu" ng-class="{active: navItem.active}">
  41. <a class="pointer" ng-href="{{::navItem.url}}" ng-click="ctrl.navItemClicked(navItem, $event)">
  42. <i class="{{::navItem.icon}}" ng-show="::navItem.icon"></i>
  43. {{::navItem.title}}
  44. </a>
  45. </li>
  46. </ul>
  47. </div>
  48. </div>
  49. <gf-time-picker class="gf-timepicker-nav" dashboard="ctrl.dashboard" ng-if="!ctrl.dashboard.timepicker.hidden"></gf-time-picker>
  50. </div>
  51. <dashboard-search></dashboard-search>