IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(export): began working on export modal

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-05-17 10:29:57 +02:00
parent 7cd663bbe8
commit ad7a1e15b4
10 changed files with 131 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
public/app/features/dashboard/export/export_modal.html Normal file
View File

@@ -0,0 +1,74 @@
<div class="modal-body">
<div class="modal-header">
<h2 class="modal-header-title">
<i class="fa fa-cloud-upload"></i>
<span class="p-l-1">Export Dashboard</span>
</h2>
<a class="modal-header-close" ng-click="dismiss();">
<i class="fa fa-remove"></i>
</a>
</div>
<div class="modal-content" ng-cloak>
<p>
Exporting will export a cleaned sharable dashboard that can be imported
into another Grafana instance.
</p>
<h3 class="section-heading">
Options
</h3>
<div class="gf-form-group">
<div class="gf-form">
<label class="gf-form-label width-8">Title</label>
<input type="text" class="gf-form-input" ng-model="ctrl.dash.title" ng-change="ctrl.titleChanged()">
<label class="gf-form-label text-success" ng-show="ctrl.dash.title">
<i class="fa fa-check"></i>
</label>
</div>
<div class="gf-form gf-form--grow">
<label class="gf-form-label width-8">Description</label>
<input type="text" class="gf-form-input" ng-model="ctrl.dash.description" ng-change="ctrl.titleChanged()">
<label class="gf-form-label text-success" ng-show="ctrl.dash.description">
<i class="fa fa-check"></i>
</label>
</div>
</div>
<h3 class="section-heading">
Dashboard data sources
</h3>
<div class="gf-form-group">
<div class="gf-form-inline" ng-repeat="input in ctrl.dash.__inputs">
<div class="gf-form width-25">
<label class="gf-form-label width-8">Name</label>
<input type="text" class="gf-form-input" ng-model="input.name">
<label class="gf-form-label text-success" ng-show="input.name">
<i class="fa fa-check"></i>
</label>
</div>
<div class="gf-form width-25">
<label class="gf-form-label width-8">Description</label>
<input type="text" class="gf-form-input" ng-model="input.desc">
<label class="gf-form-label text-success" ng-show="input.desc">
<i class="fa fa-check"></i>
</label>
</div>
</div>
</div>
<div class="gf-form-button-row">
<button type="button" class="btn gf-form-btn width-10 btn-success" ng-click="ctrl.export()">
<i class="fa fa-download"></i> Export
</button>
<a class="btn btn-link" ng-click="dismiss()">Cancel</a>
</div>
</div>
</div>
</div>