94 lines
2.8 KiB
JavaScript
94 lines
2.8 KiB
JavaScript
'use strict';
|
|
|
|
System.register(['angular', 'lodash'], function (_export, _context) {
|
|
"use strict";
|
|
|
|
var angular, _, _createClass, template, DatasourceSelectorCtrl;
|
|
|
|
function _classCallCheck(instance, Constructor) {
|
|
if (!(instance instanceof Constructor)) {
|
|
throw new TypeError("Cannot call a class as a function");
|
|
}
|
|
}
|
|
|
|
return {
|
|
setters: [function (_angular) {
|
|
angular = _angular.default;
|
|
}, function (_lodash) {
|
|
_ = _lodash.default;
|
|
}],
|
|
execute: function () {
|
|
_createClass = function () {
|
|
function defineProperties(target, props) {
|
|
for (var i = 0; i < props.length; i++) {
|
|
var descriptor = props[i];
|
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
descriptor.configurable = true;
|
|
if ("value" in descriptor) descriptor.writable = true;
|
|
Object.defineProperty(target, descriptor.key, descriptor);
|
|
}
|
|
}
|
|
|
|
return function (Constructor, protoProps, staticProps) {
|
|
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
if (staticProps) defineProperties(Constructor, staticProps);
|
|
return Constructor;
|
|
};
|
|
}();
|
|
|
|
template = '\n<value-select-dropdown variable="ctrl.dsOptions" on-updated="ctrl.onChange(ctrl.dsOptions)">\n</value-select-dropdown>\n';
|
|
|
|
|
|
angular.module('grafana.directives').directive('datasourceSelector', function () {
|
|
return {
|
|
scope: {
|
|
datasources: "=",
|
|
options: "=",
|
|
onChange: "&"
|
|
},
|
|
controller: DatasourceSelectorCtrl,
|
|
controllerAs: 'ctrl',
|
|
template: template
|
|
};
|
|
});
|
|
|
|
DatasourceSelectorCtrl = function () {
|
|
|
|
/** @ngInject */
|
|
function DatasourceSelectorCtrl($scope) {
|
|
_classCallCheck(this, DatasourceSelectorCtrl);
|
|
|
|
this.scope = $scope;
|
|
var datasources = $scope.datasources;
|
|
var options = $scope.options;
|
|
this.dsOptions = {
|
|
multi: true,
|
|
current: { value: datasources, text: datasources.join(" + ") },
|
|
options: _.map(options, function (ds) {
|
|
return { text: ds, value: ds, selected: _.includes(datasources, ds) };
|
|
})
|
|
};
|
|
}
|
|
|
|
_createClass(DatasourceSelectorCtrl, [{
|
|
key: 'onChange',
|
|
value: function onChange(updatedOptions) {
|
|
var _this = this;
|
|
|
|
var newDataSources = updatedOptions.current.value;
|
|
this.scope.datasources = newDataSources;
|
|
|
|
// Run after model was changed
|
|
this.scope.$$postDigest(function () {
|
|
_this.scope.onChange();
|
|
});
|
|
}
|
|
}]);
|
|
|
|
return DatasourceSelectorCtrl;
|
|
}();
|
|
}
|
|
};
|
|
});
|
|
//# sourceMappingURL=datasource-selector.directive.js.map
|