energylink/public/app/features/dashboard/partials/settings.html

<div class="tabbed-view-header">
	<h2 class="tabbed-view-title">
		Settings
	</h2>

	<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>

	<button class="tabbed-view-close-btn" ng-click="dismiss();">
		<i class="fa fa-remove"></i>
	</button>
</div>

<div class="tabbed-view-body">
	<div ng-if="editor.index == 0">

		<h5 class="section-heading">Dashboard Detail</h5>
		<div class="gf-form-group">
			<div class="gf-form">
				<label class="gf-form-label width-7">Title</label>
				<input type="text" class="gf-form-input max-width-25" ng-model='dashboard.title'></input>
			</div>
			<div class="gf-form">
				<label class="gf-form-label width-7">Tags<tip>Press enter to a add tag</tip></label>
				<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">
					<select ng-model="dashboard.timezone" class='gf-form-input' ng-options="f for f in ['browser','utc']"></select>
				</div>
			</div>
		</div>

		<h5 class="section-heading">On/Off Toggles</h5>
		<div class="gf-form-group">
			<div class="gf-form-inline">
				<div class="gf-form">
					<editor-checkbox text="Editable" model="dashboard.editable"></editor-checkbox>
				</div>
				<div class="gf-form">
					<editor-checkbox text="Hide Controls (CTRL+H)" model="dashboard.hideControls"></editor-checkbox>
				</div>
				<div class="gf-form">
					<editor-checkbox text="Shared Crosshair (CTRL+O)" model="dashboard.sharedCrosshair"></editor-checkbox>
				</div>
			</div>
		</div>
	</div>

	<div ng-if="editor.index == 1">
		<h5 class="section-heading">Rows settings</h5>

		<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>
					<editor-checkbox text="Show title" model="row.showTitle"></editor-checkbox>
				</div>

				<div class="gf-form">
					<button class="btn btn-inverse btn-mini" ng-hide="$first" style="margin-right: 5px;">
						<i ng-click="_.move(dashboard.rows,$index,$index-1)"  ng-class="{'invisible': $first}" class="fa fa-arrow-up"></i>
					</button>
					<button class="btn btn-inverse btn-mini" ng-hide="$last" style="margin-right: 5px;">
						<i ng-click="_.move(dashboard.rows,$index,$index+1)" ng-class="{'invisible': $last}" class="fa fa-arrow-down"></i>
					</button>
					<button class="btn btn-danger btn-mini" style="margin-right: 5px;">
						<i ng-click="dashboard.rows = _.without(dashboard.rows,row)" class="fa fa-remove"></i>
					</button>
				</div>

			</div>
		</div>
	</div>

	<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>

	<div ng-if="editor.index == 4">
		<div class="row">
			<h5>Dashboard info</h5>
			<div class="pull-left tight-form">
				<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">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 120px">
							Last updated by:
						</li>
						<li class="tight-form-item" style="width: 180px">
							{{dashboardMeta.updatedBy}}
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="tight-form">
					<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>
				<div class="tight-form">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 120px">
							Created by:
						</li>
						<li class="tight-form-item" style="width: 180px">
							{{dashboardMeta.createdBy}}
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="tight-form">
					<ul class="tight-form-list">
						<li class="tight-form-item" style="width: 120px">
							Current version:
						</li>
						<li class="tight-form-item" style="width: 180px">
							{{dashboardMeta.version}}
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>

</div>

<div class="clearfix"></div>
</div>

<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>