dashnav.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <div class="navbar">
  2. <div>
  3. <a class="navbar-page-btn" ng-click="ctrl.showSearch()">
  4. <i class="gicon gicon-dashboard"></i>
  5. {{ctrl.dashboard.title}}
  6. <i class="fa fa-caret-down"></i>
  7. </a>
  8. </div>
  9. <div class="navbar-buttons navbar-buttons--playlist" ng-if="ctrl.playlistSrv.isPlaying">
  10. <a class="navbar-button navbar-button--tight" ng-click="ctrl.playlistSrv.prev()"><i class="fa fa-step-backward"></i></a>
  11. <a class="navbar-button navbar-button--tight" ng-click="ctrl.playlistSrv.stop()"><i class="fa fa-stop"></i></a>
  12. <a class="navbar-button navbar-button--tight" ng-click="ctrl.playlistSrv.next()"><i class="fa fa-step-forward"></i></a>
  13. </div>
  14. <div class="navbar__spacer"></div>
  15. <div class="navbar-buttons navbar-buttons--actions">
  16. <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()">
  17. <i class="gicon gicon-add-panel"></i>
  18. </button>
  19. <button class="btn navbar-button navbar-button--star" ng-show="::ctrl.dashboard.meta.canStar" ng-click="ctrl.starDashboard()" bs-tooltip="'Mark as favorite'" data-placement="bottom">
  20. <i class="fa" ng-class="{'fa-star-o': !ctrl.dashboard.meta.isStarred, 'fa-star': ctrl.dashboard.meta.isStarred}"></i>
  21. </button>
  22. <button class="btn navbar-button navbar-button--share" ng-show="::ctrl.dashboard.meta.canShare" ng-click="ctrl.shareDashboard(0)" bs-tooltip="'Share dashboard'" data-placement="bottom">
  23. <i class="fa fa-share-square-o"></i></a>
  24. </button>
  25. <button class="btn navbar-button navbar-button--save" ng-show="ctrl.dashboard.meta.canSave" ng-click="ctrl.saveDashboard()" bs-tooltip="'Save dashboard <br> CTRL+S'" data-placement="bottom">
  26. <i class="fa fa-save"></i>
  27. </button>
  28. <a class="btn navbar-button navbar-button--snapshot-origin" ng-if="::ctrl.dashboard.snapshot.originalUrl" href="{{ctrl.dashboard.snapshot.originalUrl}}" bs-tooltip="'Open original dashboard'" data-placement="bottom">
  29. <i class="fa fa-link"></i>
  30. </a>
  31. <button class="btn navbar-button navbar-button--settings" ng-click="ctrl.toggleSettings()" bs-tooltip="'Settings'" data-placement="bottom" ng-show="ctrl.dashboard.meta.showSettings">
  32. <i class="fa fa-cog"></i>
  33. </button>
  34. </div>
  35. <gf-time-picker class="gf-timepicker-nav" dashboard="ctrl.dashboard" ng-if="!ctrl.dashboard.timepicker.hidden"></gf-time-picker>
  36. <div class="navbar-buttons navbar-buttons--close">
  37. <button class="btn navbar-button navbar-button--primary" ng-click="ctrl.close()" bs-tooltip="'Back to dashboard'" data-placement="bottom">
  38. <i class="fa fa-reply"></i>
  39. </button>
  40. </div>
  41. </div>
  42. <dashboard-search></dashboard-search>