settings.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <div class="tabbed-view-header">
  2. <h2 class="tabbed-view-title">
  3. Settings
  4. </h2>
  5. <ul class="gf-tabs">
  6. <li class="gf-tabs-item" ng-repeat="tab in ::['General', 'Links', 'Time picker']">
  7. <a class="gf-tabs-link" ng-click="ctrl.editTab = $index" ng-class="{active: ctrl.editTab === $index}">
  8. {{::tab}}
  9. </a>
  10. </li>
  11. </ul>
  12. <button class="tabbed-view-close-btn" ng-click="dismiss();">
  13. <i class="fa fa-remove"></i>
  14. </button>
  15. </div>
  16. <div class="tabbed-view-body">
  17. <div ng-if="ctrl.editTab == 0">
  18. <div class="gf-form-group section">
  19. <h5 class="section-heading">Details</h5>
  20. <div class="gf-form">
  21. <label class="gf-form-label width-7">Name</label>
  22. <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.title'></input>
  23. </div>
  24. <div class="gf-form">
  25. <label class="gf-form-label width-7">Description</label>
  26. <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.description'></input>
  27. </div>
  28. <div class="gf-form">
  29. <label class="gf-form-label width-7">
  30. Tags
  31. <info-popover mode="right-normal">Press enter to add a tag</info-popover>
  32. </label>
  33. <bootstrap-tagsinput ng-model="ctrl.dashboard.tags" tagclass="label label-tag" placeholder="add tags">
  34. </bootstrap-tagsinput>
  35. </div>
  36. <folder-picker ng-if="!ctrl.dashboard.meta.isFolder"
  37. initial-title="ctrl.dashboard.meta.folderTitle"
  38. on-change="ctrl.onFolderChange($folder)"
  39. label-class="width-7">
  40. </folder-picker>
  41. </div>
  42. <div class="section">
  43. <h5 class="section-heading">Options</h5>
  44. <div class="gf-form-group">
  45. <div class="gf-form">
  46. <label class="gf-form-label width-11">Timezone</label>
  47. <div class="gf-form-select-wrapper">
  48. <select ng-model="ctrl.dashboard.timezone" class='gf-form-input' ng-options="f.value as f.text for f in [{value: '', text: 'Default'}, {value: 'browser', text: 'Local browser time'},{value: 'utc', text: 'UTC'}]" ng-change="timezoneChanged()"></select>
  49. </div>
  50. </div>
  51. <gf-form-switch class="gf-form"
  52. label="Editable"
  53. tooltip="Uncheck, then save and reload to disable all dashboard editing"
  54. checked="ctrl.dashboard.editable"
  55. label-class="width-11">
  56. </gf-form-switch>
  57. <gf-form-switch class="gf-form"
  58. label="Hide Controls"
  59. tooltip="Hide row controls. Shortcut: CTRL+H or CMD+H"
  60. checked="ctrl.dashboard.hideControls"
  61. label-class="width-11">
  62. </gf-form-switch>
  63. </div>
  64. </div>
  65. <div class="section">
  66. <h5 class="section-heading">Panel Options</h5>
  67. <div class="gf-form">
  68. <label class="gf-form-label width-11">
  69. Graph Tooltip
  70. <info-popover mode="right-normal">
  71. Cycle between options using Shortcut: CTRL+O or CMD+O
  72. </info-popover>
  73. </label>
  74. <div class="gf-form-select-wrapper">
  75. <select ng-model="ctrl.dashboard.graphTooltip" class='gf-form-input' ng-options="f.value as f.text for f in [{value: 0, text: 'Default'}, {value: 1, text: 'Shared crosshair'},{value: 2, text: 'Shared Tooltip'}]"></select>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <div ng-if="editor.index == 1">
  81. <dash-links-editor></dash-links-editor>
  82. </div>
  83. <div ng-if="editor.index == 2">
  84. <gf-time-picker-settings dashboard="ctrl.dashboard"></gf-time-picker-settings>
  85. </div>
  86. </div>