cms/app-client/app/components/discourses-component.js
changeset 532 1190ea937f2d
parent 511 fbf4e1afab01
child 537 d2e6ee099125
equal deleted inserted replaced
531:48f5380c26d0 532:1190ea937f2d
     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"; })