Переглянути джерело

ux(import): convert to new css format

bergquist 9 роки тому
батько
коміт
afb62638a8
1 змінених файлів з 38 додано та 49 видалено
  1. 38 49
      public/app/features/dashboard/partials/import.html

+ 38 - 49
public/app/features/dashboard/partials/import.html

@@ -2,62 +2,51 @@
 </navbar>
 
 <div class="page-container">
-	<div class="page">
-		<h2>
+	<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>
-		</h2>
-
-		<div class="editor-row">
-			<div class="section">
-				<div class="editor-option">
-					<form>
-						<input type="file" id="dashupload" dash-upload/><br>
-					</form>
-				</div>
-			</div>
-		</div>
+		</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>
 
-		<h2>
-			Migrate dashboards
-			<em style="font-size: 14px;padding-left: 10px;"><i class="fa fa-info-circle"></i> Import dashboards from Elasticsearch or InfluxDB</em>
-		</h2>
-
-		<div class="tight-form last">
-			<ul class="tight-form-list">
-				<li class="tight-form-item" style="width: 150px">
-					<strong>Dashboard source</strong>
-				</li>
-				<li>
-					<select type="text" ng-model="sourceName" class="input-medium tight-form-input" ng-options="f for f in datasources">
-					</select>
-				</li>
-				<li style="float: right">
-					<button class="btn btn-success tight-form-btn" ng-click="startImport()">Import</button>
-				</li>
-				<div class="clearfix"></div>
-			</ul>
+	<div class="gf-form-group last">
+		<div class="gf-form">
+			<div class="gf-form-label">Dashboard source</div>
+			<div>
+				<select type="text" ng-model="sourceName" class="input-medium tight-form-input" ng-options="f for f in datasources"></select>
+			</div>
+			<div class="gf-form-btn">
+				<button class="btn btn-success" ng-click="startImport()">Import</button>
+			</div>
 		</div>
+	</div>
 
-		<div class="editor-row" ng-if="importing">
-			<section class="section">
-				<h5>{{infoText}}</h5>
-
-				<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>
-			</section>
+	<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 ng-include="'public/app/features/dashboard/partials/graphiteImport.html'"></div>
 
-	</div>
 </div>