module.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <div ng-controller='graphite'
  2. ng-init="init()"
  3. style="min-height:{{panel.height || row.height}}"
  4. ng-class='{"panel-fullscreen": fullscreen}'>
  5. <style>
  6. .histogram-legend {
  7. display:inline-block;
  8. padding-right:5px
  9. }
  10. .histogram-legend-dot {
  11. display:inline-block;
  12. height:10px;
  13. width:10px;
  14. border-radius:5px;
  15. }
  16. .histogram-legend-item {
  17. display:inline-block;
  18. }
  19. .histogram-chart {
  20. position:relative;
  21. }
  22. .histogram-options {
  23. padding: 5px;
  24. margin-right: 15px;
  25. margin-bottom: 0px;
  26. }
  27. .histogram-options label {
  28. margin: 0px 0px 0px 10px !important;
  29. }
  30. .histogram-options span {
  31. white-space: nowrap;
  32. }
  33. /* this is actually should be in bootstrap */
  34. .form-inline .checkbox {
  35. display: inline-block;
  36. }
  37. </style>
  38. <div>
  39. <span ng-show='panel.options'>
  40. <a class="link underline small" ng-show='panel.options' ng-click="options=!options">
  41. <i ng-show="!options" class="icon-caret-right"></i><i ng-show="options" class="icon-caret-down"></i> View
  42. </a> |&nbsp
  43. </span>
  44. </div>
  45. <center><img ng-show='panel.loading && _.isUndefined(data)' src="img/load_big.gif"></center>
  46. <div histogram-chart class="pointer histogram-chart" params="{{panel}}">
  47. </div>
  48. <div ng-if="panel.legend" class="grafana-legend-container">
  49. <div ng-include="'app/panels/graphite/legend.html'"></div>
  50. </div>
  51. <div class="panel-full-edit-tabs" ng-if="inEditMode">
  52. <div ng-model="editor.index" bs-tabs>
  53. <div ng-repeat="tab in editorTabs" data-title="{{tab}}">
  54. </div>
  55. </div>
  56. <div class="tab-content" ng-show="editorTabs[editor.index] == 'General'">
  57. <div ng-include src="'app/partials/panelgeneral.html'"></div>
  58. </div>
  59. <div class="tab-content" ng-repeat="tab in panelMeta.fullEditorTabs" ng-show="editorTabs[editor.index] == tab.title">
  60. <div ng-include src="tab.src"></div>
  61. </div>
  62. </div>
  63. </div>