settings.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <aside class="dashboard-settings__aside">
  2. <h2 class="dashboard-settings__aside-header">
  3. <i class="fa fa-cog"></i>
  4. Settings
  5. </h2>
  6. <a href="{{::section.url}}" class="dashboard-settings__nav-item" ng-class="{active: ctrl.viewId === section.id}" ng-repeat="section in ctrl.sections">
  7. <i class="{{::section.icon}}"></i>
  8. {{::section.title}}
  9. </a>
  10. <div class="dashboard-settings__aside-actions">
  11. <button class="btn btn-inverse" ng-click="ctrl.openSaveAsModal()" ng-show="ctrl.canSaveAs">
  12. <i class="fa fa-copy"></i>
  13. Save As...
  14. </button>
  15. <button class="btn btn-danger" ng-click="ctrl.deleteDashboard()" ng-show="ctrl.canDelete">
  16. <i class="fa fa-trash"></i>
  17. Delete
  18. </button>
  19. </div>
  20. </aside>
  21. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'settings'">
  22. <h3 class="dashboard-settings__header">
  23. General
  24. </h3>
  25. <div class="gf-form-group">
  26. <div class="gf-form">
  27. <label class="gf-form-label width-7">Name</label>
  28. <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.title'></input>
  29. </div>
  30. <div class="gf-form">
  31. <label class="gf-form-label width-7">Description</label>
  32. <input type="text" class="gf-form-input width-30" ng-model='ctrl.dashboard.description'></input>
  33. </div>
  34. <div class="gf-form">
  35. <label class="gf-form-label width-7">
  36. Tags
  37. <info-popover mode="right-normal">Press enter to add a tag</info-popover>
  38. </label>
  39. <bootstrap-tagsinput ng-model="ctrl.dashboard.tags" tagclass="label label-tag" placeholder="add tags">
  40. </bootstrap-tagsinput>
  41. </div>
  42. <folder-picker initial-title="ctrl.dashboard.meta.folderTitle"
  43. initial-folder-id="ctrl.dashboard.meta.folderId"
  44. on-change="ctrl.onFolderChange($folder)"
  45. enable-create-new="true"
  46. is-valid-selection="true"
  47. label-class="width-7">
  48. </folder-picker>
  49. <gf-form-switch class="gf-form" label="Editable" tooltip="Uncheck, then save and reload to disable all dashboard editing" checked="ctrl.dashboard.editable" label-class="width-7">
  50. </gf-form-switch>
  51. </div>
  52. <gf-time-picker-settings dashboard="ctrl.dashboard"></gf-time-picker-settings>
  53. <h5 class="section-heading">Panel Options</h5>
  54. <div class="gf-form">
  55. <label class="gf-form-label width-11">
  56. Graph Tooltip
  57. <info-popover mode="right-normal">
  58. Cycle between options using Shortcut: CTRL+O or CMD+O
  59. </info-popover>
  60. </label>
  61. <div class="gf-form-select-wrapper">
  62. <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>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'annotations'" ng-include="'public/app/features/annotations/partials/editor.html'">
  67. </div>
  68. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'templating'" ng-include="'public/app/features/templating/partials/editor.html'">
  69. </div>
  70. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'links'" >
  71. <dash-links-editor dashboard="ctrl.dashboard"></dash-links-editor>
  72. </div>
  73. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'versions'" >
  74. <gf-dashboard-history dashboard="dashboard"></gf-dashboard-history>
  75. </div>
  76. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'view_json'" >
  77. <h3 class="dashboard-settings__header">View JSON</h3>
  78. <div class="gf-form">
  79. <code-editor content="ctrl.json" data-mode="json" data-max-lines=30 ></code-editor>
  80. </div>
  81. </div>
  82. <div class="dashboard-settings__content" ng-if="ctrl.viewId === '404'">
  83. <h3 class="dashboard-settings__header">Settings view not found</h3>
  84. <div>
  85. <h5>The settings page could not be found or you do not have permission to access it</h5>
  86. </div>
  87. </div>
  88. <div class="dashboard-settings__content" ng-if="ctrl.viewId === 'make_editable'">
  89. <h3 class="dashboard-settings__header">Make Editable</h3>
  90. <button class="btn btn-success" ng-click="ctrl.makeEditable()">
  91. Make Editable
  92. </button>
  93. </div>