code-editor: test editors for MySQL and prometheus

public/app/plugins/datasource/mysql/partials/query.editor.html

@@ -1,7 +1,15 @@
 <query-editor-row query-ctrl="ctrl" can-collapse="false">
   <div class="gf-form-inline">
 		<div class="gf-form gf-form--grow">
-			<textarea rows="10" class="gf-form-input" ng-model="ctrl.target.rawSql" spellcheck="false" placeholder="query expression" data-min-length=0 data-items=100 ng-model-onblur ng-change="ctrl.panelCtrl.refresh()"></textarea>
+			<textarea rows="5" class="gf-form-input" ng-model="ctrl.target.rawSql" spellcheck="false" placeholder="query expression" data-min-length=0 data-items=100 ng-model-onblur ng-change="ctrl.panelCtrl.refresh()"></textarea>
+		</div>
+	</div>
+
+	<div class="gf-form-inline">
+		<div class="gf-form gf-form--grow">
+			<code-editor content="ctrl.target.rawSql" on-change="ctrl.panelCtrl.refresh()"
+				data-mode="sql">
+			</code-editor>
 		</div>
 	</div>
 

public/app/plugins/datasource/prometheus/partials/query.editor.html

@@ -5,6 +5,12 @@
 		</div>
 	</div>
 
+	<div class="gf-form-inline">
+		<div class="gf-form gf-form--grow">
+			<code-editor content="ctrl.target.expr" on-change="ctrl.refreshMetricData()"></code-editor>
+		</div>
+	</div>
+
 	<div class="gf-form-inline">
 		<div class="gf-form max-width-26">
 			<label class="gf-form-label width-8">Legend format</label>