diff --git a/public/app/partials/metrics.html b/public/app/partials/metrics.html
index dd7199c336c..4aaffed9791 100644
--- a/public/app/partials/metrics.html
+++ b/public/app/partials/metrics.html
@@ -1,7 +1,7 @@
-
+
diff --git a/public/app/plugins/datasource/influxdb_08/datasource.js b/public/app/plugins/datasource/influxdb_08/datasource.js
index 0e4adba072c..5c1590168f1 100644
--- a/public/app/plugins/datasource/influxdb_08/datasource.js
+++ b/public/app/plugins/datasource/influxdb_08/datasource.js
@@ -4,6 +4,7 @@ define([
'kbn',
'./influxSeries',
'./queryBuilder',
+ './directives',
'./queryCtrl',
'./funcEditor',
],
diff --git a/public/app/plugins/datasource/influxdb_08/directives.js b/public/app/plugins/datasource/influxdb_08/directives.js
new file mode 100644
index 00000000000..35a29975442
--- /dev/null
+++ b/public/app/plugins/datasource/influxdb_08/directives.js
@@ -0,0 +1,21 @@
+define([
+ 'angular',
+],
+function (angular) {
+ 'use strict';
+
+ var module = angular.module('grafana.directives');
+
+ module.directive('metricQueryEditorInfluxdb08', function() {
+ return {controller: 'InfluxQueryCtrl_08', templateUrl: 'app/plugins/datasource/influxdb_08/partials/query.editor.html'};
+ });
+
+ module.directive('metricQueryOptionsInfluxdb08', function() {
+ return {templateUrl: 'app/plugins/datasource/influxdb_08/partials/query.options.html'};
+ });
+
+ module.directive('annotationsQueryEditorInfluxdb08', function() {
+ return {templateUrl: 'app/plugins/datasource/influxdb_08/partials/annotations.editor.html'};
+ });
+
+});
diff --git a/public/app/plugins/datasource/influxdb_08/partials/query.editor.html b/public/app/plugins/datasource/influxdb_08/partials/query.editor.html
index 6744e00e5b1..61622d1069c 100644
--- a/public/app/plugins/datasource/influxdb_08/partials/query.editor.html
+++ b/public/app/plugins/datasource/influxdb_08/partials/query.editor.html
@@ -1,256 +1,168 @@
-