dashnav.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <div class="navbar">
  2. <div class="navbar-inner">
  3. <a class="navbar-page-icon" ng-click="ctrl.starDashboard()" bs-tooltip="'Mark as favorite'" data-placement="bottom">
  4. <i class="fa" ng-class="{'fa-star-o': !ctrl.dashboard.meta.isStarred, 'fa-star': ctrl.dashboard.meta.isStarred}"></i>
  5. <!-- <i class="gicon gicon&#45;dashboard&#45;starred"></i> -->
  6. </a>
  7. <a class="navbar-page-btn" ng-click="ctrl.showSearch()">
  8. {{ctrl.dashboard.title}}
  9. <i class="fa fa-caret-down"></i>
  10. </a>
  11. <ul class="nav dash-playlist-actions" ng-if="ctrl.playlistSrv.isPlaying">
  12. <li>
  13. <a ng-click="ctrl.playlistSrv.prev()"><i class="fa fa-step-backward"></i></a>
  14. </li>
  15. <li>
  16. <a ng-click="ctrl.playlistSrv.stop()"><i class="fa fa-stop"></i></a>
  17. </li>
  18. <li>
  19. <a ng-click="ctrl.playlistSrv.next()"><i class="fa fa-step-forward"></i></a>
  20. </li>
  21. </ul>
  22. <ul class="nav dashnav-action-icons">
  23. <!-- <li ng&#45;show="::ctrl.dashboard.meta.canShare" class="dropdown"> -->
  24. <!-- <a class="pointer" ng&#45;click="ctrl.hideTooltip($event)" bs&#45;tooltip="'Share dashboard'" data&#45;placement="bottom" data&#45;toggle="dropdown"><i class="fa fa&#45;share&#45;square&#45;o"></i></a> -->
  25. <!-- <ul class="dropdown&#45;menu"> -->
  26. <!-- <li> -->
  27. <!-- <a class="pointer" ng&#45;click="ctrl.shareDashboard(0)"> -->
  28. <!-- <i class="fa fa&#45;link"></i> Link to Dashboard -->
  29. <!-- <div class="dropdown&#45;desc">Share an internal link to the current dashboard. Some configuration options available.</div> -->
  30. <!-- </a> -->
  31. <!-- </li> -->
  32. <!-- <li> -->
  33. <!-- <a class="pointer" ng&#45;click="ctrl.shareDashboard(1)"> -->
  34. <!-- <i class="icon&#45;gf icon&#45;gf&#45;snapshot"></i>Snapshot -->
  35. <!-- <div class="dropdown&#45;desc">Interactive, publically accessible dashboard. Sensitive data is stripped out.</div> -->
  36. <!-- </a> -->
  37. <!-- </li> -->
  38. <!-- <li> -->
  39. <!-- <a class="pointer" ng&#45;click="ctrl.shareDashboard(2)"> -->
  40. <!-- <i class="fa fa&#45;cloud&#45;upload"></i>Export -->
  41. <!-- <div class="dropdown&#45;desc">Export the dashboard to a JSON file for others and to share on Grafana.com</div> -->
  42. <!-- </a> -->
  43. <!-- </li> -->
  44. <!-- </ul> -->
  45. <!-- </li> -->
  46. <!-- <li ng&#45;show="::ctrl.dashboard.meta.canSave"> -->
  47. <!-- <a ng&#45;click="ctrl.saveDashboard()" bs&#45;tooltip="'Save dashboard <br> CTRL+S'" data&#45;placement="bottom"><i class="fa fa&#45;save"></i></a> -->
  48. <!-- </li> -->
  49. <li ng-if="::ctrl.dashboard.snapshot.originalUrl">
  50. <a ng-href="{{ctrl.dashboard.snapshot.originalUrl}}" bs-tooltip="'Open original dashboard'" data-placement="bottom"><i class="fa fa-link"></i></a>
  51. </li>
  52. <li class="dropdown">
  53. <a class="pointer" data-toggle="dropdown">
  54. <i class="fa fa-cog"></i>
  55. </a>
  56. <ul class="dropdown-menu dropdown-menu--navbar">
  57. <li ng-repeat="navItem in ::ctrl.navModel.menu" ng-class="{active: navItem.active}">
  58. <a class="pointer" ng-href="{{::navItem.url}}" ng-click="ctrl.navItemClicked(navItem, $event)">
  59. <i class="{{::navItem.icon}}" ng-show="::navItem.icon"></i>
  60. {{::navItem.title}}
  61. </a>
  62. </li>
  63. </ul>
  64. </li>
  65. <li class="navbar-mini-btn-wrapper" ng-show="::ctrl.dashboard.meta.canSave">
  66. <button class="btn btn-secondary btn-mini" ng-click="ctrl.addPanel()">
  67. <i class="fa fa-plus-circle"></i> Add Panel
  68. </button>
  69. </li>
  70. </ul>
  71. <div class="nav nav--grow">
  72. </div>
  73. <ul class="nav pull-right">
  74. <li ng-show="ctrl.dashboard.meta.fullscreen" class="dashnav-back-to-dashboard">
  75. <a ng-click="ctrl.exitFullscreen()">
  76. Back to dashboard
  77. </a>
  78. </li>
  79. <li>
  80. <gf-time-picker dashboard="ctrl.dashboard"></gf-time-picker>
  81. </li>
  82. </ul>
  83. </div>
  84. </div>
  85. <dashboard-search></dashboard-search>