cms/app-client/app/components/visu-langues.js
changeset 295 e1f154f20f96
parent 294 f3dae62a0d8a
child 305 ff6cf3fc5f40
child 313 706f10bcdc3c
equal deleted inserted replaced
294:f3dae62a0d8a 295:e1f154f20f96
     5 
     5 
     6 export default Ember.Component.extend({
     6 export default Ember.Component.extend({
     7 
     7 
     8     constants: Ember.inject.service(),
     8     constants: Ember.inject.service(),
     9     filter: Ember.inject.service(),
     9     filter: Ember.inject.service(),
       
    10 
       
    11     filterObserver: Ember.observer('filter.language', function() {
       
    12         Ember.$('.node').removeClass("selected");
       
    13         Ember.$('.node[data-id="' + this.get('filter').get('language') + '"]').addClass("selected");
       
    14     }),
    10 
    15 
    11     didInsertElement: function(){
    16     didInsertElement: function(){
    12         var self = this;
    17         var self = this;
    13         var baseurl = ENV.rootURL.replace(/\/$/,"")+'/api/v1';
    18         var baseurl = ENV.rootURL.replace(/\/$/,"")+'/api/v1';
    14 
    19 
   120                     .datum(d);
   125                     .datum(d);
   121 
   126 
   122                 var node = nodes.selectAll()
   127                 var node = nodes.selectAll()
   123                     .data(d._children)
   128                     .data(d._children)
   124                     .enter()
   129                     .enter()
   125                     .append("div");
   130                     .append("div")
       
   131                     .attr("data-id", function(d) { return d.id; });
   126 
   132 
   127                 node.attr("class", "node")
   133                 node.attr("class", function(d) { return "node" + ( d.id === self.get('filter').get('language') ? " selected" : "" ); })
   128                     .call(position)
   134                     .call(position)
   129                     .on("click", selectHandler);
   135                     .on("click", selectHandler);
   130 
   136 
   131                 node.filter(function(d) { return d._children; })
   137                 node.filter(function(d) { return d._children; })
   132                     .classed("children", true)
   138                     .classed("children", true)
   182             function name(d) {
   188             function name(d) {
   183                 return d.parent ? name(d.parent) + '<span class="level">' + d.name + '</span>' : '<span class="root">' + d.name + '</span>';
   189                 return d.parent ? name(d.parent) + '<span class="level">' + d.name + '</span>' : '<span class="root">' + d.name + '</span>';
   184             }
   190             }
   185 
   191 
   186         });
   192         });
   187 
       
   188     }
   193     }
   189 
   194 
   190 });
   195 });