github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fixing brushing in the vis editor

Browse source
This commit is contained in:
Chris Cowan 2017-01-18 10:14:04 -07:00
parent b7822ecb5c
commit 74dc57f460
4 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/core_plugins/metrics/public/components/vis_editor/vis_editor_visualization.js
View file

@ -38,14 +38,6 @@ export default React.createClass({
if (this.state.dragging) {
style.userSelect = 'none';
}
// if (dashboard.doc.background_color) {
// style.backgroundColor = dashboard.doc.background_color;
// }
// if (dashboard.doc.panel_margin) {
// style.padding = dashboard.doc.panel_margin;
// }
// const visBackgroundColor = dashboard.doc.default_panel_color ||
// dashboard.doc.background_color;
const visBackgroundColor = '#FFF';
return (
<div>

6
src/core_plugins/metrics/public/directives/vis_editor.js
View file

@ -5,17 +5,19 @@ import modules from 'ui/modules';
import VisEditor from '../components/vis_editor/vis_editor';
import addScope from '../lib/add_scope';
import angular from 'angular';
import createBrushHandler from '../lib/create_brush_handler';
const app = modules.get('apps/metrics/directives');
app.directive('metricsVisEditor', () => {
app.directive('metricsVisEditor', (timefilter) => {
return {
restrict: 'E',
link: ($scope, $el, $attrs) => {
const addToState = ['fields', 'model', 'visData'];
const Component = addScope(VisEditor, $scope, addToState);
const handleBrush = createBrushHandler($scope, timefilter);
const handleChange = part => {
$scope.$evalAsync(() => angular.copy(part, $scope.model));
};
render(<Component onChange={handleChange} />, $el[0]);
render(<Component onChange={handleChange} onBrush={handleBrush} />, $el[0]);
$scope.$on('$destroy', () => {
unmountComponentAtNode($el[0]);
});

7
src/core_plugins/metrics/public/directives/visualization.js
View file

@ -6,6 +6,7 @@ import Visualization from '../components/vis_editor/visualization';
import addScope from '../lib/add_scope';
import modules from 'ui/modules';
import moment from 'moment';
import createBrushHandler from '../lib/create_brush_handler';
const app = modules.get('apps/metrics/directives');
app.directive('metricsVisualization', (timefilter) => {
return {
@ -13,11 +14,7 @@ app.directive('metricsVisualization', (timefilter) => {
link: ($scope, $el, $attrs) => {
const addToState = ['model', 'visData', 'backgroundColor'];
const Component = addScope(Visualization, $scope, addToState);
const handleBrush = (ranges) => {
timefilter.time.from = moment(ranges.xaxis.from).toISOString();
timefilter.time.to = moment(ranges.xaxis.to).toISOString();
timefilter.time.mode = 'absolute';
};
const handleBrush = createBrushHandler($scope, timefilter);
render(<Component onBrush={handleBrush} className="dashboard__visualization"/>, $el[0]);
$scope.$on('$destroy', () => unmountComponentAtNode($el[0]));

8
src/core_plugins/metrics/public/lib/create_brush_handler.js Normal file
View file

@ -0,0 +1,8 @@
import moment from 'moment';
export default ($scope, timefilter) => ranges => {
$scope.$evalAsync(() => {
timefilter.time.from = moment(ranges.xaxis.from).toISOString();
timefilter.time.to = moment(ranges.xaxis.to).toISOString();
timefilter.time.mode = 'absolute';
});
};