grafana/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 file
			<em style="font-size: 14px;padding-left: 10px;"> <i class="fa fa-info-circle"></i> Load dashboard from local .json file</em>
		</h1>
	</div>

	<div class="gf-form-group">
			<form class="gf-form">
				<input type="file" id="dashupload" dash-upload/><br>
			</form>
	</div>

	<h5 class="page-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-group last">
		<div class="gf-form">
			<div class="gf-form-label">Dashboard source</div>
			<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-btn">
				<button class="btn btn-success" ng-click="startImport()">Import</button>
			</div>
		</div>
	</div>

	<h5 class="page-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>