2017-12-08 11:15:24 -06:00
< aside class = "dashboard-settings__aside" >
< h2 class = "dashboard-settings__aside-header" >
< i class = "fa fa-cog" > < / i >
Settings
< / h2 >
2017-12-02 00:05:58 -06:00
2017-12-08 11:15:24 -06:00
< a href = "{{::section.url}}" class = "dashboard-settings__nav-item" ng-class = "{active: ctrl.viewId === section.id}" ng-repeat = "section in ctrl.sections" >
2017-12-10 05:21:04 -06:00
< i class = "{{::section.icon}}" > < / i >
2017-12-08 11:15:24 -06:00
{{::section.title}}
< / a >
2017-12-12 04:49:01 -06:00
< div class = "dashboard-settings__aside-actions" >
2018-01-16 07:41:08 -06:00
< button class = "btn btn-success" ng-click = "ctrl.saveDashboard()" ng-show = "ctrl.canSave" >
< i class = "fa fa-save" > < / i > Save
< / button >
2017-12-12 04:49:01 -06:00
< button class = "btn btn-inverse" ng-click = "ctrl.openSaveAsModal()" ng-show = "ctrl.canSaveAs" >
< i class = "fa fa-copy" > < / i >
Save As...
< / button >
< button class = "btn btn-danger" ng-click = "ctrl.deleteDashboard()" ng-show = "ctrl.canDelete" >
< i class = "fa fa-trash" > < / i >
Delete
< / button >
< / div >
2017-12-08 11:15:24 -06:00
< / aside >
2017-12-01 14:04:48 -06:00
2017-12-10 05:41:11 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'settings'" >
2017-12-12 06:55:32 -06:00
< h3 class = "dashboard-settings__header" >
2017-12-12 04:49:01 -06:00
General
< / h3 >
< div class = "gf-form-group" >
< div class = "gf-form" >
< label class = "gf-form-label width-7" > Name< / label >
< input type = "text" class = "gf-form-input width-30" ng-model = 'ctrl.dashboard.title' > < / input >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-7" > Description< / label >
< input type = "text" class = "gf-form-input width-30" ng-model = 'ctrl.dashboard.description' > < / input >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-7" >
Tags
< info-popover mode = "right-normal" > Press enter to add a tag< / info-popover >
< / label >
< bootstrap-tagsinput ng-model = "ctrl.dashboard.tags" tagclass = "label label-tag" placeholder = "add tags" >
< / bootstrap-tagsinput >
< / div >
< folder-picker initial-title = "ctrl.dashboard.meta.folderTitle"
2017-12-19 06:36:02 -06:00
initial-folder-id="ctrl.dashboard.meta.folderId"
on-change="ctrl.onFolderChange($folder)"
enable-create-new="true"
is-valid-selection="true"
label-class="width-7">
2017-12-12 04:49:01 -06:00
< / folder-picker >
< 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" >
< / gf-form-switch >
< / div >
< gf-time-picker-settings dashboard = "ctrl.dashboard" > < / gf-time-picker-settings >
< h5 class = "section-heading" > Panel Options< / h5 >
< div class = "gf-form" >
< label class = "gf-form-label width-11" >
Graph Tooltip
< info-popover mode = "right-normal" >
Cycle between options using Shortcut: CTRL+O or CMD+O
< / info-popover >
< / label >
< div class = "gf-form-select-wrapper" >
< 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 >
< / div >
< / div >
2017-12-08 07:32:15 -06:00
< / div >
2017-12-01 14:04:48 -06:00
2017-12-08 11:15:24 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'annotations'" ng-include = "'public/app/features/annotations/partials/editor.html'" >
< / div >
2017-12-01 14:04:48 -06:00
2017-12-10 05:41:11 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'templating'" ng-include = "'public/app/features/templating/partials/editor.html'" >
2017-12-08 11:15:24 -06:00
< / div >
2017-12-11 06:47:04 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'links'" >
2017-12-12 04:21:32 -06:00
< dash-links-editor dashboard = "ctrl.dashboard" > < / dash-links-editor >
2017-12-11 06:47:04 -06:00
< / div >
2017-12-11 08:04:48 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'versions'" >
< gf-dashboard-history dashboard = "dashboard" > < / gf-dashboard-history >
< / div >
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'view_json'" >
2017-12-12 04:49:01 -06:00
< h3 class = "dashboard-settings__header" > View JSON< / h3 >
2017-12-11 09:28:57 -06:00
2017-12-12 04:49:01 -06:00
< div class = "gf-form" >
2017-12-26 06:52:19 -06:00
< code-editor content = "ctrl.json" data-mode = "json" data-max-lines = 30 > < / code-editor >
2017-12-12 04:49:01 -06:00
< / div >
2017-12-11 10:19:17 -06:00
< / div >
2017-12-20 06:12:23 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'permissions'" >
2018-01-27 10:26:40 -06:00
< dashboard-permissions ng-if = "ctrl.dashboard"
dashboardId="ctrl.dashboard.id"
2018-01-27 11:16:21 -06:00
backendSrv="ctrl.backendSrv"
folderTitle="ctrl.dashboard.meta.folderTitle"
2018-01-29 09:08:48 -06:00
folderSlug="ctrl.dashboard.meta.folderSlug"
folderId="ctrl.dashboard.meta.folderId"
2018-01-27 11:16:21 -06:00
/>
2017-12-20 06:12:23 -06:00
< / div >
2017-12-11 10:19:17 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === '404'" >
< h3 class = "dashboard-settings__header" > Settings view not found< / h3 >
< div >
< h5 > The settings page could not be found or you do not have permission to access it< / h5 >
2017-12-11 09:28:57 -06:00
< / div >
2017-12-11 10:19:17 -06:00
< / div >
2017-12-11 09:28:57 -06:00
2017-12-11 10:19:17 -06:00
< div class = "dashboard-settings__content" ng-if = "ctrl.viewId === 'make_editable'" >
< h3 class = "dashboard-settings__header" > Make Editable< / h3 >
< button class = "btn btn-success" ng-click = "ctrl.makeEditable()" >
Make Editable
< / button >
2017-12-11 09:28:57 -06:00
< / div >
2017-12-11 10:19:17 -06:00