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

<navbar title="Import" title-url="import/dashboard" icon="fa fa-download">
</navbar>

<div class="page-container">
	<div class="page-header">
		<h1>
			Import dashboard
		</h1>
	</div>

	<h5 class="section-heading">
		Upload .json file
	</h5>

	<div class="gf-form-group">
		<form class="gf-form">
			<input type="file" id="dashupload" dash-upload name="dashupload" class="hide"/><br>
			<label class="btn btn-success" for="dashupload">Select file</label>
		</form>
	</div>

	<h5 class="section-heading">
		Migrate dashboards
		<em style="font-size: 14px;padding-left: 10px;"><i class="fa fa-info-circle"></i> Import dashboards from Elasticsearch or InfluxDB</em>
	</h5>

	<div class="gf-form-inline gf-form-group">
		<div class="gf-form">
			<div class="gf-form-label">Dashboard source</div>
			<div class="gf-form-select-wrapper">
				<select class="gf-form-input gf-size-auto" ng-model="sourceName" ng-options="f for f in datasources"></select>
			</div>
		</div>
		<div class="gf-form">
			<button class="btn btn-success gf-form-btn" ng-click="startImport()">Import</button>
		</div>
	</div>

	<h5 class="section-heading" ng-if="importing">{{infoText}}</h5>
	<div class="editor-row" ng-if="importing">
		<div class="editor-row row">
			<table class="grafana-options-table span5">
				<tr ng-repeat="dash in imported">
					<td>{{dash.name}}</td>
					<td>
						{{dash.info}}
					</td>
				</tr>
			</table>
		</div>
	</div>

	<div ng-include="'public/app/features/dashboard/partials/graphiteImport.html'"></div>

</div>