dashboard.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <div body-class class="dashboard" ng-class="{'dashboard-fullscreen': dashboardViewState.fullscreen}">
  2. <div ng-include src="topNavPartial">
  3. </div>
  4. <div dash-editor-view></div>
  5. <div dash-search-view></div>
  6. <div class="clearfix"></div>
  7. <div ng-if="submenuEnabled" ng-include="'app/partials/submenu.html'">
  8. </div>
  9. <div class="clearfix"></div>
  10. <div class="main-view-container">
  11. <div class="grafana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" row-height>
  12. <div class="row-control">
  13. <div class="row-control-inner">
  14. <div class="row-close" ng-show="row.collapse" data-placement="bottom" >
  15. <div class="row-close-buttons">
  16. <span class="row-button bgPrimary" ng-click="toggle_row(row)">
  17. <i bs-tooltip="'Expand row'" data-placement="right" class="fa fa-caret-left pointer" ></i>
  18. </span>
  19. </div>
  20. <div class="row-text pointer" ng-click="toggle_row(row)" ng-bind="row.title | interpolateTemplateVars:this"></div>
  21. </div>
  22. <div class="row-open" ng-show="!row.collapse">
  23. <div class='row-tab bgSuccess dropdown' ng-show="dashboardMeta.canEdit">
  24. <span class="row-tab-button dropdown-toggle" data-toggle="dropdown">
  25. <i class="fa fa-bars"></i>
  26. </span>
  27. <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="drop1">
  28. <li>
  29. <a ng-click="toggle_row(row)">Collapse row</a>
  30. </li>
  31. <li class="dropdown-submenu">
  32. <a href="javascript:void(0);">Add Panel</a>
  33. <ul class="dropdown-menu">
  34. <li bindonce ng-repeat="(key, value) in panels">
  35. <a ng-click="add_panel_default(key)" bo-text="value.name"></a>
  36. </li>
  37. </ul>
  38. </li>
  39. <li class="dropdown-submenu">
  40. <a href="javascript:void(0);">Set height</a>
  41. <ul class="dropdown-menu">
  42. <li><a ng-click="set_height('25px')">25 px</a></li>
  43. <li><a ng-click="set_height('100px')">100 px</a></li>
  44. <li><a ng-click="set_height('150px')">150 px</a></li>
  45. <li><a ng-click="set_height('200px')">200 px</a></li>
  46. <li><a ng-click="set_height('250px')">250 px</a></li>
  47. <li><a ng-click="set_height('300px')">300 px</a></li>
  48. <li><a ng-click="set_height('350px')">350 px</a></li>
  49. <li><a ng-click="set_height('450px')">450 px</a></li>
  50. <li><a ng-click="set_height('500px')">500 px</a></li>
  51. <li><a ng-click="set_height('600px')">600 px</a></li>
  52. <li><a ng-click="set_height('700px')">700 px</a></li>
  53. </ul>
  54. </li>
  55. <li class="dropdown-submenu">
  56. <a href="javascript:void(0);">Move</a>
  57. <ul class="dropdown-menu">
  58. <li><a ng-click="move_row(-1)">Up</a></li>
  59. <li><a ng-click="move_row(1)">Down</a></li>
  60. </ul>
  61. </li>
  62. <li>
  63. <a dash-editor-link="app/partials/roweditor.html">Row editor</a>
  64. </li>
  65. <li>
  66. <a ng-click="delete_row()">Delete row</a>
  67. </li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="panels-wrapper" ng-if="!row.collapse">
  73. <div class="row-text pointer" ng-click="toggle_row(row)" ng-if="row.showTitle" ng-bind="row.title | interpolateTemplateVars:this">
  74. </div>
  75. <!-- Panels, draggable needs to be disabled in fullscreen because Firefox bug -->
  76. <div ng-repeat="(name, panel) in row.panels track by panel.id" class="panel"
  77. ui-draggable="{{!dashboardViewState.fullscreen}}" drag="panel.id"
  78. ui-on-Drop="onDrop($data, row, panel)"
  79. drag-handle-class="drag-handle" panel-width>
  80. <panel-loader type="panel.type" class="panel-margin"></panel-loader>
  81. </div>
  82. <div panel-drop-zone class="panel panel-drop-zone" ui-on-drop="onDrop($data, row)" data-drop="true">
  83. <div class="panel-container" style="background: transparent">
  84. <div style="text-align: center">
  85. <em>Drop here</em>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="clearfix"></div>
  90. </div>
  91. </div>
  92. </div>
  93. <div ng-show='dashboardMeta.canEdit' class="row-fluid add-row-panel-hint">
  94. <div class="span12" style="text-align:right;">
  95. <span style="margin-right: 10px;" ng-click="add_row_default()" class="pointer btn btn-info btn-small">
  96. <span><i class="fa fa-plus"></i> ADD ROW</span>
  97. </span>
  98. </div>
  99. </div>
  100. </div>
  101. <div ng-include="'app/partials/console.html'" ng-if="consoleEnabled">
  102. </div>
  103. </div>