Files
grafana/public/app/features/dashboard/partials/settings.html

172 lines
5.2 KiB
HTML
Raw Normal View History

<div class="gf-box-header">
2015-02-01 15:45:11 +01:00
<div class="gf-box-title">
<i class="fa fa-cogs"></i>
Settings
</div>
2013-07-23 10:10:00 -07:00
<div ng-model="editor.index" bs-tabs style="text-transform:capitalize;">
2015-12-18 00:20:23 -08:00
<div ng-repeat="tab in ['General', 'Rows', 'Links', 'Time picker', 'Metadata']" data-title="{{tab}}">
</div>
</div>
2013-07-23 10:10:00 -07:00
<button class="gf-box-header-close-btn" ng-click="dismiss();">
<i class="fa fa-remove"></i>
</button>
</div>
2013-09-06 13:20:12 -07:00
<div class="gf-box-body" style="padding-bottom: 50px;">
<div ng-if="editor.index == 0">
<div class="editor-row">
2015-05-05 13:26:42 +02:00
<div class="tight-form-section">
<h5>Dashboard info</h5>
<div class="tight-form">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 90px">
Title
</li>
<li>
<input type="text" class="input-xlarge tight-form-input" ng-model='dashboard.title'></input>
</li>
<li class="tight-form-item">
Tags
<tip>Press enter to a add tag</tip>
</li>
<li>
<bootstrap-tagsinput ng-model="dashboard.tags" tagclass="label label-tag" placeholder="add tags">
</bootstrap-tagsinput>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="tight-form last">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 90px">
Timezone
</li>
<li>
<select ng-model="dashboard.timezone" class='input-small tight-form-input' ng-options="f for f in ['browser','utc']"></select>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
2015-05-05 13:26:42 +02:00
</div>
2015-05-05 13:26:42 +02:00
<div class="editor-row">
<div class="tight-form-section">
<h5>Toggles</h5>
<div class="tight-form last">
<ul class="tight-form-list">
2015-05-05 13:26:42 +02:00
<li class="tight-form-item">
<editor-checkbox text="Editable" model="dashboard.editable"></editor-checkbox>
</li>
2015-05-05 13:26:42 +02:00
<li class="tight-form-item">
<editor-checkbox text="Hide Controls (CTRL+H)" model="dashboard.hideControls"></editor-checkbox>
</li>
<li class="tight-form-item last">
2015-05-05 13:26:42 +02:00
<editor-checkbox text="Shared Crosshair (CTRL+O)" model="dashboard.sharedCrosshair"></editor-checkbox>
</li>
</ul>
<div class="clearfix"></div>
</div>
2015-05-05 13:26:42 +02:00
</div>
</div>
</div>
<div ng-if="editor.index == 1">
<div class="editor-row">
<div class="tight-form-section">
<h5>Rows settings</h5>
<div class="tight-form-container">
<div class="tight-form" ng-repeat="row in dashboard.rows">
<ul class="tight-form-list">
<li class="tight-form-item">
Title
</li>
<li>
<input type="text" class="input tight-form-input" style="width: 400px;" ng-model='row.title'></input>
</li>
<li class="tight-form-item">
<editor-checkbox text="Show title" model="row.showTitle"></editor-checkbox>
</li>
<li class="tight-form-item last">
<i ng-click="_.move(dashboard.rows,$index,$index-1)" ng-class="{'invisible': $first}" class="pointer fa fa-arrow-up"></i>
</li>
<li class="tight-form-item last">
<i ng-click="_.move(dashboard.rows,$index,$index+1)" ng-class="{'invisible': $last}" class="pointer fa fa-fw fa-arrow-down"></i>
</li>
<li class="tight-form-item last">
<i ng-click="dashboard.rows = _.without(dashboard.rows,row)" class="pointer fa fa-remove"></i>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
2015-05-05 13:26:42 +02:00
<div ng-if="editor.index == 2">
<dash-links-editor></dash-links-editor>
</div>
<div ng-if="editor.index == 3">
<gf-time-picker-settings dashboard="dashboard"></gf-time-picker-settings>
</div>
2015-12-18 00:20:23 -08:00
<div ng-if="editor.index == 4">
<div class="editor-row">
<div class="tight-form-section">
2015-12-18 01:52:05 -08:00
<h5>Dashboard info</h5>
2015-12-18 00:20:23 -08:00
<div class="tight-form">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 120px">
Last updated at:
</li>
<li class="tight-form-item" style="width: 180px">
{{formatDate(dashboardMeta.updated)}}
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="tight-form last">
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 120px">
Created at:
</li>
<li class="tight-form-item" style="width: 180px">
{{formatDate(dashboardMeta.created)}}
</li>
</ul>
<div class="clearfix"></div>
</div>
2015-12-18 01:52:05 -08:00
<div class="tight-form">
2015-12-18 00:20:23 -08:00
<ul class="tight-form-list">
<li class="tight-form-item" style="width: 120px">
2015-12-18 01:52:05 -08:00
Last updated by:
2015-12-18 00:20:23 -08:00
</li>
<li class="tight-form-item" style="width: 180px">
2015-12-18 01:52:05 -08:00
{{dashboardMeta.updatedBy}}
</li>
2015-12-18 00:20:23 -08:00
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
2013-09-06 13:20:12 -07:00
<div class="gf-box-footer">
<div class="grafana-version-info" ng-show="editor.index === 0">
<span class="editor-option small">
Grafana version: {{contextSrv.version}} &nbsp;&nbsp;
</span>
<span grafana-version-check>
</span>
</div>
</div>