grafana/public/app/features/panel/query_editor.ts

///<reference path="../../headers/common.d.ts" />

import angular from 'angular';

/** @ngInject */
function metricsQueryEditor(dynamicDirectiveSrv, datasourceSrv) {
  return dynamicDirectiveSrv.create({
    watch: "panel.datasource",
    directive: scope => {
      let datasource = scope.target.datasource || scope.panel.datasource;
      let editorScope = null;

      return datasourceSrv.get(datasource).then(ds => {
        if (editorScope) {
          editorScope.$destroy();
        }

        editorScope = scope.$new();
        editorScope.datasource = ds;

        return System.import(ds.meta.module).then(dsModule => {
          return {
            name: 'metrics-query-editor-' + ds.meta.id,
            fn: dsModule.metricsQueryEditor,
            scope: editorScope,
          };
        });
      });
    }
  });
}

/** @ngInject */
function metricsQueryOptions(dynamicDirectiveSrv, datasourceSrv) {
  return dynamicDirectiveSrv.create({
    watch: "panel.datasource",
    directive: scope => {
      return datasourceSrv.get(scope.panel.datasource).then(ds => {
        return System.import(ds.meta.module).then(dsModule => {
          return {
            name: 'metrics-query-options-' + ds.meta.id,
            fn: dsModule.metricsQueryOptions
          };
        });
      });
    }
  });
}

angular.module('grafana.directives')
  .directive('metricsQueryEditor', metricsQueryEditor)
  .directive('metricsQueryOptions', metricsQueryOptions);