2016-02-23 13:20:59 +01:00
< div class = "tabbed-view-header" >
< h2 class = "tabbed-view-title" >
2015-02-01 15:45:11 +01:00
Settings
2016-02-23 13:20:59 +01:00
< / h2 >
2013-07-23 10:10:00 -07:00
2016-02-23 13:20:59 +01:00
< ul class = "gf-tabs" >
< li class = "gf-tabs-item" ng-repeat = "tab in ::['General', 'Rows', 'Links', 'Time picker', 'Metadata']" >
< a class = "gf-tabs-link" ng-click = "editor.index = $index" ng-class = "{active: editor.index === $index}" >
{{::tab}}
< / a >
< / li >
< / ul >
2013-07-23 10:10:00 -07:00
2016-02-23 13:20:59 +01:00
< button class = "tabbed-view-close-btn" ng-click = "dismiss();" >
2015-01-30 12:57:14 +01:00
< i class = "fa fa-remove" > < / i >
< / button >
2014-08-25 22:39:40 +02:00
< / div >
2013-09-06 13:20:12 -07:00
2016-02-23 14:05:12 +01:00
< div class = "tabbed-view-body" >
2015-04-23 15:26:39 +02:00
< div ng-if = "editor.index == 0" >
2016-02-23 14:05:12 +01:00
2016-03-29 11:01:00 +02:00
< div class = "gf-form-group section" >
< h5 class = "section-heading" > Details< / h5 >
2016-02-23 14:05:12 +01:00
< div class = "gf-form" >
2016-05-27 16:11:05 +02:00
< label class = "gf-form-label width-7" > Name< / label >
2016-05-18 11:11:53 +02:00
< input type = "text" class = "gf-form-input width-30" ng-model = 'dashboard.title' > < / input >
2016-02-23 14:05:12 +01:00
< / div >
2016-05-18 11:11:53 +02:00
< div class = "gf-form" >
< label class = "gf-form-label width-7" > Description< / label >
< input type = "text" class = "gf-form-input width-30" ng-model = 'dashboard.description' > < / input >
< / div >
< div class = "gf-form" >
2016-04-15 19:56:39 -04:00
< label class = "gf-form-label width-7" >
Tags
2016-05-31 17:29:31 +00:00
< info-popover mode = "right-normal" > Press enter to add a tag< / info-popover >
2016-04-15 19:56:39 -04:00
< / label >
2016-02-23 14:05:12 +01:00
< bootstrap-tagsinput ng-model = "dashboard.tags" tagclass = "label label-tag" placeholder = "add tags" >
< / bootstrap-tagsinput >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-7" > Timezone< / label >
< div class = "gf-form-select-wrapper" >
2016-04-03 06:05:43 -07:00
< select ng-model = "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 >
2014-08-25 22:39:40 +02:00
< / div >
< / div >
2015-05-05 13:26:42 +02:00
< / div >
2014-08-25 22:39:40 +02:00
2016-03-29 11:01:00 +02:00
< div class = "section" >
< h5 class = "section-heading" > Toggles< / h5 >
< div class = "gf-form-group" >
< gf-form-switch class = "gf-form"
label="Editable"
tooltip="Uncheck, then save and reload to disable all dashboard editing"
checked="dashboard.editable"
2016-04-15 19:56:39 -04:00
label-class="width-11">
2016-03-29 11:01:00 +02:00
< / gf-form-switch >
< gf-form-switch class = "gf-form"
label="Shared Crosshair"
tooltip="Shared Crosshair line on all graphs. Shortcut: CTRL+O"
checked="dashboard.sharedCrosshair"
2016-04-15 19:56:39 -04:00
label-class="width-11">
2016-03-29 11:01:00 +02:00
< / gf-form-switch >
< / div >
< / div >
2015-05-05 13:26:42 +02:00
2016-03-30 14:10:32 -07:00
< / div >
2016-02-24 15:55:50 +01:00
2016-03-30 14:10:32 -07:00
< div ng-if = "editor.index == 1" >
< h5 class = "section-heading" > Rows settings< / h5 >
2016-02-24 15:55:50 +01:00
2016-03-30 14:10:32 -07:00
< div class = "gf-form-group" >
< div class = "gf-form-inline" ng-repeat = "row in dashboard.rows" >
< div class = "gf-form" >
< span class = "gf-form-label" > Title< / span >
< input type = "text" class = "gf-form-input max-width-14" ng-model = 'row.title' > < / input >
< / div >
< gf-form-switch class = "gf-form" label = "Show title" checked = "row.showTitle" switch-class = "max-width-6" > < / gf-form-switch >
2013-10-08 18:38:08 +02:00
2016-03-30 14:10:32 -07:00
< div class = "gf-form" >
< button class = "btn btn-inverse gf-form-btn" ng-click = "_.move(dashboard.rows,$index,$index-1)" >
< i ng-class = "{'invisible': $first}" class = "fa fa-arrow-up" > < / i >
< / button >
< button class = "btn btn-inverse gf-from-btn" ng-click = "_.move(dashboard.rows,$index,$index+1)" >
< i ng-class = "{'invisible': $last}" class = "fa fa-arrow-down" > < / i >
< / button >
2016-05-05 00:57:21 -07:00
< button class = "btn btn-inverse gf-form-btn" ng-click = "dashboard.rows = _.without(dashboard.rows,row)" >
2016-03-30 14:10:32 -07:00
< i class = "fa fa-trash" > < / i >
< / button >
< / div >
< / div >
< / div >
< / div >
2014-08-25 22:39:40 +02:00
2016-03-30 14:10:32 -07:00
< div ng-if = "editor.index == 2" >
< dash-links-editor > < / dash-links-editor >
< / div >
2014-08-25 22:39:40 +02:00
2016-03-30 14:10:32 -07:00
< div ng-if = "editor.index == 3" >
< gf-time-picker-settings dashboard = "dashboard" > < / gf-time-picker-settings >
< / div >
< div ng-if = "editor.index == 4" >
< h5 class = "section-heading" > Dashboard info< / h5 >
< div class = "gf-form-group" >
< div class = "gf-form" >
< span class = "gf-form-label width-10" > Last updated at:< / span >
2016-04-14 17:31:34 -04:00
< span class = "gf-form-label width-18" > {{dashboard.formatDate(dashboardMeta.updated)}}< / span >
2016-03-30 14:10:32 -07:00
< / div >
< div class = "gf-form" >
< span class = "gf-form-label width-10" > Last updated by:< / span >
< span class = "gf-form-label width-18" > {{dashboardMeta.updatedBy}} < / span >
< / div >
< div class = "gf-form" >
< span class = "gf-form-label width-10" > Created at:< / span >
2016-04-14 17:31:34 -04:00
< span class = "gf-form-label width-18" > {{dashboard.formatDate(dashboardMeta.created)}} < / span >
2016-03-30 14:10:32 -07:00
< / div >
< div class = "gf-form" >
< span class = "gf-form-label width-10" > Created by:< / span >
< span class = "gf-form-label width-18" > {{dashboardMeta.createdBy}} < / span >
< / div >
< div class = "gf-form" >
< span class = "gf-form-label width-10" > Current version:< / span >
< span class = "gf-form-label width-18" > {{dashboardMeta.version}} < / span >
< / div >
< / div >
< / div >
2015-04-23 15:26:39 +02:00
< / div >