equal
deleted
inserted
replaced
1 import Ember from 'ember'; |
1 import Ember from 'ember'; |
2 import * as d3 from 'd3-selection'; |
2 import * as d3 from 'd3-selection'; |
3 import * as d3h from 'd3-hierarchy'; |
3 import * as d3h from 'd3-hierarchy'; |
4 import * as d3s from 'd3-scale'; |
4 import * as d3s from 'd3-scale'; |
5 import _ from 'lodash/lodash'; |
5 import _ from 'lodash'; |
6 |
6 |
7 const MINIMUM_CIRCLE_WIDTH = 60.0; |
7 const MINIMUM_CIRCLE_WIDTH = 60.0; |
8 |
8 |
9 export default Ember.Component.extend({ |
9 export default Ember.Component.extend({ |
10 |
10 |
80 var nodes = element |
80 var nodes = element |
81 .selectAll() |
81 .selectAll() |
82 .data(bubbles); |
82 .data(bubbles); |
83 |
83 |
84 nodes.enter().append("div") |
84 nodes.enter().append("div") |
85 .attr("class", function(d) { return ( d.children ? "category": "item" ) + ( (self.get('filter').get('discourse') !== null && _.contains(self.get('filter').get('discourse'), d.id)) ? " selected" : "" ) ; }); |
85 .attr("class", function(d) { return ( d.children ? "category": "item" ) + ( (self.get('filter').get('discourse') !== null && _.includes(self.get('filter').get('discourse'), d.id)) ? " selected" : "" ) ; }); |
86 |
86 |
87 var item = element.selectAll(".item") |
87 var item = element.selectAll(".item") |
88 .attr("data-id", function(d) { return d.data.id; }) |
88 .attr("data-id", function(d) { return d.data.id; }) |
89 .style("left", function(d) { return ( d.x - d.r) + "px"; }) |
89 .style("left", function(d) { return ( d.x - d.r) + "px"; }) |
90 .style("top", function(d) { return ( d.y - d.r) + "px"; }) |
90 .style("top", function(d) { return ( d.y - d.r) + "px"; }) |